Automatikus lejátszás
Automatikus kiegészítés
Előző előadás
Készre jelölés és folytatás
Karrierváltó Program 3.0 (ingyenes betekintés)
Üdvözlünk a programban!
Köszöntés 🟢
Bemutatkozás 🟢
Instrukciók a betekintő kurzushoz 🟢 (16:13)
A legfontosabb cél a webfejlesztő portfóliómunkák építése! 🟢 (27:55)
Teljes tartalom 🟡
Bevezető kihívás I. - Weboldalépítés HTML és CSS alapon
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
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
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
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
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
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
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
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
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
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
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 🟡
CSS gyakorló feladatok 🟢
Az előadás tartalma zárolva
Ha már beiratkoztál,
be kell jelentkezned
.
Iratkozz fel a tanfolyamra a feloldáshoz