Frontend fejlesztő - tanfolyam 70 000 dörzsölje. a GeekBrainstől, képzés 5 hónap, Időpont: 2023. június 10.
Vegyes Cikkek / / December 05, 2023
Front end fejlesztő - a legkeresettebb informatikai szakma, a HeadHunter szerint. Egy szakterület elsajátításához elegendő lesz az iskolai tudás. Megtanulja, hogyan lehet webhelyeket elrendezni HTML és CSS használatával, elsajátítani a JavaScriptet és a speciális elrendezést a ReactJS használatával.
Webfejlesztés. Gyors kezdés
A HTML/CSS és a PHP alapjai
A PHP (Hypertext PreProcessor, hypertext preprocessor) egy webszerver oldalon végrehajtott programozási nyelv. A PHP megalkotója, Rasmus Lerdorf dinamikus és interaktív weboldalak létrehozásának eszközeként tervezte. A nyelv nagy népszerűségre tett szert, és különféle méretű projektekben használják: az egyszerű blogtól az internet legnagyobb webes alkalmazásaiig. A legnagyobb PHP projektek a Zend, Yahoo, Facebook, Google, NASA, W3C. A tanfolyam azoknak szól, akik alapvető webfejlesztési ismereteket szeretnének elsajátítani PHP nyelven, tanulni ezzel a nyelvvel és terminológiával való munka logikáját, valamint megérti a rendszerek működési elveit és webes alkalmazások. A képzési folyamat során a hallgatók végigmennek egy egyszerű online áruház weboldal létrehozásának fő szakaszain, és dolgoznak a funkcionalitáson. A tanfolyam során megszerzett ismeretek és készségek megbízható alapot jelentenek a PHP fejlesztői továbbfejlesztéshez.
1. lecke. Mire való a PHP?
Milyen funkciókat kínál a PHP? előnyei más nyelvekkel szemben és miért érdemes ezt választani; mi fog történni a tanfolyamon: figyelembe vesszük a tanfolyam tervet, milyen eredményt kapunk, mit tanulunk meg.
2. lecke. Szerver telepítése és üzembe helyezése a számítógépen
Hogyan hatnak egymásra a webszerver, a PHP interpreter és az adatbázis; töltse le a kész Open Server összeállítást; válassza ki a PHP verziót; válassza ki az apache verziót; hozzáférés beállítása a helyi oldalhoz; hogyan lehet megérteni, hogy minden megfelelően van konfigurálva és működik; Az Open Server összeállításba beépített Sublime Text kódszerkesztőt használjuk.
3. lecke. Hogyan készítsünk weboldalakat
Röviden gondolja át, mire van szükség a html-re; Figyelembe vesszük a főbb címkéket: doctype, html, head, title, body, header, h1, footer, div, a, img és ezek helyét a weboldalon; Bemutatjuk, hogyan működnek ezek a címkék; jelenítse meg a létrehozott címkéket a Google Chrome „Fejlesztői eszközök” paneljén; A főoldalra és az áruház oldalára mutató hivatkozásokat hozunk létre, amelyek segítségével eljuthat az üzletbe és vissza.
4. lecke. Üzletünk elrendezésének elkészítése
Nézzük a CSS-t: mi az, hogyan kapcsolhatunk stílusokat az oldalhoz; Írunk egy fejlécet, és megfontoljuk, hogyan tervezzük meg CSS használatával.
5. lecke. A sablon tervezésének befejezése
Befejezzük a fejléc írását; adja hozzá az elrendezés többi részét a kész sablonból; A kész sablonból átvisszük az elrendezés szükséges részeit (HTML, CSS, JavaScript).
6. lecke. PHP alapok
Hogyan használjuk a PHP-t a sablonunkban; milyen változókra van szükség, és hogyan lehet velük dolgozni; milyen adattípusok vannak a PHP-ben, mire valók.
7. lecke. Hogyan tárolhatunk sok kapcsolódó adatot
Mire valók a tömbök és hogyan kell használni őket; A termékkel kapcsolatos információkat egy tömbbe helyezzük.
8. lecke. Kapcsolódó adatok tárolása és feldolgozása
Beágyazott tömbök; Az áruházunk adatait beágyazott tömbökbe helyezzük el; Hogyan szerezzünk információkat egy termékről egy beágyazott tömbből.
9. lecke. Munka ciklusokkal
Mi a teendő, ha egy tömbből sok adatot kell megjeleníteni az oldalon.
10. lecke. Hogyan lehet élővé tenni egy weboldalt
Hogyan változtassuk meg a program viselkedését a különböző feltételek függvényében; hogyan lehet megérteni, melyik oldalt kell megnyitni; használja a címsor paramétereit a kívánt oldal megnyitásához.
11. lecke. Az oldalak közötti navigáció
Más oldalakra mutató hivatkozásokat készítünk; Kényelmes sablonszerkezetet szervezünk; a sablon egyes részeit más fájlokba helyezzük át; A címsor paramétereitől függően más oldalakat is csatlakoztatunk.
12. lecke. Termékkatalógus készítése
Az összes termék megjelenítése az oldalon; munka a termékoldallal; hogyan kell létrehozni a megfelelő hivatkozásokat az egyes termékekhez a termékkatalógusban; A termékinformációkat külön oldalon jelenítjük meg.
13. lecke. A weboldalt az interneten helyezzük el
Név regisztrálása weboldalunkhoz; töltsön fel fájlokat a tárhelyre, és ellenőrizze a webhely működőképességét.
Git. Alaptanfolyam
Git alapok
13 videóból megtudhatod a Git verzióvezérlő rendszerrel való munka alapjait. Megtudhatja, miért fontos ez a modern fejlődésben. Tanulja meg az alapfogalmakat: adattár, véglegesítés, elágazás és címkék. Főkulcs-műveletek: tár létrehozása és klónozása, ágak egyesítése, változástörténet lekérdezése és még sok más. A képzés után készen áll arra, hogy a Git segítségével házi feladatokat készítsen programozási kurzusokhoz bármilyen nyelven. Ráadásul közelebb kerülhet az interjúhoz, ahol általában több kérdés is a verziókezelésre összpontosít.
1. lecke. Bevezetés a Gitbe
2. lecke. A Git telepítése és konfigurálása
3. lecke. Alapvető terminálparancsok
4. lecke. Adattárak használata a Gitben
5. lecke. Repository fájlkezelés
6. lecke. Változások története
7. lecke. Munka a tároló ágakkal
8. lecke. Adattár közzététele
9. lecke. Az ág összeolvad
10. lecke. Verziókezelés
11. lecke. Lehívási kérelem létrehozása
12. lecke. Összetett műveletek
13. lecke. A Fork adattárak használata
HTML/CSS. Interaktív tanfolyam. 1 hónap.
A HTML/CSS egy hiperszöveges jelölőnyelv, amely a szerveroldali nyelvek tanulmányozásának alapja. A HTML tanulásával reszponzív weboldalt vagy webhelyet hozhat létre. A CSS – lépcsőzetes stíluslapok – lehetővé teszi, hogy a kívánt módon tervezze meg webhelyét. Kényelmes időpontban nézheti meg a videó tanfolyamot, és ha kérdése van, forduljon egy mentorhoz, aki figyelemmel kíséri az előrehaladását. A formátum kommunikációra és önfegyelemre ösztönöz a tanulás során. Egy hónap alatt megtanulod: * reszponzív weboldalak elrendezését, * érvényes böngészők közötti elrendezést, * flexbox elrendezést, * alapvető műveletek elvégzését a Figmában, * SASS és Bootstrap előfeldolgozók használatát. A házi feladatot osztályozni kell, mielőtt továbbléphetne a kurzus következő órájára. Ez megmutatja, hogy megértette az előző leckét, és könnyen megtanul új ismereteket. A feladatot mind a mentor, mind az osztálytársak ellenőrizhetik, akiknek a tudásában megbízik, és jutalmat kaphat érte. Minden egyes ellenőrzéssel nő az eredmények száma, és növekszik a mások kódjával való munkavégzés készsége. A végbizonyítvány szintje a teljesítmények számától függ: minél többen vannak, annál magasabb a státusz. Ez a kissé játékszerelő még érdekesebbé teszi az órákat.
1. lecke. Alapfogalmak a webfejlesztésben
Bevezetés, bevezető információk, Visual Studio kód beállítása, gyorsbillentyűk, bővítmények telepítése. html dokumentum készítése html dokumentum szerkezete. Címkék típusai és attribútumai Böngésző hibakereső
2. lecke. A HTML dokumentumjelölő nyelv alapjai
Listák html-ben Speciális karakterek és megjegyzések Hiperhivatkozások (helyi, abszolút, horgonyok) A webes képek típusai; Formák és elemeik. Megtekintés, szerkesztés, hibák keresése a böngésző hibakeresőjén keresztül
3. lecke. A CSS dokumentumstílusnyelv alapjai
Bevezetés a stílusokba Stílusok összekapcsolásának módszerei Kijelölők A stílusok alapvető tulajdonságai (px, %, háttér, szín, keret) 1. rész Alapvető stílustulajdonságok (szélesség, magasság, betűtípus, listastílus, szöveg) Beágyazás, öröklődés és csoportosítás tulajdonságait
4. lecke. Alapvető címkék az elrendezéshez, pszeudoosztályokhoz és pszeudoelemekhez
Alapvető címkék div, span, blokkstruktúra létrehozása Elemek behúzások Folyamatelemek Álosztályok Pszeudoelemek Táblázatok
5. lecke. Helymeghatározás alapjai, Flexbox-szal való munka
Megjelenítési tulajdonság Mi az a flexbox (vízszintes és függőleges elrendezés) Megjelenítési sorrend, többsoros, külön blokk eltolása Rugalmas méretek beállítása blokkokhoz Pozíció: relatív és abszolút
6. lecke. Figma formátumú tervezési makett használata
Mi az a layout és milyen típusú elrendezések léteznek A Figma program megismerése, elrendezés vágása Blokkméretek meghatározása, blokkstruktúra készítése Stílusok hozzáadása az elrendezésből Weboldal készítése az elrendezés alapján. 1. rész Weboldal készítése az elrendezés alapján. 2. rész
7. lecke. A reszponzív weboldal készítésének alapjai
Rugalmas blokkméretek, reszponzív webhely Mobileszköz-emuláció Médialekérdezések Láblécek összenyomása a képernyő aljára Reszponzív webhely létrehozásának gyakorlata Reszponzív webhely létrehozásának gyakorlata 2. rész
8. lecke. Webes szabványok és támogató eszközök
Fejlesztői eszközök. 1. rész Projektek feltöltése a szerverre Keresztböngésző A Boostrap bemutatása A Sass előfeldolgozó bemutatása A Sass előfeldolgozó gyakorlati használata
A programozás alapjai
A tanfolyam programozási tapasztalattal nem rendelkezőknek szól. A tanulás megkezdéséhez elegendő a számítógépes ismeretek a leghétköznapibb felhasználó szintjén. Minden képzés a böngészőben történik, és nem kell további szoftvert telepítenie. Megtanulja, mi a program, hogyan kell végrehajtani, és megismerkedhet a programozás alapvető műveleteivel. Szó lesz az alapvető adattípusokról, tömbökről, elágazásokról, ciklusokról és függvényekről elérhető nyelven. Tapasztalatot szerezhet az egyszerű, de érdekes problémák megoldásában, ami alapot ad a sokkal komolyabb problémák megoldásának megtanulásához.
1. lecke. Program, változók és adattípusok
Az óra után fogalmad lesz arról, hogy mi is az a program, hogy utasításokból és adatokból áll, megtanulod skaláris adattípusok JS-ben, akkor írhatunk egy programot, amely megszorozza a felhasználó által beírt két számot és kiírja eredmény.
2. lecke. Folyamatábrák és ágak
A lecke után ötlete lesz az algoritmusok folyamatábrák segítségével történő megjelenítésére, megértheti az összehasonlító operátorok munkáját, megértheti, hogyan kell használni az elágazást és milyen problémákat old meg
3. lecke. Ciklusok
A lecke után megértheti, hogyan vizualizálhatja a ciklikus algoritmusokat folyamatábrák segítségével, hogyan kell használni a hurkokat, és milyen problémákat old meg.
4. lecke. Funkciók
A lecke után elképzelése lesz arról, hogy milyen problémákat old meg a kód függvényekbe helyezése, és képes lesz függvényeket létrehozni, beleértve azokat is, amelyek argumentumokat vesznek fel.
5. lecke. Tömbök
A lecke után fogalma lesz arról, hogy a tömbök milyen problémát oldanak meg, tud tömböket létrehozni, elemeit hozzáadni és fogadni.
HTML5 és CSS3. 1 hónap.
Modern webfejlesztő eszközök
A webes technológia alapja a HTML/CSS. Ez az alapja, amely a modern weboldalak létrehozásának alapjául szolgál, és az első lépés a globális internet más programozási technológiáinak elsajátításában. Minden jelentős szervezetnek van saját képviselete a globális hálózaton. Ez az idő és a piac követelménye. A világ modern valóságának figyelembevétele nélkül lehetetlen versenyképességet és ezáltal sikert elérni. Ez a HTML/CSS kombináció, amely lehetővé teszi elrendezések létrehozását, statikus webhelyek létrehozását és szerkesztését. A kurzuson tanult programozási technológia lehetővé teszi, hogy hosszú távú alapot teremtsen, és megvehesse a lábát ezen a területen a munkaerőpiacon.
1. lecke. HTML5: Szemantikai elemek.
A HTML5 áttekintése, A HTML5 új szemantikai elemei, Az oldalak strukturálásának új módja. Szövegszintű szemantika. A szerkesztő beállítása, gyakorlati példák szemantikus címkék használatára webhelystruktúra létrehozásához. A webhely elrendezését felgyorsító beépülő modulok bemutatása.
2. lecke. Elemek elhelyezése, Praktikus elrendezés.
Elemek elhelyezése, elemek elhelyezése az oldalon (elemek elhelyezése függőlegesen, vízszintesen). Nézzük meg a legnépszerűbb CSS-generátorokat, mik ezek, és mire használják őket.
3. lecke. HTML5 űrlapok. Hang és videó hozzáadása az oldalhoz.
Vizsgáljuk meg és elemezzük részletesen ezeket a jellemzőket gyakorlati példák segítségével. Hagyományos formák továbbfejlesztése (tippek hozzáadása, elemre fókuszálás stb.). Űrlapok kitöltési hibáinak ellenőrzése. Új elemtípusok (e-mail címek, URL-ek stb.). Adjunk hozzá videó- és hanginformációkat a projektünkhöz, nézzük meg, hogyan valósul meg mindez a gyakorlatban. Nézzük meg, hogyan működnek a címkék. Órafelosztás, BEM technológia elemzése
4. lecke. Háttér CSS-beállítások. SVG használata.
Több háttér létrehozása az oldalhoz. Háttérképek beállítása reszponzív webhelyekhez. Gradiens háttér létrehozása egy weboldalhoz. Bevezetés a sprite-okba és az ikon-betűtípusokba. Modernizáljuk projektünket a CSS3 új funkcióinak megfelelően. Adjuk hozzá a szükséges elemeket és hatásokat. Bevezetés az svg formátumba.
5. lecke. Munka szöveggel. Határok a CSS3-ban
Betűtípusokkal végzett munka. GOOGLE webes betűtípusok. Szöveg elhelyezése több oszlopban. Tekintsük a szöveges információ megjelenítésének mechanizmusait: tervezés, igazítás, behúzás. Váltható lapok menük létrehozásához. Nézzük meg a Canvas alapjait. Nézzük meg a szegélyekkel való munkát a CSS-ben, valamint az elemek kereteinek létrehozásának módjait. Átlátszó keretek, árnyékok, lekerekített sarkok, színátmenetek készítése.
6. lecke. CSS3 átmenet és átalakítási effektusok.
Átmeneti hatások. Transzformáció alkalmazása. Forgassa el az elemeket, amikor rámutat. Animáció készítése CSS3 segítségével. Nézzük meg, miért van szükség erre a technológiára, és hol érdemes használni. Adjunk animációt oldalunk néhány eleméhez.
7. lecke. Adaptív elrendezés (1. rész).
Nézzük a reszponzív tervezés fogalmát. Mire és milyen esetekben használják. Alapszintaxis és példák. Adjunk modern megjelenést a dizájnnak.
8. lecke. CSS3 mély merülés. SASS. Flexbox.
Tekintsük az új flex tulajdonságot a belső webhelyblokkok rugalmas szerkezetének létrehozásához. A végső projektet a CSS3 által bevezetett összes fejlesztéssel és újítással készítjük el, az egyik legnépszerűbb SASS előfeldolgozóval.
JavaScript. 1. szint. 1 hónap.
Interaktív webes alkalmazások
Ez a kurzus azoknak szól, akik már ismerik a HTML elrendezés és a statikus oldalak készítésének alapelveit. Az ezen a szinten megszerzett gyakorlati ismeretek és készségek lehetővé teszik a munkavégzést és a dinamikus weboldalak és alkalmazások készítését. A kurzus olyan hallgatók tudását rendszerezi, akik már találkoztak a JavaScripttel, de nem rendelkeznek széleskörű nyelvi tapasztalattal. A tanulók elsajátítják az interaktív weboldalak létrehozásának alapjait JavaScript használatával. Az órákon megszerzett tudást a gyakorlati rész – a játékok JavaScript-ben való megvalósítása – erősíti meg. A képzés megkezdése előtt ajánlott elvégezni a „Programozási alapok” és „HTML / CSS” tanfolyamokat.
1. lecke. JavaScript nyelv alapjai
Szintaxis; kódszerkezet; külső szkriptek és végrehajtásuk sorrendje; változók és adattípusok; Helló Világ; modern szabványok.
2. lecke. Alapvető JavaScript-operátorok
Operátorok és operandusok; a műveletek prioritása; feltételes kijelentések; funkciók; rekurzió; Műhely; játék "Találd ki a számot".
3. lecke. Hurok, tömbök, adatstruktúrák
Hurok a JavaScriptben; tömbök JavaScriptben; adatstruktúrák; Műhely; játék "Bikák és tehenek".
4. lecke. Objektumok JavaScriptben
Bevezetés a tárgyak fogalmába; objektumok JavaScriptben; tárgyakkal való munka; értékek felsorolása; Műhely; játék "Quest".
5. lecke. Bevezetés a DOM-ba
A DOM fogalma; DOM JavaScriptben; DOM manipuláció JavaScriptben; Műhely; játék "Quest 2.0".
6. lecke. Események kezelése JavaScriptben
Az esemény fogalma; kattintás feldolgozás; böngésző események; Műhely; játék "Tic Tac Toe".
7. lecke. Workshop lecke
A "Snake" játék megvalósítása.
8. lecke. Anonim funkciók, lezárások
A funkciók működésének alapos tanulmányozása; függvények és funkcionális kifejezések; névtelen funkciók; rövidzárlatok; alapértelmezett böngészőműveletek.
JavaScript. 2. szint. 1 hónap.
Haladó tanfolyam
A tanfolyam azoknak szól, akik már elsajátították a JavaScript nyelv alapvető képességeit, és most szeretnének megtanulni, hogyan lehet igazán klassz dolgokat csinálni. Minden lecke tartalmaz hasznos elméletet és hatékony gyakorlatot. A GeekBrains haladó tanfolyama a legfrissebb tudással és készségekkel teli, így gyorsan és megbízhatóan professzionális JavaScript-fejlesztővé válhat.
1. lecke. Modern JavaScript
Bevezetés az ES2015 szabványba és egyes képességeibe.
2. lecke. OOP JavaScriptben
Az objektum-orientált programozás alapelvei és megvalósítása JavaScriptben.
3. lecke. Aszinkron kérések
Az aszinkron JavaScript alapjai. AJAX, JSON és Promises.
4. lecke. Reguláris kifejezések
Szabályos kifejezések JavaScriptben. Alapvető műveletek reguláris kifejezésekkel és karakterláncokkal.
5. lecke. Vue.js keretrendszer
Egyoldalas alkalmazások fejlesztésének alapjai a Vue.js keretrendszer használatával.
6. lecke. Vue.js komponensek
A komponens megközelítés megvalósítása a Vue.js keretrendszerben.
7. lecke. JavaScript a szerveren
Egyszerű szerver létrehozása a Node.js platform használatával.
8. lecke. Tesztelés és összeszerelés
Az alkalmazás egyes részeinek tesztelése. Modulok építése Webpack segítségével.
Adatbázis alapok. 20 lecke.
Adatbázis tervezés és SQL lekérdezések
Az adatbázisok (DB-k) olyan adattároló és -feldolgozó rendszerek, amelyekhez az SQL (Structured Query Language) nyelven lehet hozzáférni. Minden modern webhelynek, játéknak vagy asztali alkalmazásnak szüksége van adattárolásra. Jelenleg sokféle adatbázis-kezelő rendszer (DBMS) létezik, a legnépszerűbb a MySQL. Az „Adatbázis alapok” 20 intenzív videóóra (egyenként 10 perc), ahol az adatbázis tervezésének minden szakaszát végigjárjuk egy SQL lekérdezési nyelvet használó online áruház példáján. A tanfolyam elvégzése után különböző adatbázisokat, például MS SQL-t és Postgre Sql-t fogsz tudni használni, mivel az SQL szintaxisuk gyakorlatilag megegyezik.
1. lecke. Relációs adatbázisok
Mi a különbség az adatbázis és a DBMS között? milyen adatbázisokat nevezünk relációs; a modern DBMS áttekintése.
2. lecke. A DBMS telepítése
A MySql DBMS és a Mysql Workbench grafikus alkalmazás telepítése.
3. lecke. Adatbázis tervezés, normál űrlapok
Adattervezés Excelben; normál formák; elsődleges kulcs.
4. lecke. SQL parancs CREATE
Táblázatok létrehozása a MySql Workbench GUI-ban; CREATE parancs; adattípusok; dolgozni a konzolban.
5. lecke. SQL INSERT parancs
Táblázatok kitöltése adatokkal grafikus felület segítségével; INSERT parancs; AUTOMATIKUS NÖVEKEDÉS.
6. lecke. SQL SELECT és WHERE parancsok
Adatok fogadása és szűrése SQL SELECT és WHERE parancsokkal; NULL ellenőrzése; adatok szűrése több feltétel alapján.
7. lecke. SQL parancsok DISTINCT, ORDER BY, LIMIT
Adatok fogadása és szűrése DISTINCT és LIMIT SQL parancsokkal; rendezés az ORDER BY paranccsal.
8. lecke. SQL parancsok DELETE és UPDATE
Adatok frissítése és törlése a DELETE és UPDATE SQL parancsokkal; adatok szűrése a WHERE IN használatával.
9. lecke. Adatkonzisztencia
Az adatok konzisztenciájának vagy konzisztenciájának fogalma.
10. lecke. Külső kulcs
Az idegen kulcs fogalma és az oszlopértékekre vonatkozó korlátozások; IDEGEN KULCS KORLÁTOZÁSOK.
11. lecke. Táblázatok létrehozása több-több kapcsolattal
Kosár hozzáadása az online áruház adatbázisához.
12. lecke. Összetett elsődleges kulcs
Kompozit elsődleges kulcs használata több-többhöz kapcsolatú tábla tervezésekor.
13. lecke. Adatok egyesítése több táblából
Adatok lekérése több egymással összefüggő táblából; a több SELECT-et használó megközelítés következetlensége.
14. lecke. INNER JOIN operátor
Több tábla adatainak összekapcsolása az INNER JOIN operátor használatával.
15. lecke. Operátorok LEFT JOIN, RIGHT JOIN
Több tábla adatainak összekapcsolása LEFT JOIN és RIGHT JOIN operátorokkal.
16. lecke. UNION operátor
Több SQL lekérdezés eredményeinek kombinálása az UNION operátor használatával.
17. lecke. Aggregációs függvények
Aggregáló függvények COUNT, SUM, MIN, MAX.
18. lecke. GROUP BY operátor
Csoportosítsa a kiválasztott sorokat a GROUP BY záradékkal.
19. lecke. Indexek
Szűrés a GROUP-ban a HAVING használatával; a lekérdezés végrehajtási sebességének növelése indexek segítségével.
20. lecke. Tranzakciók
Tranzakció koncepció; TRANSACTION nyilatkozat; A tranzakciós rendszer ACID követelményei.
ReactJS. 1 hónap.
Professzionális frontend fejlesztés
A ReactJS egy JavaScript-könyvtár felhasználói felületek létrehozására. A Facebook 2013-ban vezette be, és gyorsan népszerűvé vált. Ma számos híres cég használja, köztük az Instagram, az Airbnb, az Ebay, a Netflix, a Yahoo és mások. Ez a tanfolyam kezdő front-end fejlesztőknek készült, akik elsajátították a JavaScript nyelvet. A tanfolyam során megismerjük a professzionális front-end fejlesztés egyik legnépszerűbb könyvtárát - a ReactJS-t. A Redux könyvtárral kombinálva, amelyet szintén tanulmányozni fogunk a kurzusban, a ReactJS méltó versenytársa a népszerű AngularJS keretrendszernek. A tanfolyam végére kialakítunk egy kis közösségi hálózatot.
1. lecke. Bevezetés a ReactJS-be: Modern Javascript
Bevezetés a ReactJS-be; összehasonlítás más technológiákkal; modern JS; az ES6 újdonságai és használata; osztályok, öröklődés, rest/spread modulok, paraméterek, ígéretek, modulok.
2. lecke. A React komponens életciklusa
ReactComponent, state, componentWillMount és componentDidMount, componentDidUpdate, componentWillUnmount. A komponensek és a kellékek egymásba ágyazása és a propTypes. Messenger fejlesztés kezdete.
3. lecke. Folytassuk a merülést a Reactban, és csatlakoztassuk a felhasználói felület könyvtárát
Mi az a Virtuális DOM. Styling React összetevők. Eseményfeldolgozás. Material UI csatlakoztatása és használata.
4. lecke. Útválasztás a Reactban: a messenger chatekre bontása
prevState és prevProps. BrowserRouter kapcsolat. Váltás, útvonal és kapcsolat. Hogyan történik az útválasztás? Csevegések és üzenetek tárolása. A React alkalmazás hibakeresésének módjai
5. lecke. Redux. Alkalmazás állapotkezelés
Miért van szükségünk Reduxra? Hogyan működik a Redux. Csökkentők és akciók. Redux DevTools kiterjesztés. Alkatrészek és tartályok. Üzenetek átvitele a Reduxba.
6. lecke. Redux köztes szoftverek, router csatlakoztatása a Reduxhoz és adatok tárolása a Redux-persist használatával
Mikor érdemes Redux köztes szoftvereket használni? Robot válaszának megvalósítása köztes szoftverek segítségével. Connected Router. Üzenetelőzmények tárolása a redux-persist használatával.
7. lecke. Munka az API-val
Mi az API? Az aszinkron kérések működése. Röviden az ígéretekről. fetch(). redux-api-middleware. normalizr és sémák. Csevegések és üzenetek fogadása API-n keresztül.
8. lecke. Progresszív webalkalmazás
Mi az a PWA. Miért releváns ez? Hogyan működik a PWA. Világítótorony. Szervizmunkás Web App Manifest. Korlátozások. Chipek és trükkök.
Gyakorlat a GeekBrainsnél (Web). 2 hónap.
Csapatfejlesztő gyakorlat
A gyakorlat során a hallgatóknak távolról kell dolgozniuk egy nyílt forráskódú projekten vagy startupon. A hallgatókat arra kérik, hogy válasszanak a fejlesztésre rendelkezésre álló projektek közül. Megtanulnak csapatban dolgozni, kommunikálni más fejlesztőkkel, termékekkel és projektmenedzserek, tervezők tanulmányozzák a rugalmas módszertanokat, a SCRUM keretrendszert, és elsajátítják az alapelveket távmunka. A gyakorlat eredménye: csapatban való munkavégzés képessége, portfólió kiegészítése, képesség, hogy az önéletrajzában alapmunkaként jelölje meg a projekten végzett munkát. A gyakorlat részmunkaidős távmunka, heti státuszmegbeszélések formájában történik a tanárral webinárium formátumban.
1. lecke. A projekt kezdete
A gyakorlat első órája bevezető jellegű. Megismerjük egymást, megértjük, hogy a tanulók milyen képességekkel rendelkeznek, és ami a legfontosabb, mit szeretnének fejleszteni. Elmagyarázzuk, mi a különbség a gyakornoki és a szokásos tanfolyamok között. Elmondjuk, mi fog történni a webináriumok alatt és között.
2. lecke. Agilis fejlesztési módszertanok
A második leckét a fejlesztési módszereknek szenteljük. Ez egyszerűen szükséges, mivel más kurzusok ezt nem tanítják, és a hallgatók nem tudják, hogyan kell csapatban dolgozni. Ettől a leckétől kezdve a diákok csapatokban dolgoznak. A házi feladat kifejezetten a csapatfejlesztésről szól.
3. lecke. Problémák és megoldásaik. Találkozó
A harmadik leckét azoknak a problémáknak az elemzésére szenteljük, amelyekkel a tanulók minden bizonnyal találkozni fognak a projekten való munka során. Erre azért van szükség, mert a diákok, amikor először találkoznak a csapaton belüli problémákkal, feladhatják és leállíthatják a projekt fejlesztését. Megkérdezzük, milyen problémák merültek fel, tanácsokat adunk, beszélünk az MVP-ről (minimális életképes termék).
4. lecke. Első időközi eredmények
A negyedik leckét azoknak a köztes sikereknek az áttekintésének szenteljük, amelyeket a diákok a projektfejlesztés 3 hete alatt értek el. Tanácsot adunk, észrevételeket teszünk, segítünk a problémák megoldásában és segítünk a projekt megfelelő irányának kiválasztásában.
5. lecke. Találkozó. Minőség. Tesztelés
Nézzünk meg egy fontos témát: hogyan írjunk automatikus teszteket a kódhoz. Elmagyarázzuk a különböző típusú teszteket és azt, hogy miért van szükség rájuk. Az óra végén azt tanácsoljuk a tanulóknak, hogy írjanak autoteszteket a projekthez, hogy jobban megértsék ezt a témát.
6. lecke. Találkozó. Önéletrajz készítése
Megkérdezzük a diákokat, hogyan állnak a projektjeikkel. Ha komoly problémák merülnek fel, segítünk megoldani azokat. Kíváncsiak vagyunk, hogyan állnak a dolgok az automatikus tesztekkel. Bármelyik projekthez elemezzük az autotesztet (hallgatók kérésére). Emlékeztetjük Önöket, hogy nagyon kevés idő van hátra (két hét). Segítünk a projektek fejlesztésének felgyorsításában azzal, hogy előtérbe helyezzük azokat a feladatokat, amelyeket a tanulók szeretnének elvégezni.
7. lecke. Találkozó. Fejlesztői karrier
Ahogy a kurzus véget ér, ideje megtanítani a hallgatóknak, hogyan írjanak valami fontosat – önéletrajzot. Beszélünk azokról a fontos pontokról, amelyekre a HR odafigyel, tanácsokat, figyelmeztetéseket adunk. Megjelöljük a következő órára a feladatot: írja meg önéletrajzát, és jelölje meg a munkatapasztalatában hallgatói gyakorlatot a GeekBrainsnél.
8. lecke. Összegzés
Ez az utolsó webinárium, ahol összefoglaljuk az eredményeket. Ha a hallgatók engedélyezik önéletrajzuk ellenőrzését a webináriumon, ellenőrizzük és visszajelzést adunk. Ezután diákprojekteket mutatunk be, megmutatjuk, kinek mit sikerült elérnie, és dicsérjük a tanulókat. Azt mondjuk a diákoknak, hogy nem kell itt megállniuk, és folytatniuk a projekt fejlesztését.
Szabadúszó fejlesztő: képzés
Szabadúszó fejlesztő: képzés
Ingyenes tanfolyam kezdő fejlesztőknek, akik szeretnék kipróbálni magukat szabadúszóként. A kurzus segít eloszlatni a szabadúszó mítoszokat, megérteni, miben különbözik ez a távmunkától, és eldöntheti, mennyire megfelelő ez a formátum az Ön számára. A kurzus során a hallgatók a szabadúszó tőzsdére való regisztrációtól és a profil kitöltésétől az első rendelés leadásáig és az első értékelés megérkezéséig terjednek. Megtanulod, hogyan tűnj ki a többi jelölt közül, hogyan határozd meg helyesen a munkád költségeit, és hogyan építs hozzáértően kapcsolatot az ügyféllel, hogy ismételt megrendelésekkel térjenek vissza Önhöz, és a tapasztalt szabadúszók megosszák a saját eseteiket. gyakorlatok.
1. lecke. Szabadúszó – hogyan működik
Az első leckében megtudjuk, hogyan lehet a szabadúszó munkát megszervezni, miben különbözik a távmunkától, és mennyi pénzt hozhat. Nézzük meg, milyen területekre van most kereslet, és hogyan kezdjük el. Szerezzünk meg minden bevezető információt, hogy kipróbálhassuk a szabadúszó szerepét, és megértsük, mennyire kényelmes és érdekes.
2. lecke. Első lépések a szabadúszó tőzsdén
3. lecke. Hogyan növelheti a szabadúszó esélyeit
4. lecke. Hogyan érd el a pénzügyi céljaidat szabadúszóként, és ne fulladj bele a munkába
5. lecke. Esetek és oktatóanyagok tapasztalt szabadúszóktól