Junior frontend fejlesztő képzés

A képzés célja, hogy a résztvevők haladó szinten megismerkedjenek a frontend fejlesztéssel, gyakorlati tudást szerezzenek egy CSS preprocesszor, egy CSS és egy JavaScript keretrendszer/könyvtár, és az egyéb kapcsolódó technológiákról, és Junior frontend fejlesztőként tudjanak elhelyezkedni.

A résztvevők a képzés során olyan tudást szereznek, amellyel magabiztosan meg tudnak oldani nagyobb alkalmazásba illeszkedő kisebb programozási és algoritmizálási feladatokat tapasztalt, szakértő oktatóink iránymutatása mellett.

1. Mert jól használható, naprakész tudást szerezhetsz.

Korunk tech óriásai -például a Facebook, Google, Microsoft- az internetre költöztetik szolgáltatásaikat és termékeiket. Interneten találjuk a filmeket, játékokat és a zenét is. A világ legnépszerűbb webes alkalmazásai olyan technológiákra épülnek, amiket Te is elsajátíthatsz a junior frontend fejlesztő képzés során.

2. Mert könnyű elhelyezkedni egy jól fizető állásban.

A webfejlesztők évek óta rendkívül keresettek a munkaerőpiacon, ráadásul már úgy is lehet jól fizető álláshoz jutni, ha valakinek nincs sokéves tapasztalata. Ez nem meglepő annak fényében, hogy mekkora szükség van ilyen szakemberekre. Miért? Mert web nélkül "megállna" a világ.

3. Mert a frontend webfejlesztés az egyik legkönnyebben elsajátítható terület.

Frontend fejlesztőként viszonylag gyorsabban lehet karriert építeni a többi programozással kapcsolatos területhez képest. Ha valaki szorgalmas, érdeklődik a fejlesztés iránt és kitartó, akkor hamar olyan szintre tud jutni, ami már sok pénzt megér egy cégnek. A szorgos tanulásra szánt energia tehát busásan megtérül!

Te leszel az, aki a világ mozgatórugóját fejleszti, hiszen napjainkban minden az interneten, weboldalakon történik. Akár azt is mondhatjuk, hogy ami nincs fent a neten, az nem is létezik.

Egy junior frontend fejlesztő

Talán most még nehéz elképzelned, de könnyen lehet, hogy egyszer milliók életét fogja megkönnyíteni valami, amit Te hoztál létre!

Azoknak az alapismeretekkel nem rendelkező, vagy már IT- és programozási ismeretekben, alapszintű frontend fejlesztési folyamatokban jártas jelentkezőknek, akik szeretnék elsajátítani a képzés során oktatott programozási nyelveket, vagy szeretnék bővíteni ismereteiket a frontend fejlesztés terén. A képzésünk elérhető minden olyan IT- és programozás iránt érdeklődő személy számára, aki megfelel a belépési feltételeknek, és szeretne szakmai képesítést szerezni.

Amennyiben már rendelkezel erős webfejlesztési ismeretekkel, akár már ezen a területen dolgozol és van benne tapasztalatod, a Webfejlesztő tanfolyamunkat javasoljuk, hogy ne kelljen az alapoktól átismételni a témakört.

A képzéseket megfelelő létszám esetén indítjuk, ennek hiányában a tervezett kezdési időpontot későbbi kezdésre módosítjuk!
A tanfolyam díját rendezheti utalással, bankszámlaszámunk: 11708001-20366780 Kérjük, hogy az átutalás megjegyzés rovatában szíveskedjen feltüntetni – a képzés pontos megnevezését és a képzésen résztvevő személy nevét.

HTML ismeretek

A tananyagegység célja, hogy a képzésben résztvevő megismerje azokat a technikákat, amely segítségével az oldal felépítése szemantikus tagekkel megoldható. Képessé válik audió, és videó elemek beágyazására, és vektoros képformátum használatára is. Képes lesz weboldalak keresőoptimalizálással és akadálymentesítéssel kapcsolatos optimalizációs feladatait elvégezni. Használni tudja az OpenGraph protokollt, és social media oldalakon megoszthatóvá tudja tenni az oldalt.

