Intenzív „Front-end fejlesztő” - tanfolyam 88 800 dörzsölje. a SkillFactory-ból, képzés 3 hónap, Időpont: 2023. augusztus 13.

1. projekt. Névjegykártya weboldal

Létrehozza első teljes értékű webhelyét az elrendezési eszközök - HTML és CSS - segítségével. Az oldal beszámol Önről, tapasztalatairól és hobbijairól, a specializáció során visszatérhet hozzá, és információkat adhat meg önmagáról. A HTML tagek segítségével elkészíti az oldal tartalmának jelölését, a CSS-stílus segítségével pedig egyedi dizájnt fejleszt a névjegykártya oldalához, és egyszerű interaktivitást ad hozzá.

A HTML- és CSS-eszközök egyszerűsége ellenére ez a rész alapvető minden fejlesztő számára. A HTML-t gyakran használják olyan programozási nyelvekkel, mint például a JavaScript, és a CSS számos elegáns felülettervezési megoldást kínál.

• A HTML és CSS képzési modulok témái:
• HTML alapok
• CSS stílus. Kiválasztók
• Flexbox
• Git technológia. Github

2. projekt. A céloldal elrendezése elrendezés szerint

A HTML- és CSS-tudásod alapos erősítéséhez felajánlunk egy Figma-ban készült webhely-makett. Ezzel az elrendezéssel meg kell terveznie egy egyoldalas nyitóoldalt egy tervezőiroda számára asztali és mobil verziókhoz. A végleges elrendezést fel kell tölteni a githubba, mostantól az összes projektet tárolókban fogod közzétenni.

Ez a projekt a front-end fejlesztői munka kvintesszenciája bármely vállalatnál. Munkaprojektjei funkcionalitásban és vizuálisan sokkal fejlettebbek lehetnek, de a lényeg pontosan ugyanaz marad.

3. projekt. Csúszka a JavaScriptben

A következő projekt, amely bekerül a portfóliójába, egy csúszka megvalósítása egy weboldalon, tiszta JavaScript vagy úgynevezett VanillaJS használatával. A csúszka egy interaktív funkció a leírásokkal ellátott képek közötti átmenethez (lehet hivatkozások vagy szövegblokkok is), amely a jövőben bármilyen weboldalba vagy alkalmazásba beépíthető. A JavaScript több lehetőséget kínál nem triviális logikával rendelkező interaktív webes felületek létrehozására.
A projekt befejezésével megerősíti tiszta JavaScript fejlesztési készségeit, ami az egyik trend Az utóbbi években egyre több fejlesztő próbálkozik a frontend megvalósításával, lehetőség szerint anélkül, hogy igénybe venné keretek. Bármilyen technológiai halmaz is legyen a cégben, ahol a jövőben fog dolgozni, a JavaScript magabiztos ismerete és használata a minimális feltétel a front-end fejlesztői karrierhez.

JavaScript képzési modul témái:

• Bevezetés a JavaScriptbe
• Funkciók, objektumok
• Események és DOM. Pickers.
• JavaScript programozás
• Modularitás
• Gépelés
• AJAX
• Böngésző API

4. projekt. Kanban tábla a Reactban

A front-end fejlesztési kompetenciájának növeléséhez el kell sajátítania az egyik JavaScript-keretrendszert. Ebben a szakirányban azt javasoljuk, hogy a legnépszerűbb könyvtár - React - tanulmányozására összpontosítson. A negyedik projektben a Figma elrendezése alapján egy webalkalmazást valósít meg, amely egy feladatfüzet az egyes feladatok állapotával. Az alkalmazás a Create React App segítségével kerül telepítésre.
Ebben a projektben emlékeznie kell az elrendezésre, és tiszta JavaScriptet kell használnia. A Reactot tartalmazó rész lehetővé teszi, hogy megszilárdítsa fejlesztési készségeit ebben a könyvtárban; ez a modul áttekintést nyújt a Vue és az Angular keretrendszerről is.

A keretrendszerekkel és könyvtárakkal foglalkozó képzési modulok témái:

• Alkalmazás létrehozása a Reactban
• React Components
• Eseménykezelés a Reactban
• Reagálási minták
• React Router
• Keretrendszerek és könyvtárak
• Vue és Angular
• Redux

Egy jól ismert cég, amely Oroszország nagyvárosaiban kerékpárokat bérel, problémákat tapasztal ingatlanaik (kerékpárok) gyakori ellopásával. A probléma lehetséges megoldásaként a cég nyilvántartja ezeket az eseteket, és nyomon kívánja követni az előrehaladást. Saját fejlesztőik már elkészítették az alkalmazás szerver részét (API), nekik kell implementálniuk a kliens részt.
Emlékeznie kell az összes lefedett technológiai halomra: HTML, CSS, JavaScript, React. Az érettségi munkád elvégzése mellett fel kell készülnöd egy nyílt utazásra: irányításunk alatt készülsz őszinte és meggyőző önéletrajz, hozzáértő kísérőlevél írása, valamint valós tesztekből több feladat elvégzése is.
Ennek eredményeképpen lesz egy github-fiókod olyan projektekkel, amelyek megmutatják a potenciálodat a munkáltatónak, valamint egy önéletrajzot és minden lehetőséget, hogy gyorsan elhelyezkedj junior fejlesztőként.

A képzési modulok témái:

• Élénkség
• Tesztelés és linterek
• JavaScript a háttérben. Adatbázisokkal való munka
• Node.js. Interakció a háttérprogrammal