Frontendmentor.io
A tényleges projektek létrehozásával a Frontendmentor.io segítséget nyújt a front-end kódolási képességeinek fejlesztésében. A kódolást azután kezdheti meg, hogy kiválaszt egyet a számos kihívás közül. Ezenkívül a kódoláshoz szükséges összes eszközt és erőforrást kínálja. A kódolás és a CSS használatának módja az Önön múlik. A projekt befejezése után feltöltheti a webhelyre, és kérhet megjegyzéseket a közösség többi fejlesztőjétől.
P.S. Kísérleteztem néhány projekttel ezen a weboldalon.
Cssbattle.dev
A CSSBattle.dev egy online CSS-kódos golfjáték. A „Célok” nevű létező kép replikálásával versenyezhet az eredménytábla tetején HTML és CSS használatával, miközben a lehető legkevesebb kódot tárolja. A legjobb módszer CSS-képességeinek kiélezésére, ha élvezetes mini-kihívásokat vállal.
Codepen.io
A CodePen.io egy online közösség az Ön által létrehozott HTML, CSS és JavaScript kódrészletek tesztelésére és bemutatására. A fejlesztők kódrészleteket, úgynevezett „tollakat” hozhatnak létre, és tesztelhetik azokat ebben a nyílt forráskódú tanulási környezetben, amely online élő kódszerkesztőként is szolgál. Megnézheti mások munkáját is, amelyek közül néhányat lenyűgözőnek és élvezetesnek találtam:
3D lépésszámláló Steve Gardnertől
Ben Evans tiszta CSS-csendélete
Javascript30.com
Kezdők, középhaladó fejlesztők és tervezők számára, akik szeretnének megismerkedni a JavaScript alapjaival, a Javascript30.com ingyenes 30 napos nyelvtanfolyamot kínál. Már ismernie kell a Javascriptet, mert ez nem egy Javascript 101 tanfolyam. Említettem már, hogy ez a tanfolyam teljesen ingyenes? Ezenkívül a videók többsége 20 perces, így bőségesen meg is nézheti. A kurzushoz való hozzáféréshez regisztrálnia kell, amit meg kell tennie, tekintettel az általa kínált értékre. Ha azonban olyan, mint én, és inkább nem ad ki személyes adatokat, hacsak nem feltétlenül szükséges, használhatja a "temp mail chrome extension"-t, hogy ideiglenes e-mail címet hozzon létre postaládájával.
Codewell.cc
A Codewell.cc weboldalon gyakorolhatja HTML- és CSS-készségeit a professzionális tervezők által készített tényleges Figma-tervezősablonok segítségével építési kihívásként. Ezek a kihívások felhasználhatók valós portfóliók létrehozására. Javíthatja általános webfejlesztési készségeit, ha gyakorolja a HTML, CSS és Javascript tartalom használatát ezen a webhelyen. Minden héten friss sablonokat kínálnak, és mindegyikhez a kezdéshez szükséges anyagok tartoznak.