1. Szemantikus elemek: article, aside, details, figcaption, figure footer, header, main, mark, nav, section, summary, time
2. SEO: strukturált címsorok, a képek alt tulajdonsága, meta tagek
3. Akadálymentesség: a WCAG 2 és a WAI-ARIA szabványok, és a hangosfelolvasó szoftverek
4. Az OpenGraph protokoll: weboldal megosztása social media oldalakon egyedi szöveggel, képpel
5. Hangfájlok, videófájlok, és vektoros SVG elemek beágyazása.

CSS ismeretek

A tananyagegység célja, hogy a képzésben résztvevő megismerje azokat a technikákat, amely segítségével reszponzív weboldalakat tud készíteni. Képes lesz egyszerűbb animáció és átmenetek elkészítésére, és egyéb vizuális effektek használatára.

1. Floatolás: floatolt elemek használata, és clearfix technika
2. Elemek pozícionálása: a static, relative, absolute, fixed, és sticky pozícionálás
3. Összetett szelektorok: before, after, és not szelektorok
4. Hatások: lineáris, körkörös, és diagonális átmenetek használata, szövegek, és dobozok árnyékolása, lekerekített sarkok
5. Animációk: átmenetek és összetett animációk készítése, 2D-s, és 3D-s transzformációk
6. A flebox alapú elrendezés és az új natív grid layout használata
7. Reszponzív oldalak készítése, media query-k használatával
8. Custom property-k azaz CSS változók használata

JavaScript ismeretek

A tanfolyam célja, hogy a képzésben résztvevők megismerjék a kliensoldali programozást, és a benne rejlő lehetőségeket a javascript nyelv haladó szintű használatával. Elméleti szinten részletesebben megismerik a JavaScript engine-t, annak működését, valamint két nehezebben emészthető témakör, a this, és az aszinkron programozás rejtelmeiben is betekintést nyernek. Megismerkednek a funkcionális, és az objektumorientált programozási paradigmákkal is.

1. Változók: let, const, hoisting, shadowing, TDZ, scope
2. Függvények: function definition, function declaration, function expression, closure, callback, arrow function, rest parameter, default parameter
3. Tömbök: tömb metódusok, típusos tömbök, és a funkcionális programozás alapjai
4. Szövegek: spread operator, template literal, és a tagged template lireral, új string metódusok
5. Számok és a Math objektum: bináris és oktális literál, a BigInt típus, metódusok
6. Data destructuring: tömbök és objektumok átstrukturálása, adatok felcserélése, alapértelmezett értékek
7. A Date objektum: dátumok kezelése
8. Adatok tárolása: cookie, sessionStorage, localStorage
9. A JavaScript modul rendszere: az import, és az export utasítás használata
10. A Regexp objektum: mintakeresés sztringekben, a REgxp objektum használata
11. Hibakezelés: a try-catch-finally utasítások, hibák dobása, és kezelése
12. Aszinkron programozás: események, setTimeout, xmlHttpRequest, a Promise objektum,
13. aszinkron függvények, és generátor függvények
14. Prototípus alapú öröklődés: a prototype, __proto__ és a [[Prototype]] közötti különbségek,
15. property descriptorok
16. Objektumorientált programozás: az objektumorientált programozás alapelvei, a class pattern alkalmazása.

Az SCSS preprocesszor

A tananyagegység célja, hogy a képzésben résztvevők megtanulják használni a SASS/SCSS preprocesszort, mely segítségével hatékonyabb, dinamikusabb CSS kódot tudnak írni, ez pedig a fejlesztést egyszerűbbé, és gyorsabbá teszi. Gyakorlati példák alapján elsajátítják az SASS/SCSS alapjait, és a UI komponensekhez tartozó CSS kód moduláris szervezését, mely nagyban növeli az újra felhasználhatóságot.

