A kurzus tartalma
Üdvözlünk a programban!
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
Bevezető kihívás I. - Weboldalépítés HTML és CSS alapon
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Jegyzet 🟢
- 1.nap - A HTML alapjai 🟢 (51:22)
- 1. nap - Tanulásmódszertan, nehézségek 🟢 (40:03)
- 1. nap - Megoldás 🟢 (34:24)
- 2. nap - CSS alapjai 🟢 (16:29)
- 2. nap - Első öt lépés megoldás 🟢 (34:47)
- 2. nap - Frontend vagy full stack fejlesztőnek érdemes tanulni? 🟢 (13:39)
- 3. nap - Bevezető 🟢 (1:50)
- 3. nap - A második napi 6-10. lépés megoldása 🟢 (37:19)
- 3. nap - Flexbox gyakorlatok 🟢 (13:37)
- 3. nap - Miért nehezebb backend fejlesztőként karriert építeni? 🟢 (8:38)
- 3. nap - Miért nem a tanúsítványok jelentik a legnagyobb előnyt a karrierváltásban? 🟢 (12:46)
- 4. nap - Bevezető 🟢 (0:19)
- 4. nap - Néhány gyakori hiba 🟢 (4:35)
- 4. nap - Google Chrome Fejlesztői Eszközök beállítása 🟢 (2:10)
- 4. nap - A harmadik napi Flexbox feladatok megoldása 🟢 (22:21)
- 4. nap - Űrlapok 🟢 (15:49)
- 4. nap - A szoftverfejlesztést ezért sem váltja fel a mesterséges intelligencia 🟢 (2:57)
- 4. nap - A külföldi álláskereséshez ki kell utaznom külföldre? 🟢 (9:16)
- 5. nap - Az oldal befejezése 🟢 (89:35)
- Teljes tartalom 🟡
Bevezető kihívás II. - Weboldalépítés WordPress alapon
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- A WordPress telepítése 🟢 (14:09)
- Bővítmények telepítése és kezelése 🟢 (16:12)
- Képek kezelése és szerkesztése 🟢 (26:13)
- A weboldal fejlécének építése 🟢 (28:51)
- Tartalomszerkesztés 🟢 (44:18)
- Kártyák készítése 🟢 (33:53)
- Kapcsolat szekció készítése 🟢 (29:56)
- Lábléc készítése és tárhely beállítás 🟢 (29:55)
- Weboldal költöztetés 🟢 (25:22)
- Reszponzív weboldal készítése 🟢 (21:16)
- SEO beállítások 🟢 (21:25)
- Teljes tartalom 🟡
Felkészülés, Tanulásmódszertan
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Mi kell a programozói karrierváltáshoz? (könyv) 🟡
- Problémamegoldó képesség fejlesztése (kurzus) 🟡
- Tanulásmódszertan (kurzus) 🟡
- Neuronháló fejlesztése ⚪
- Gyakorlás ⚪
- Fejlődési folyamat ⚪
- Időgazdálkodás ⚪
- Nagy kövek analógia ⚪
- Új szokások ⚪
- Heti terv ⚪
- Tevékenységnapló ⚪
- Fókuszált és diffúz gondolkodás 🟢 (2:31)
- Pomodoro technika ⚪
- 4 és fél óra ⚪
- Részekre bontás ⚪
- Monitor ⚪
- Ergonómia ⚪
- Teljesítmény ⚪
- Alvás ⚪
- Vércukorszint ⚪
- Életmód ⚪
- Stressz ⚪
- Tanulási technikák 🟢 (9:32)
- Szerepmodellek ⚪
- Stresszkezelés ⚪
- Meditáció ⚪
- Gamification ⚪
- Emberi kapcsolatok ⚪
- Boldogság ⚪
- Belső motiváció 🟢 (8:19)
- A feladat jutalma ⚪
- Produktivitás, hatásos munkavégzés ⚪
- Teljes tartalom 🟡
Bevezetés a HTML és CSS leíró nyelvekbe, GitHub
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Fejlesztőkörnyezet beállítása ⚪
- HTML útmutató 🟢 (4:35)
- HTML projekt létrehozása 🟢 (3:45)
- HTML dokumentumok létrehozása Codesandboxban 🟢 (7:46)
- HTML dokumentum szerkezete és validáció 🟢 (6:45)
- A Heading elem - címek 🟢 (4:03)
- Bekezdések 🟢 (5:50)
- A strong és az em elem 🟢 (3:27)
- Rendezett és rendezetlen listák 🟢 (4:58)
- Képek 🟢 (7:24)
- Táblázatok ⚪
- ID attribútum ⚪
- Hivatkozások ⚪
- Szemantikus HTML ⚪
- HTML osztályok ⚪
- HTML űrlapok ⚪
- A formspree használata ⚪
- Multimédiás tartalmak ⚪
- Osztályok használata a gyakorlatban ⚪
- Weboldalak akadálymentesítése ⚪
- HTML összefoglaló ⚪
- HTML teszt ⚪
- Front-end eszközök ⚪
- Bevezetés a CSS nyelvbe 🟢 (13:51)
- Nehézségek a CSS nyelvvel kapcsolatban 🟢 (4:05)
- CSS gyakorló feladatok 🟢 (10:56)
- CSS szabályok felépítése 🟢 (8:40)
- CSS szelektorok 🟢 (5:33)
- Szelektorok működése, kulcs szelektor 🟢 (2:44)
- Színek megadása CSS-ben 🟢 (17:09)
- Félkövér, dőlt, aláhúzott szöveg 🟢 (4:49)
- Google Chrome Developer Tools - szelektorok prioritása ⚪
- Szöveg igazítása - text-align ⚪
- Abszolút és relatív mértékegységek ⚪
- Display: block, inline, inline-block ⚪
- Betűtípusok ⚪
- Listák ⚪
- Mértékegységek ⚪
- CSS doboz modell ⚪
- Háttér: background-color, background-image, background-size ⚪
- Parallax scroll, background-origin, background-clip ⚪
- Background-position ⚪
- Több háttér megadása ⚪
- Összefoglaló feladatok ⚪
- CSS teszt ⚪
- Git submodule szerkezet ⚪
- Git-GitHub feladatsor ⚪
- Gitignore fájl létrehozása ⚪
- Git gyakorlás ⚪
- Teljes tartalom 🟡
Haladó szintű CSS ismeretek, IT alapismeretek
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Téglalapok pozícionálása ⚪
- Lebegtetés - Float, Clear ⚪
- Téglalapok takarása - Z-Index ⚪
- Bevezetés a Flexbox használatába 🟢 (5:37)
- Rugalmas webes elrendezés Flexbox segítségével ⚪
- Bevezetés a Grid használatába ⚪
- Komplexebb elrendezés megvalósítása Grid segítségével ⚪
- Responsive Web Design, Töréspontok ⚪
- Haladó CSS - reset, normalizer, media query-k, karbantarthatóság ⚪
- Reset és normalizer a gyakorlatban ⚪
- Pszeudo elemek ⚪
- Pszeudo osztályok ⚪
- Animáció és árnyékolás ⚪
- HTML és CSS a gyakorlatban ⚪
- Hamburger menü létrehozása HTML és CSS segítségével ⚪
- Bootstrap 5 ⚪
- Informatikai alapismeretek (kurzus) 🟡
- Parancssoros felületek (CLI) ⚪
- A számítógép felépítése 🟢 (34:16)
- Operációs rendszerek ⚪
- Hálózatok ⚪
- Számrendszerek, kódolás ⚪
- Megjelenítés ⚪
- Programozási nyelvek ⚪
- Fordítás, értelmezés ⚪
- Objektum orientált programozás ⚪
- Szoftverfejlesztés, programozás ⚪
- Nyelvek és szintaxisok ⚪
- Fejlesztői környezetek ⚪
- Algoritmusok ⚪
- Szekvencia ⚪
- A feladat megértése ⚪
- Szelekció ⚪
- Rekurzió ⚪
- Beágyazott iteráció ⚪
- Egyszerű keresés ⚪
- Bináris keresés ⚪
- Komplexitás ⚪
- Példák, rendezések ⚪
- IT alapok teszt ⚪
- Statikus portfólióoldal késztés ⚪
- Személyi edző oldal feladat ⚪
- Fashion site oldalépítés feladat ⚪
- Haladó weboldalépítő példák ⚪
- Portfólió oldal építése - Figma (első rész) 🟢 (60:31)
- Portfólió oldal építése - Figma (további részek) ⚪
- Példa projekt: könyvesbolt (további részek) ⚪
- Példa projekt: jóga oldal (további részek) ⚪
- Videómegosztó oldal klónozása (köztes részek) ⚪
- HTML és CSS interjúkérdések ⚪
- Komplett portfólióoldal építés ⚪
- CSS összefoglaló ⚪
- Statikus projektfeladat elkészítése ⚪
- Teljes tartalom 🟡
A programozás alapjainak elsajátítása Python segítségével
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Python START (kurzus) 🟡
- A Python jegyzetről 🟢 (2:36)
- Python vizuális futtatás 🟢 (20:30)
- Python interpreter 🟢 (5:51)
- Bevezetés, interpreter 🟢 (23:25)
- Egyszerű változók 🟢 (42:36)
- Logikai kifejezések ⚪
- Gyűjteményes adattípusok ⚪
- Szelekció, elágazások ⚪
- Iteráció, ciklusok ⚪
- Függvények ⚪
- Osztályok, objektumok ⚪
- Python Turtle (A programozás alapjai látványosan) ⚪
- Turtle bevezető 🟢 (3:31)
- Python szintlépés (PyCharm környezetben) ⚪
- Python kezdő gyakorló feladatok ⚪
- Python mélyvíz (nyelvspecifikus ismeretek) ⚪
- További Python magyarázatok ⚪
- Objektum orientált példaprogramok ⚪
- Bevezetés a programozásba (feladatok és megoldások) ⚪
- Komplex Python CLI projekt (Élet szimulátor) ⚪
- További komplex Python projektek ⚪
- Póker esély szimulátor ⚪
- Saját Bitcoin - Blockchain rendszer készítése ⚪
- Haladó Python ismeretek ⚪
- Funkcionális programozás Pythonban ⚪
- Függvény dekorátorok ⚪
- Osztálymetódusok és Statikus metódusok ⚪
- Komplexitás a gyakorlatban ⚪
- Többszálas Python ⚪
- Titkosító Python projekt részlet ⚪
- Python projektfeladat elkészítése ⚪
- Teljes tartalom 🟡
Front-end webfejlesztés JavaScript segítségével
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- JavaScript START (kurzus) 🟡
- A JavaScript nyelv Pythonos szemmel 🟢 (18:16)
- Példa JavaScript program - madártávlatból 🟢 (63:13)
- Modern JavaScript a gyakorlatban (könyv) 🟡
- JavaScript számok ⚪
- JavaScript sztringek ⚪
- JavaScript boolean típus és ternáris operátor ⚪
- Változók: var, let, const ⚪
- Tömbök ⚪
- Objektumok ⚪
- Függvények és függvénykifejezések ⚪
- Typeof operátor ⚪
- Változók láthatósága, árnyékolás ⚪
- Űrlapok kezelése JavaScriptben, querySelector ⚪
- Műveletek, főhatás, mellékhatás ⚪
- JavaScript programok írása: vezérlés ⚪
- Feltételes elágazás: if utasítás ⚪
- Feltételes elágazás: switch-case ⚪
- Rekurzió ⚪
- Ismételt végrehajtás: ciklusok ⚪
- Ciklusok és sztringek feladat ⚪
- Spread operátor, rest paraméter, destrukturálás ⚪
- JavaScript tanulásmódszertan, gyakori kérdések ⚪
- JavaScript teszt ⚪
- Programok futásának vizsgálata: pythontutor ⚪
- Klónozás ⚪
- Hibakeresési technikák ⚪
- Programtervezés a gyakorlatban ⚪
- Dokumentum Objektum Modell (DOM) és eseménykezelés ⚪
- Funkcionális és objektum orientált programozás JavaScriptben ⚪
- Kliens-szerver kommunikáció ⚪
- JSON, API kommunikáció, AJAX ⚪
- Szerver API lekérdezés példa ⚪
- Promise szerkezet ⚪
- Async-await ⚪
- A végzet piramisa ⚪
- API válasz feldolgozása map, reduce, filter segítségével ⚪
- Promise.all, Promise.allSettled ⚪
- JavaScript kód csomagolása Webpack segítségével ⚪
- Szerver oldali JavaScript ⚪
- Randomuser.me - API - Projektfeladat minta megoldás ⚪
- Mealdb - API - projektfeladat minta megoldás ⚪
- Alternatív Mealdb - promise szerkezet gyakorlása ⚪
- Szótár - API - projektfeladat minta megoldás ⚪
- A sikeres JavaScript interjú titkai ⚪
- JavaScript projektfeladat elkészítése ⚪
- Teljes tartalom 🟡
Haladó szintű front-end webfejlesztés React segítségével
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- A jQuery alapjai ⚪
- A TypeScript alapjai ⚪
- Modern webalkalmazásfejlesztés React nyelven (kurzus) 🟡
- A CodePen beállítása React kód futtatásához ⚪
- Mire jó a Babel? ⚪
- React Fragment ⚪
- Komponensek írása ⚪
- React alkalmazások felépítése ⚪
- Osztálykomponensek ⚪
- Stíluslapok komponensekhez adása ⚪
- Függvénykomponensek ⚪
- JSX kifejezések a komponenseken belül ⚪
- Destrukturálás React komponensekben ⚪
- Props ⚪
- Create-react-app ⚪
- Visual Studio Code fejlesztőkörnyezet ⚪
- Feltételes renderelés ⚪
- React osztálykomponensek fejlesztése ⚪
- React eseménykezelés ⚪
- Osztálykomponensek állapota ⚪
- Kontextus kötése ⚪
- Osztálytulajdonságok ⚪
- setState ⚪
- Irányított komponensek írása ⚪
- Állapot felemelése ⚪
- Állapot központosítása ⚪
- Űrlapok beküldésének megakadályozása ⚪
- Listák renderelése ⚪
- Komponenslisták kulcsai ⚪
- API kommunikáció ⚪
- Az axios könyvtár ⚪
- Komponens listába szúrása ⚪
- React függvénykomponensek ⚪
- Függvénykomponensek állapota ⚪
- Párhuzam osztálykomponensek és függvénykomponensek között ⚪
- useEffect ⚪
- React router ⚪
- React kontextus ⚪
- Példa projekt - Tetris ⚪
- Példa projekt - Mastermind ⚪
- React projektfeladat elkészítése ⚪
- Teljes tartalom 🟡
Full-stackwebfejlesztés Node.JS és Django segítségével
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Node.js: szerver oldali JavaScript (kurzus) 🟡
- Node.js telepítése és használata ⚪
- Node.js és a standard input ⚪
- Node HTTP szerver ⚪
- API fejlesztése Node HTTP szerverrel ⚪
- Útvonalválasztás HTTP szerverrel ⚪
- Express szerver alapok ⚪
- API fejlesztése Express segítségével ⚪
- Statikus fájlok kiszolgálása Expressben ⚪
- POST request kiszolgálása Express segítségével ⚪
- SQLite3 alapok node.js-ben ⚪
- SQLite3 bezárása node.js-ben ⚪
- MongoDB és Express ⚪
- Full stack alkalmazások hosztolása ⚪
- Microsoft Azure ⚪
- Infrastructure as a Service - bérelj szervert a Microsofttól ⚪
- Webalkalmazás hosztolása Azure App Engine-nel ⚪
- API hosztolás Azure App Services segítségével VS Code-ból ⚪
- Azure SQL - relációs adatbázis hosztolása Azure-on ⚪
- Azure SQL - adatbázis felhasználó frissítése ⚪
- Webes videochat alkalmazás socket.io és WebRTC segítségével ⚪
- Szerver létrehozása és összekötése a chat klienssel ⚪
- Django: szerver oldali és full-stack programozás (kurzus) 🟡
- Django kezdő anyag ⚪
- Django haladó anyag ⚪
- Portfólióoldal projekt ⚪
- TODO lista projekt videóanyag - Bevezetés ⚪
- TODO lista projekt videóanyag - A projekt felépítése ⚪
- TODO lista projekt videóanyag - A részletek ⚪
- TODO lista projekt videóanyag - Felhasználói felület ⚪
- TODO lista projekt videóanyag - TODO lista projekt ⚪
- Full-stack portfólióprojekt (sakk webalkalmazás) ⚪
- Django deployment ⚪
- Karriertervezés és szakmai profilkészítés (kurzus) 🟡
- Karrier fókusz ⚪
- Érzelmi intelligencia ⚪
- Önéletrajz készítés ⚪
- Kísérőlevél készítés ⚪
- LinkedIn profil készítés ⚪
- Interjúzási technikák ⚪
- Telefonos interjú ⚪
- Szabadúszó életmód ⚪
- Szabadúszó projektek megszerzése ⚪
- Személyes márka építése ⚪
- Web projektek árazása jegyzet ⚪
- Weboldalak árazása - bevezető példák ⚪
- Az árazás alaptörvényei 🟢 (1:37)
- Online piacterek ⚪
- A hozzáadott érték hatása az árazásra ⚪
- Az óradíj előnyei és hátrányai ⚪
- A szolgáltatásunk árának növelése ⚪
- Árazás tapasztalat nélkül ⚪
- Szolgáltatások értékesítése ⚪
- Ügyfélkapcsolat értékesítéstől a projekt átadásáig ⚪
- Web projekt követelmények elemzése ⚪
- Kommunikáció az ügyféllel ⚪
- Tippek a kezdéshez 🟢 (11:09)
- Full-stack projektfeladat elkészítése ⚪
- Teljes tartalom 🟡
Kiegészítő szakmai ismeretek
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Interjú felkészítő (JavaScript, Python) (kurzus) 🟡
- Felkészülés az interjúra ⚪
- Python Interjú feladatok ⚪
- Origóhoz legközelebbi M pont keresése 2 dimenzióban ⚪
- Leghosszabb egybefüggő számjegy ismétlődés ⚪
- JavaScript interjú feladatok ⚪
- UX/UI, Webdesign (kurzus) 🟡
- Webdesign segédeszközök ⚪
- Draw.io ⚪
- Snappa ⚪
- Figma ⚪
- Coolors.co ⚪
- Remove.bg, Cleanup, Canva ⚪
- UX-UI-Webdesign: Portfólióoldalak ⚪
- UX-UI-Webdesign ökölszabályok ⚪
- Adatbáziskezelés alapjai SQL nyelven (kurzus) 🟡
- Weboldalépítés WordPress alapon ⚪
- Stíluslapszerkesztés Sass nyelven ⚪
- Képek hátterének eltávolítása ⚪
- Képoptimalizálás és a webp ⚪
- Domain ellenőrzés ⚪
- PoUp ablak html-css-js segítségével ⚪
- PoUp ablak Elementor PRO-val ⚪
- Teljes tartalom 🟡
Prémium támogatás
Elérhető ennyi idő múlva:
nap
nap
miután beiratkoztál
- Prémium támogatás (webinár felévtelek kurzus) 🟡
- Az összes vezetett webinár látogatása (extra szolgáltatás) 🟡
- Konzultációs workshopok látogatása (extra szolgáltatás) 🟡
- Discord chat felület használata (extra szolgáltatás) 🟡
- Karriertanácsadás (extra szolgáltatás) 🟡
- További portfóliómunkák készítése és konzultálása (extra szolgáltatás) 🟡
- Szimulált front-end interjú (viselkedési és kódolási) (extra szolgáltatás) 🟡
- Teljes tartalom 🟡
Karrierváltó Program 3.0
Teljes online támogató rendszer a webfejlesztő karriered beindításához
A teljes programról a ProgramozásKarrier weboldalán találsz részletes információkat az alábbi linken:
Ha a maximális hatékonyságot keresed
Válaszd Karrierváltó Programunkat, hogy igazán profitálj a már bizonyítottan hatékony, klasszikus (kis csoportos) karrierváltó programunkból. Ez a program útlevél a szoftverfejlesztői karrieredhez!
- Fókuszálj a lényeges tananyagokra, és légy mindig naprakész! Megkapod minden tananyagunkat, amely szükséges a szoftverfejlesztői karriered beindításához örökös hozzáféréssel és folyamatos frissítésekkel.
- Nézd vissza a felvételeket és kérdezz chat-en a csapattól. Egy évig részesülsz prémium támogatásunkban, amely hozzásegít a hatékony haladáshoz a mentorok és a csapat erejével.
- A befizetett összeg nem veszik el. Kényelmes finanszírozási konstrukciók és egy alkalommal szüneteltethető program vár.
- A program tananyagait külön-külön is megvásárolhatod, ha nincs szükséged minden elemre vagy a vezetett csoportos mentorálásra. A Weboldalépítő csomaggal például weboldalakat építhetsz programozás nélkül.
Elérhető kurzusaink
Az alábbi listában azokat a kurzusokat láthatod, amelyeket meg tudsz vásárolni Teachable oldalunkon keresztül.
Ha a maximális hatékonyságot keresed, akkor természetesen a Webfejlesztő Mentorprogramunkat javasoljuk!