1. Mi az a CSS preprocesszor, a SASS/SCSS, és mi a különbség közöttük?
2. Nesting, azaz szelektorok egymásba ágyazása, a parent selector szintaxis, és BEM CSS elnevezési konvenció
3. Változók: változók létrehozása, scope, shadowing, interpolation
4. Az SCSS fájlok struktúrálása: a @use, @import, és @forward rule-ok
5. Mixinek, placeholderek, és az @extend rule
6. Beépített modulok használata
7. Vezérlési szerkezetek használata: if..else, for, each, while
8. Függvények: a beépített függvények használata, és saját függvények írása

A Bootstrap 4 CSS keretrendszer

A tananyagegység célja, hogy a képzésben résztvevő megismerkedjen a Bootstrap 4 CSS keretrendszerrel, amely segítségével sokkal gyorsabban lesz képes reszponzív weboldalak elkészítésére. Megismeri a keretrendszer nyújtotta előre megírt komponenseket, és akár saját CSS kód írása nélkül is képes lesz összetett weboldalak elkészítésére a SEO és akadálymentességi szempontokat is szem előtt tartva.

1. Mik a CSS keretrendszerek, miért használjuk őket, mi a Bootstrap?
2. Rácsrendszer: A Boostrap 4 rácsrendszer használata. A container, row, és col és offset osztályok
3. A Boostrap és az akadálymentesség
4. Komponensek, és használatuk: Alerts, Badge, Breadcrumb, Buttons, Card, Forms, Input group, Jumbotron, List group, Media object, Modal, Navbar, Pagination, Progress
5. Dinamikus komponensek: Carouse, Accordion, Modal, Tooltip
6. Utility osztályok: Colors, Display, Flex, Screen readers, Shadows, Sizing, Spacing, Text
7. FontAwesome ikonok

Az Angular keretrendszer

A modul célja, hogy a képzésben résztvevők megtanulják használni a Google által fejlesztett, és egyben legnépszerűbb javascript keretrendszert, az Angular-t, mely nyílt forráskódú, ingyenesen hozzáférhető, és nagyban megkönnyíti, meggyorsítja a kliensoldali alkalmazásfejlesztést. Gyakorlati példák alapján elsajátítják az Angular alapjait. Képesek lesznek elkészíteni egyszerű, komponens alapú kliensoldali alkalmazásokat az Angular2 és frissebb keretrendszerben.

1. A NodeJS
2. Az npm csomagkezelő
3. Függőségek telepítése
4. Bevezetés az Angular alapú fejlesztésbe
5. TypeScript alapok és speciális típusok
6. TypeScript objektum orientált alapelvek
7. TypeScript objektum típusok és osztályok
8. Angular projekt felépítése és az adatkötések
9. Angular áttekintés, Angular alapú rendszerek felépítése
10. Angular adatkötés és a dependency injector
11. Komponensek és direktívák a gyakorlatban
12. Angular input-output tulajdonságok, komponensek interakciója
13. Pipe - adatok transzformálása
14. Beépített direktívák és egyéni direktívák készítése
15. A HTTP Client és a Routing - avagy ajax és Angular
16. Angular Observable - reaktív programozási alapelvek
17. HttpClient - kapcsolat a szerverrel
18. CRUD - alapvető adat-műveletek
19. Async - a beépített async pipe használata
20. Routing - útválasztás
21. Űrlapok az Angular alkalmazásokban
22. Sablon változók a gyakorlatban
23. Sablon alapú űrlapok
24. Reaktív űrlapok
25. Dinamikus űrlapok
26. Dinamikus űrlapok bemutatása közös kódolással
27. Unit tesztek Angular keretrendszerben
28. Unit teszt keretrendszerek
29. Async metódusok tesztelése
30. A Karma és a Jasmine használata

Google Firebase és FireSore

A modul célja, hogy a képzésben résztvevők megtanulják használni a Google FireBase használatát, amely segítségével alkalmazásaikban egyszerűen meg tudják valósítani a felhasználók authenktikációját, az adatok tárolását NoSQL adatbázisban, és az elkészült alkalmazás publikálását. Gyakorlati példák alapján elsajátítják hogyan tudják az Angular keretrendszert együtt használni a FireBase-el együtt.

1. A NoSQL adatbázisok alapjai, a BSON formátum
2. Az SQL és NoSQL adatbázisok összehasonlítása, elnevezése, adatszerkezet
3. Felhasználók autenktikációja a FireBase segítségével
4. CRUD műveletek
5. Hosting: alkalmazás publikálása
6. Biztonsági beállítások

Projektfeladat

A modul célja, hogy a képzésben résztvevők a képzés során elsajátított tananyagegységek során tanultakat együttesen, keretbe foglalva használják egy komplex, gyakorlati projektfeladat keretein belül.

A Junior front-end fejlesztő, -a SEO szempontokat betartva- szabványos HTML kódokat ír, szemantikus elemeket használ. A gyakorlatban alkalmazza haladó CSS ismereteit. Responsive weboldalakat készít és a gyakorlatban alkalmazza a mobile-first szemléletmódokat. A stílusok hatékonyabb, gyorsabb megírásához CSS preprocesszort és CSS keretrendszert használ.

JavaScript ismeretei felhasználásával kódolási konvenciókat és a tiszta kód elveket követve, egyszerűbb algoritmizálási feladatokat old meg. Alkalmazásokat fejleszt JavaScript keretrendszer/könyvtár segítségével, illetve unit teszteket ír és olvas munkája ellenőrzéséhez. Verziókövető rendszert használ a csoportos és/vagy egyéni projektjei során. Build eszközt használ a projekt elkészítése, összerakása során. Rutinszerűen alkalmaz egy integrált fejlesztőeszközt.

A hazai informatikai munkaerőpiacon sok ezer új állás tölthető be fejlesztőként. A programozók közül a frontend fejlesztők az egyik legkeresettebbek, hiszen minden alkalmazás, ami rendelkezik grafikus felhasználói felülettel, az ő munkájukat dicséri. Természetesen a JavaScript nyelv és keretrendszerek/könyvtárak ismeretével lehetőség van továbbfejlődni akár szerveroldali-, mobil- vagy asztali alkalmazások fejlesztésének irányába is. Mivel a JavaScript az elmúlt 25 évben a kliensoldali alkalmazások elsődleges nyelve, így az eddig elkészített alkalmazásokat több tíz évig még folyamatosan életben kell tartani, így a JavaScript nyelv kiszorítása a következő években egyáltalán nem várható, sőt a nyelv évről évre egyre nagyobb népszerűségnek örvend. Ezenkívül a fogyatékkal élők számára akadálymentesen használható alkalmazások készítése is a feladatuk. A szoftverek minőségét folyamatosan biztosítani kell, hiszen a hibásan üzembe állított szoftverek mérhető károkat képesek okozni. Így feladatuk nem csak új rendszerek fejlesztése, hanem már meglévők frissítése, a mai modern kor elvárásainak, újabb szabványainak, és a változó jogszabályoknak megfelelővé tétele.

A szakmai képzés követelményeinek teljesítését a képző intézmény a felnőttképzési adatszolgáltatási rendszerből kiállított tanúsítvánnyal igazolja.

A képesítő vizsgára bocsátás feltétele a tanúsítvány megszerzése.

A képesítő vizsga megszervezéséhez szükséges feltételek és a képesítő vizsga vizsgatevékenységeinek részletes leírása a "KÉPESÍTŐ VIZSGA KÖVETELMÉNYEK" gombra kattintva érhetők el.

Soter Nyelviskola - Lakossági- és vállalati nyelvtanfolyamok, különleges nyelvek, összesen 28 nyelv

Soter Tréningakadémia - Nyílt- és vállalati tréningek 30 év tréningelési tapasztalattal, kiváló trénerekkel