Logo

WebMánia

Full stack fejlesztésről magyarul

Gyakorlati videók webfejlesztőknek

0 találat

Népszerű

2021-02-10

JavaScript gyorstalpaló

194 videó

🥁 Cursor AI gyorstalpaló

2024-09-04

Megnézzük, hogy mi mindent tud a Cursor, az új AI kód editor és, hogy hogyan lehet használni kód írásához, refaktiorlásához, ...

🦸‍♂️ Automatikus form kitöltés

2024-08-14

Nézzük meg, hogy a bögésző hogyan vehető rá, hogy kitöltse a felhasználó helyett a HTML formunkat. Csatlakozz Discordon: ...

🤔 Websocket PHP-val 30 percben

2024-08-07

Nézzük meg, hogy hogyan kell összerakni egy PHP-s websocket servert, azt használni JavaScripttel egy licitáló alkalmazást ...

🔄 Tesztelés VS Code-dal: Port forwarding trükk 3,5 percben

2024-07-24

Ebben a rövid videóban bemutatom, hogyan lehet a Visual Studio Code port továbbítási funkcióját beállítani és hatékonyan ...

🤔 Websockets

2024-07-17

Nézzük meg röviden, hogy mi is az a websocket, és a gyakorlatban mi mindenre lehet használni. Csatlakozz Discordon: ...

🥷 CSS scroll animáció

2024-06-19

Ebben a videóban megmutatom, hogy hogyan lehet animációkat a scrollhoz igazítani JavaScript nélkül. Csatlakozz ...

🧑🏻‍🔧 Node / Nuxt / Next / Express deploy Apache (GCE)

2024-06-12

Ebben a videóban bemutatom, hogyan lehet beélesíteni egy node alkalmazást Apache webkiszolgáló alatt a Google Cloud ...

🧑🏻‍🔧 Apache virtualhost beállítás, HTTPS és Google Compute Engine

2024-05-29

Ebben a videóban bemutatom, hogyan állíthatsz be egy Apache webkiszolgálót a Google Cloud Compute Engine-en vagy ...

🤠 CSS kihívás - nitro.unjs.io

2024-05-22

Ebben a videóban megpróbáltam lemásolni a Nitro weboldalán látható effektet JavaScript nélkül. A videóban használunk nested ...

🔴 Csapjunk bele az SQL-be

2024-05-11

Élő adás! SQL-re szinte minden webfejlesztőnek szüksége van, ebben az elő adásban ezt nézzük meg. Mit fogunk csinálni?

🔐 Hacker álom = könnyen törhető jelszavak

2024-05-08

A #jelszó tárolás a fejlesztők felelőssége és az esetek 1/6-ában még a legminimálisabb védelmi vonal sem létezik.

⛔️ API-ok biztonságosabbá tétele rate limittel

2024-05-01

Az SPA-nk mögötti API-t nem árt a tokeneken kívűl egy rate limittel is ellátni, ami egyszerűen megvalósítható és nemcsak brute ...

🔴 Csapjunk bele az SQL-be

2024-04-20

Élő adás! SQL-re szinte minden webfejlesztőnek szüksége van, ebben az elő adásban ezt nézzük meg. Mit fogunk csinálni?

🎓 Hogyan készítsünk Laravel REST API-t vue-hoz és react-hoz?

2024-04-17

Hogyan hozzunk létre a REST API-t #Laravel segítségével, az azonosításhoz Sanctum tokeneket használva. Csatlakozz ...

🔴 Csapjunk bele a TypeScriptbe

2024-04-14

Élő adás! Szeretnél megismerkedni a TypeScripttel? Akkor tarts velünk ezen az élő adáson, ahol bemutatjuk a TypeScript alapjait ...

🧑🏻‍🔧 Web alkalmazások deploymentje: FTP, Git, rsync, Github Actions, Capistrano

2024-04-10

Ebben a videóban bemutatom a webes alkalmazás deploymentjének 5 módját, beleértve az FTP-t, a Gitet, az rsync-t, a Github ...

😶‍🌫️ Mi az a middleware?

2024-04-03

Ebben a videóban middleware koncepcióját mutatjuk be. Megtudhatod, hogyan segít a middleware a kód újrahasznosításában, ...

⚡️ Nuxt (Nitro) REST API 30 perc alatt

2024-03-13

Hogyan hozzunk létre a REST API-t #Nuxt segytségével, a szerver oldalon Nitrot használva. A videóban a népszerű Prisma ...

🧠 Go Gin REST API 40 perc alatt

2024-03-06

Hogyan hozzunk létre a REST API-t #Go programozási nyelven Gin segítségével. Github repo: ...

🍍 Pinia - vuejs state management gyorstalpaló

2024-02-28

A Pinia annyira kényelmessé és egyszerűvé teszi a vue projektjeinkben a state kezelést, hogy az ember el is felejti, hogy használ ...

😻 CSS sötét és világos mód támogatás prefers-color-scheme használatával

2024-02-21

A CSS prefers-color-scheme használatával egyszerűen igazíthatjuk a webes alkalmazásunk megjelenését a felhasználó ...

1️⃣0️⃣ Axios 10 percben

2024-02-14

Az axios a backend api kommunikációhoz ad remek támogatást minden JavaScript alkalmazáshoz, legyen az vanilla, react, vue ...

A Vuejs 3.4 legjobb újdonsága a defineModel

2024-02-07

A defineModel egy olyan makró ami azt könnyíti meg ha v-modelt akarunk használni egy leszármazott komponensben, és az ...

🕑 JavaScript interjú kérdések: Mi az async await?

2024-01-31

A promise-ok kezeléséhez hogyan használjunk asyc await-et? Ha ez, vagy valamelyik videó segített neked, akkor megnyomhatod ...

🧚‍♀️ JavaScript interjú kérdések: Mi a promise?

2024-01-24

Mik a promise-ok, hogyan működnek? Ha ez, vagy valamelyik videó segített neked, akkor megnyomhatod a videó alatt a ...

👑 JavaScript interjú kérdések: Mit jelent az aszinkron futás?

2024-01-17

Mire jó az aszinkron futás, milyen eszközök vannak erre JS-ben, ezek hogyan működnek? Ha ez, vagy valamelyik videó segített ...

🧨 JavaScript interjú kérdések: Mi az a function expression?

2024-01-10

Mik JS-ben a function expressionok, hogyan működnek? Ha ez, vagy valamelyik videó segített neked, akkor megnyomhatod a ...

🧙‍♂️ JavaScript interjú kérdések: Mi az a closure?

2024-01-03

Mi JS-ben a closure, hogyan működik? Ha ez, vagy valamelyik videó segített neked, akkor megnyomhatod a videó alatt a ...

☎️ JavaScript interjú kérdések: Mi az a callback?

2023-12-13

Mik JS-ben a callback függvények, hogyan működnek? Ha ez, vagy valamelyik videó segített neked, akkor megnyomhatod a ...

🥸 JavaScript interjú kérdések: Mit jelent, hogy a JS dinamikusan típusos?

2023-12-06

Mit jelent, hogy a JavaScript dinamikusan típusos nyelv, mik ennek a következményei? Ha ez, vagy valamelyik videó segített ...

🤠 JavaScript interjú kérdések: Milyen adat típusok léteznek?

2023-11-29

Milyen adat típusok léteznek JavaScriptben, mik a jellemzőik? Ha ez, vagy valamelyik videó segített neked, akkor megnyomhatod ...

🧐 JavaScript interjú kérdések: Hogyan viselkednek a refencia típusok?

2023-11-22

Mely adat típusok referencia típusúak? Hogyan viselkednek? Mik a specialitásuk? Ha ez, vagy valamelyik videó segített neked, ...

🧐 JavaScript interjú kérdések: const és let

2023-11-15

Mi a különbség a const, a let és a var között? Melyiket mikor használjuk? Melyik hogyan viselkedik? Ha ez, vagy valamelyik videó ...

🤖 CSS grid alapok

2023-11-08

A CSS grid egy rendkívűl gyakran használt eszköz a HTML layout kialakítsához. Rugalmas, sokat tudó megoldás aminek a ...

Reguláris kifejezések

2023-11-01

A regex egy kiváló módszer arra, hogy ismeretlen szövegekben mintákra keressünk rá. ⌛ Timestamps 01:09 Minta módosítók ...

🤐 10+1 módszer, hogy sose válj jó programozóvá

2023-10-25

Elértek facebookon: https://www.facebook.com/webmania.cc ⌛ Timestamps 00:29 Rátermettség és motiváció hiánya 01:30 Rossz ...

🧐 Cron 3 percben

2023-09-27

A cron lehetővé teszi, hogy előre meghatározott időpontokban vagy időközönként futtasson parancsokat vagy szkripteket ...

🤯 Mi az a htmx?

2023-09-20

A htmx, egy izgalmas webfejlesztési eszköz, amely lehetővé teszi az élő és interaktív webalkalmazások könnyű készítését ...

🕵️‍♂️ BDD és Vue.js: Hogyan készíts el egy titkosított szöveg visszafejtő játékot tesztek írásával?

2023-09-13

Ebben a videóban mélyre ássuk magunkat a #BDD (Behaviour-Driven Development) világába, és megmutatjuk, hogyan ...

Mi az a Test Driven Development?

2023-08-23

A TDD (Tesztvezérelt Fejlesztés) módszer egy olyan fejlesztési megközelítés, amelynek során először a teszteket írjuk meg, majd ...

🪲 JavaScript debuggolás

2023-08-16

Ne hagyd ki ezt a lehetőséget a JavaScript fejlesztésben való sikeres hibakeresés és hibajavítás elsajátítására! Megnézzük, hogy ...

👉🏻 Egyszerűség a kulcs - a KISS elv

2023-08-02

Rengeteg leírás és videó van ami a tiszta kód elveivel és gyakorlatával foglalkozik, de elég kevés ami kifejezetten webes ...

🥸 User azonosítás - authentikáció

2023-07-26

authentication Hogyan tudunk felhasználókat azonosítani és melyik módszernek mik az előnyei és a hátrányai? Ezt járjuk körbe ...

🔥 JavaScript dátumok 12 percben

2023-07-19

Fedezd fel, hogyan hozhatsz létre dátum objektumokat stringből, melyek a leggyakrabban használt dátummetódusok, és hogyan ...

🚀 Automata PHP kódminőség elemzés

2023-07-05

A PHP Mess Detector egy olyan eszköz ami arra szolgál, hogy a kódunk futtatása nélkül elemezze, hogy mennyire felel meg a ...

😱 Mass Assignment - jogosultságon felüli műveletek végrahajtása

2023-06-28

Sose bízz meg semmilyen adatban ami a felhasználótól jön! Ez a webes biztonság alap tétele. A tömeges értékadás ...

Tartsd szárazon a kódot - a DRY elv

2023-06-21

Rengeteg leírás és videó van ami a tiszta kód elveivel és gyakorlatával foglalkozik, de elég kevés ami kifejezetten webes ...

Git 7 percben

2023-06-14

Tedd meg első lépéseidet a Git világában! Ez a videó alapvető bevezetést nyújt a Git használatába, bemutatva a commitokat, ...

Laravel gyorstalpaló

2023-06-07

Tanuld meg a Laravel alapjait ebben a videóban! A Laravel egy népszerű PHP keretrendszer, amely lehetővé teszi számodra, ...

Varázs számok kiiktatása

2023-05-31

Rengeteg leírás és videó van ami a tiszta kód elveivel és gyakorlatával foglalkozik, de elég kevés ami kifejezetten webes ...

Ne kódolj spagettit - "else" mentes kód

2023-05-24

Rengeteg leírás és videó van ami a tiszta kód elveivel és gyakorlatával foglalkozik, de elég kevés ami kifejezetten webes ...

Változó, függvény és más nevek a webes clean code-ban

2023-05-17

Rengeteg leírás és videó van ami a tiszta kód elveivel és gyakorlatával foglalkozik, de elég kevés ami kifejezetten webes ...

Kódformázás és white space a refaktorálás első lépése a webes clean code felé.

2023-05-10

Rengeteg leírás és videó van ami a tiszta kód elveivel és gyakorlatával foglalkozik, de elég kevés ami kifejezetten webes ...

Mi az a TypeScript?

2023-05-03

A TypeScript egy erőteljes, típusozott nyelv, amely lehetővé teszi a fejlesztők számára, hogy hatékonyabban építsenek fel ...

A VSCode alapok és az én beállításaim, amelyekkel a fejlesztés gyorsabb és hatékonyabb lesz

2023-04-26

Ezzel a videóval felfedezheted, hogyan lehet beállítani a VSCode-ot úgy, hogy könnyebben és hatékonyabban dolgozz rajta, és ...

Docker Compose: Gyors és hatékony konténer kezelés

2023-04-19

Az alábbi videóban bemutatom, hogyan használhatjuk a Docker Compose-t a konténerek egyszerűbb kezeléséhez és ...

Webfejlesztői szintek: junior, medior, senior - Találd meg a helyed a ranglétrán!

2023-04-12

Jópár évig nehéz belőni, hogy milyen szinten is állunk webfejlesztőként. A videó 10 különböző szempontból vizsgálja ezt a ...

Modern PHP - MVC

2023-04-05

Az MVC programozási minta jól passzol minden PHP-s projekthez. Ebben a részben megnézzük az elveket és a gyakorlatát is.

Docker hálózatok

2023-03-15

Ebben a részben megnézzük, hogy hogyan kell létrehozni egy docker network-öt és, hogy ez miért is jó nekünk. A teljes sorozat ...

Dockerfile optimalizálása és mappák becsatolása a konténerbe gyors fejlesztéshez

2023-03-08

Ebben a részben megnézzük, hogy hogyan lehet gyorssá tenni a build folyamatot. A teljes sorozat itt: ...

Docker user beállítás a root helyett, detached futttatás

2023-03-01

Ebben a részben átállítjuk, hogy ne a root nevében fusson az alkalmazásunk a konténerünkön belül. Ezután megnézzük, hogy a ...

Docker service indítása, több konténer egy image alapján és docker exec

2023-02-22

Ebben a részben megnézzük mire jó a Docker Desktop, hogyan kell Linuxon elindítani a docker service-t. A teljes sorozat itt: ...

Docker kezdő lépések

2023-02-15

Ebben a részben belecsapunk a kódba, megnézzük a docker legfontosabb parancsainak használatát és létrehozunk egy saját ...

Docker 4 percben

2023-02-08

A Docker egy fontos eszköz mindenki számára aki webfejlesztéssel foglalkozik. Ebben a részben azt nézzük meg, hogy mi a ...

Docker gyorstalpaló

2023-02-05

Shell hozzáférés szerzése - kép feltöltő kihasználásával

2023-01-25

Sose bízz meg semmilyen adatban ami a felhasználótól jön! Ez a webes biztonság alap tétele. Ebben a videóban egy kép feltöltő ...

ChatGPT - a segítőkész terminátor

2023-01-18

A 2 hónapja publikussá vált szolgáltatás amely nagyban segítheti a webfejlesztők (és persze mások) munkáját és produktivitását.

CSS változók

2022-06-22

A CSS változók könnyebben fenntarthatóvá teszik a kódunkat, kényelmesebbé és gyorsabbá teszik a fejlesztést. Ha ez, vagy ...

Vuejs slotok egyszerűen

2022-06-15

A slotok segítségével nagyon rugalmas és könnyen újra hasznosítható komponenseket tudunk gyártani. Ha ez, vagy valamelyik ...

Autocompleter vuejs-sel

2022-06-08

Ha szeretnénk, hogy a user gépelés közben már lásson találati javaslatokat akkor egy auto completerre lesz szükségünk. Nézzük ...

Nuxt 3 - Vuejs felturbózva

2022-06-01

A vue SEO problémáit a Nuxt oldja meg a legegyszerűbben. Ezen kívül számos kényelmi funkciót is a kezünkbe ad, mint az ...

JavaScript pont kérdőjel - optional chaning

2022-05-25

A JavaScript feltételes láncolás használható objektum propertyk, metódusok és tömb elemek eléréséhez. Ez a szolgáltatás ...

Vuejs DOM elérés template ref-fel

2022-05-18

Hogyan használjuk script setup esetén a template ref-eket ⚓ Linkek Magyar vue csoport: ...

Pofon egyszerűen - vuejs tábla sorok rendezése

2022-05-11

Különböző oszlopok szerinti rendezés egyetlen sima változó és egy computed property segítségével. ⚓ Linkek Kódok a githubon: ...

Egy JavaScript eszköz amit még nem használsz

2022-05-03

Értékek kinyerése létező tömbökből és objektumokból a lehető leegyszerűbben. A teljes JavaScript kezdőből haladóvá sorozat itt: ...

Az egyik leghasznosabb JavaScript operátor, a spread

2022-04-27

A spread operátor (3 pont) több mindenre használható és gyakran szükségünk is van rá. A teljes JavaScript kezdőből haladóvá ...

vue js 3 lenyíló menük

2022-04-20

4 perc alatt gyártunk egy lenyíló menüt vuejs-szel. Igazából 30 másodperc, csak sokat szövegelek :) ⚓ Linkek Magyar vue ...

Melyik böngésző támogat egy kiválasztott HTML, CSS vagy JavaScript szolgáltatást?

2022-04-13

Mind a HTML nyelvbe, mind a CSS-be és a JavaScriptbe is kerülnek be újabb és újabb lehetőségek, amelyeket a különböző ...

Vuejs 3 kezdőből haladó

2022-04-12

CSS flex a gyakorlatban

2022-03-30

A CSS flexbox egy rendkívűl gyakran használt eszköz a HTML elemek elrendezéséhez. Rugalmas, sokat tudó megoldás aminek ...

vue js 3 gyorstalpaló

2022-03-23

A vuejs az egyik legnépszerűbb modern JavaScript keretrendszer. A 3-as verzió sok újdonságot hozott és ez a gyorstalpaló egy ...

Hogyan találjuk meg az első webes munkát, webfejlesztő munkahelyet?

2022-03-15

Tapasztalat nélkül szinte lehetelen munkát találni, de munka nélkül meg nem lehet tapasztalatot szerezni... De azért van remény!

Mi az a SPA, SSG, SSR?

2022-03-09

A webes fejlesztői eszközökkel való ismerkedés során egy rakat rövidítés zúdul ránk. Mi egy Single Page Application, mi az a ...

CSS mozgó menü indikátor

2022-03-02

Mobilon nem létezik a :hover esemény, viszont elérhetünk így is látványos mikro interakciókat egy kis CSS segítségével. Ebben a ...

Hogyan lesz egy design tervből mobil html és css kód?

2022-02-23

Egy fimga design tervből kiindulva felépítünk egy mobilra optimalizált oldalt 0-ról indulva, keretrendszerek nélkül. A kész kód itt: ...

Vízszintes mobil scroll CSS

2022-02-16

Mivel mobilon futó webalkalmazások esetén kevés kijelző hellyel dolgozunk egy vagy éppen több vízszintesen scrollozható blokk ...

Mi az a API key?

2022-02-09

Az API kulcsok, tokenek a felhasználó beazonosítására, a hozzáférések elenőrzésére szolgáló általánosan használt eszköz.

Legegyszerűbb dark mode

2022-02-02

1 sor css-sel létre lehet hozni egy vonzó sötét témát és pár sor JavaScript-tel hozzá tehetünk egy kis kapcsolót amivel lehet váltani ...

localStorage VS sessionStorage a gyakorlatban

2022-01-26

JavaScripttel kliens oldalon cookie-kban, sessionStorage-ban és localStorage-ban tudunk adatokat tárolni. A Storage-okat tudjuk ...

XSS - Cross Site Scripting sebezhetőség

2022-01-19

Egy XSS sérülékenységet létrehozni sajnos nagyon egyszerű és nagyon komoly biztonsági problémákat lehet vele elérni.

Hogyan álljak neki 2022-ben webfejlesztést tanulni?

2022-01-12

Bármikor el lehet kezdeni web fejlesztést, web programozást tanulni ha már elmúltál 10, de még nem vagy 90. De sok az új ...

Modern PHP - CLI Parancssor

2022-01-05

A parancssori PHP remekül használható automatizálható folyamatok futtatásához, időigényes futások kiszervezéséhez, ...

Hogyan tudjuk megbecsülni a kódolási idő igényt?

2021-12-29

Ha pontosan nyilván akarjuk tartani, hogy mennyi időt tölöttünk egy-egy adott issue vagy feature fejlesztésével, akkor az több ...

Rejtett inputok hamisítása

2021-12-16

Ebben a részben egy olyan biztonsági rést mutatunk be, ahol nem magával a kóddal, hanem a megvalósítási logikával van baj, ...

A 6 legnépszerűbb PHP keretrendszer Magyarországon

2021-12-15

A keretrendszerek jól a kezünk alá dolgoznak bármelyiket is válasszuk. Ebben a videóban azokat nézzük meg amikre leginább ...

Így törnek fel #shorts

2021-12-11

shorts A webes sebezhetőségek egyik legelterjetebb változata az SQL injection, amikor olyan adatokat adunk az alkalmazásnak ...

Fel tudjuk-e törni 30 mp alatt?

2021-12-08

Az #SQL beoltások módszerét ezúttal nem kézzel, hanem automatizálva használjuk ki a sebezehtő alkalmazásunk ellen.

SQL UNION támadás

2021-12-01

A webes sebezhetőségek egyik legelterjetebb változata az SQL injection, amikor olyan adatokat adunk az alkalmazásnak ami ...

Modern PHP - Unit tesztek

2021-11-24

Az automatikus tesztek sokat gyorsítanak a fejlesztésen, és jóformán nélkülözhetetlenek a kód fenntartásához és fejlesztéséhez.

Bejelentkezés megkerülése SQL beoltással

2021-11-17

A webes sebezhetőségek egyik legelterjetebb változata az SQL injection, amikor olyan adatokat adunk az alkalmazásnak ami ...

Webfejlesztés biztonsági alapok

2021-11-14

Modern PHP - Exceptions

2021-11-10

A hibakezelés fontos eszköz a fejlesztés közben, nézzük meg, hogy hogyan kell kivételeket dobálni és elkapni. * Hogyan dobjunk ...

Modern PHP - PSR kód sztenderdek

2021-11-03

Miért jók a kód sztenderdek? * PSR1 és PSR12 tartalma https://www.php-fig.org/psr/ * A PHP Intelephense használata ...

Modern PHP - 4 operátor amit nem ismersz

2021-10-20

A kód olvashatósága fontos ahhoz, hogy könnyen és gyorsan átlássuk, hogy hol mi történik. 1:10 ternary operátor 3:40 shorthand ...

Modern PHP - nevesített paraméterek, named arguments

2021-10-13

A PHP 8 egyik újdonsága lehetővé teszi, hogy felcseréljük a függvény argumentumok sorrendjét és, hogy ezekre a nevükkel ...

Modern PHP - MySQL

2021-10-06

A videóban refaktoráljuk a kódot, hogy megfeleljen az early return elvnek. Létrehozunk egy új osztályt, hogy a MySQL-t is OOP-vel ...

MySQL Workbench adatbázis tervezéshez

2021-09-29

Adatbázis szerkezetek vizuális megjelenítéséhez, modellezéséhez, oda-vissza szinkronizálásához és visszafejtéséhez remek ...

Modern PHP - típus ellenőrzés - Type hint

2021-09-21

A videóban refaktoráljuk a kódot, hogy ne legyen side effect a meghívott metódusban. A PHP ugyan gyengén típusos nyelv, de ha ...

Minify CSS és JavaScript

2021-09-15

A statikus fájlok kicsinyítésével gyorsabbá tehetjük a weboldalunk betöltését. A VScode MinifyAll kiterjesztésével beállíthatjuk, ...

Webfejlesztés alapok

2021-09-09

Modern PHP - Saját objektumok írása, brute force védelem

2021-09-08

Leegyszerűsítve kezeljük a brute force védekezést, mert a célunk az objektumok bemutatása, nem pedig egy élesben is ...

Modern PHP - Refaktoring és debugging

2021-09-01

Miért a php beépített webszervert használjuk és, hogy néz ki ugyanez XAMPP-pal vagy más webszerverrel. Csomagfrissítéssel ...

Modern PHP - új válaszok hozzáadása

2021-08-25

Ebben a részben megnézzük azt, hogy a userek számára lehetővé akarjuk tenni, hogy új választ adjanak hozzá, akkor azt, ...

Node Express REST API 60 perc alatt

2021-08-18

Hogyan hozzunk létre a REST API-t node js és Express használatával. Github repo: ...

Modern PHP - a szavazó alkalmazás létrehozása

2021-08-11

Ebben a részben összerakunk egy alap PHP alkalmazást ami szavazatok kezelésére szolgál. Az adatokat adatbázis nélkül ...

Modern PHP

2021-08-09

CakePHP REST API építés 30 perc alatt

2021-08-04

Hogyan hozzunk létre a REST API-t CakePHP-vel minimális kód írással. Github repo: https://github.com/rrd108/cakephp-api ...

Composer, a PHP csomag kezelő

2021-07-28

Amelett, hogy megnézzük, hogy mi is a Composer megnézzük, hogy hogyan kell Laravel-t, CakePHP-t telepíteni, saját csomagot ...

Mi az a SemVer?

2021-07-21

Rövid bemutató a szemantikus verzió számozásról.

Python REST API építés 50 perc alatt Flask-kel

2021-07-14

Hogyan hozzunk létre a REST API-t Python nyelven Flask-kal. Github repo: https://github.com/rrd108/flask-python-api Összes ...

Slim PHP REST API 70 perc alatt

2021-07-07

Hogyan hozzunk létre a REST API-t Slim PHP-vel. Github repo: https://github.com/rrd108/slim-php-api Összes REST API videó: ...

CSS inset

2021-06-30

Egy kis trükk amivel tisztább kódot kapunk.

Vanilla PHP REST API 1 óra alatt

2021-06-23

Hogyan hozzunk létre a REST API-t PHP-vel 0-ról, mindenféle csomag és keretrendszer nélkül 3 KB-nyi kóddal. Github repo: ...

REST API

2021-06-23

REST API építés különböző módszerekkel és nyelveken.

JavaScript defer

2021-06-16

Hogyan segít a defer az oldal betöltődés sebességének növelésében és abban, hogy a JS az oldal betöltődése után fusson le.

Színek weboldalakhoz

2021-06-09

Összepasszoló és szépen kinéző színeket választani a hátterünkhöz, szövegekhez, gombokhoz nem egy egyszerű dolog, ha a ...

AJAX fetch-csel és axios-szal

2021-06-02

Az oldal újratöltése nélkül való háttér kommunikációra az ajax technológiát használjuk. Ezt nézzük meg ebben a videóban vanilla ...

Villámgyors HTML és CSS

2021-05-26

Az Emmet egy kód szerkesztőkbe beépülő szolgáltatás, amely piszok gyorssá teszi a HTML és a CSS kód írását. A többi tools ...

Mi az a CORS ajax hiba JavaScript?

2021-05-19

Miért futhatunk könnyen bele CORS hibákba a fejlesztés során, és mit kezdjünk velük? Hogyan oldjuk meg az `Access to ...

REST API tesztelés

2021-05-05

Az Insomnia egy remek eszköz REST API-k építéséhez és teszteléséhez. A többi tools videó itt: ...

Fejlesztői eszközök

2021-05-03

JS logikai operátorok

2021-04-28

logikai igaz/hamis vizsgálatok, if, truely és falsy értékek, ternary, és/vagy vizsgálatok. Fileok itt: ...

Mi az a REST API?

2021-04-21

Ebben a részben azt nézzük meg, hogy mi egy REST API A teljes mi-micsoda sorozat itt: ...

CSS animációk - 2. rész - animation

2021-04-14

Ebben a részben az animation CSS kódjába csapunk bele. CodePen: https://codepen.io/davidkpiano/pen/aqNZxX A kód itt: ...

JS string függvények

2021-04-07

Összefűzés String literal Escape Hosszúság indexOf, lastIndexOf includes search Összehasonlítás replace substr toLowerCase, ...

CSS animációk - 1. rész - transition

2021-03-31

A css transition tulajdonság működése A kód itt: https://github.com/rrd108/css-animations #webfejlesztés #animáció #hogyan #css ...

Mi az a JSON?

2021-03-24

A JSON adatformátum és használata. A "Web mi micsoda?" sorozatban fogalmakat próbálok letisztázni. Ha kíváncsi vagy ...

JavaScript tömb függvények

2021-03-17

A leggyakrabban használt tömb kezelésre szolgáló függvények bemutatása Fileok itt: ...

Web mi micsoda?

2021-03-15

HTML datalist

2021-03-10

A HTML select és input kereszteződése a datalist A teljes sorozat: ...

JavaScript kezdőből haladó

2021-03-04

CSS sticky position

2021-03-03

A CSS sticky positionnal oda tudunk ragasztani elemeket tetszőleges helyre, kényelmes használatot és látványos effectet ...

Képek lusta betöltése js nélkül

2021-02-24

Sima HTML-lel meg tudjuk oldani azt, hogy a képek csak akkor töltődjenek be amikor tényleg szükség van rájuk, azaz amikor a ...

Alkalmazás indítás linkekkel

2021-02-17

Megnézzük, hogy hogyan működik a tel, sms, skype, viber, stb protocol-ok hívása egy sima HTML linken keresztül. A kód itt ...

JavaScript gyorstalpaló

2021-02-10

Ebben a kezdőknek szóló, a js programozás alapjait bemutató videóban egy webáruház felépítésén keresztül a következő ...

CSS lágy scroll - smooth scroll

2021-02-03

Oldalon belüli görgetős navigáció JavaScript nélkül. A kód itt: ...

OkosKód

2021-01-29

Webmania Youtube intro

2021-01-28

6. web share

2021-01-27

Adatok megosztása az alkalmazásunkból máshová és máshonnan az alkalmazásunkba. A sorozat összes része: ...

5. background-sync

2021-01-20

Internet csatlakozás nélküli task hozzáadás A sorozat összes része: ...

4. runtime cache

2021-01-06

Offline módban az alkalmazás feltöltése adatokkal, cache-elési stratégiák: NetworkFirst, CacheFirst, StaleWhileRevalidate A ...

3. Precache

2021-01-06

Hogyan érjük el azt, hogy az alkalmazásunk váza betöltődjön offline is, illetve, hogy online villámgyorsan életre keljen? A sorozat ...

2. Mi az a service worker?

2020-12-30

Ahhoz, hogy a PWA-nk mindent meg tudjon csinálni amit szeretnénk, szükségünk lesz egy service workerre. Ezek működésének ...

1. Hogyan tegyük telepíthetővé a progresszív web alkalmazásunkat?

2020-12-23

A manifest.json alkalmazása platform független alkalmazások létrehozásához, melyek működni tudnak Linuxon, Macen, ...

0. Mi az a PWA?

2020-12-17

Kicsit filozofálgatunk arról, hogy mit tud(hat) egy PWA és, hogy miért jó ez nekünk... A sorozat összes része: ...

PWA építés vue.js projektben

2020-12-17

vue.js 2 gyorstalpaló 14. rész - Deploy

2020-12-12

Az alkalmazás kiélesítése ftp kapcsolattal, deployment, mind a frontend mind a backend. A sorozat összes része: ...

vue.js 2 gyorstalpaló 13. rész - Emit

2020-06-21

Kommunikáció a szülő komponens felé. A sorozat összes része: ...

vue.js 2 gyorstalpaló 12. rész - Props

2020-05-31

Kommunikáció és adat átadása egy gyerek komponens felé és egy kis kód refactoring. A sorozat összes része: ...

vue.js 2 gyorstalpaló 11. rész - Hibakeresés - Debugging

2020-03-23

A debugging támogatás mindig fontos bármilyen nyelvről, keretrendszerről, programozási eszközről is beszélünk. A sorozat ...

vue.js 2 gyorstalpaló 10. rész - Vuex

2020-03-05

A vuex egy state management library, ami abban segít nekünk, hogy adatokat tudjunk megosztani a komponensek között.

vue js 2 gyorstalpaló 9. rész - A router

2020-02-27

A router az SPA-k (Single Page Application) esetében segít bennünket abban, hogy az oldal újratöltése nélkül tudjunk az ...

vue js 2 gyorstalpaló 8. rész - computed properties

2020-02-20

A computed properties segítségével tudunk olyan adatokkal dolgozni amelyek kiszámíthatók és reagálnak a változásokra.

vue js 2 gyorstalpaló 7. rész - v-show és v-if

2020-02-13

A v-show és v-if direktívák. A sorozat összes része: ...

vue js 2 gyorstalpaló 6. rész - css

2020-02-06

Külsős css file vagy keretrendszer használata, Google fonts használata. A sorozat összes része: ...

vue.js 2 gyorstalpaló 5. rész - v-model

2020-01-23

Formok kezelése, v-model, új feladat hozzáadása. A sorozat összes része: ...

vue.js 2 gyorstalpaló 4. rész - ajax

2020-01-16

Kommunikáció a szerverrel, get és put lekérések, axios, env használata. A sorozat összes része: ...

vue.js 2 gyorstalpaló 3. rész - direktívák és komponens tulajdonságok

2020-01-09

A vue component felépítése, template, script, és css tagok, direktívák. A sorozat összes része: ...

vuejs 2 gyorstalpaló 2. rész - telepítés, file-ok

2020-01-02

A vue.js telepítése, egy vue projekt létrehozása, a generált file-ok áttekintése. A sorozat összes része: ...

vue js 2 gyorstalpaló 1. rész - bevezetés

2019-12-27

Mi a vue.js, miért jó nekünk, mi kell hozzá? A sorozat összes része: ...

Vue.js 2 gyorstalpaló

2019-12-27

DevTools 4. rész - A Network tab

2019-03-10

A Developer Tools bemutató negyedik videója a Network tabbal foglalkozik. Lehet szavazni a következő videó témájára itt: ...

DevTools 3. rész - A Sources tab - JavaScript debugging

2019-02-24

A Developer Tools bemutató harmadik videója a Sources tabbal foglalkozik. A Chrome használata kód editorként, és legfőképpen ...

DevTools 2. rész - A Console tab

2019-01-10

A Developer Tools bemutató második videója a Console tabbal foglalkozik. JavaScript piszkálás, hibaüzenetek megjelenítése és ...

DevTools 1. rész - Az Elements tab

2018-10-29

A Developer Tools bemutató első videója az Elements tabbal foglalkozik. HTML és CSS módosítások, mobil nézet és egyéb ...

CSS gyorstalpaló - 2. rész

2017-11-18

A webfejlesztő gyorstalpaló CSS-t bemutató része az alap CSS fogalmakat mutatja be. A kódok itt: ...

CSS gyorstalpaló - 1. rész

2017-11-13

A webfejlesztő gyorstalpaló CSS-t bemutató része az alap CSS fogalmakat mutatja be. A használt képek itt: ...

CakePHP tanfolyam 12. lecke - Többnyelvűsítés - Lokalizálás

2017-09-27

Ebben a részben azt vesszük górcső alá, hogy hogyan vesszük rá az alkalmazásunkat, hogy több nyelven beszéljen.

CakePHP tanfolyam 11. lecke - Debugging

2017-09-20

Ebben a részben újra belenézünk a modellekbe, megismerkedünk a query objektumok leggyakrabban használt metódusaival.

CakePHP tanfolyam 10. lecke - Modellek 2

2017-09-14

Ebben a részben újra belenézünk a modellekbe, megismerkedünk a query objektumok leggyakrabban használt metódusaival.

CakePHP tanfolyam 9. lecke - Modellek 1

2017-09-10

Ebben a részben belenézünk a modellekbe, megismerkedünk a get() és find() hívásokkal és a query objektumokkal. A kód itt: ...

HTML gyorstalpaló - 2. rész

2017-09-07

Folytatjuk a HTML bemutatót egy éles sitebuilden keresztül. Megismerjük a h1, h2, h3, a main, a section, a div é a footer tagokat.

HTML gyorstalpaló - 1. rész

2017-08-25

Elkezdünk ismerkedni a HTML nyelvel egy éles sitebuilden keresztül. Megismerjük a html, a nav, az img, az a és az ul tagokat.

CakePHP tanfolyam 8. lecke - Hozzáférés kezelés 2

2017-08-11

Ebben a részben folytatjuk a hozzáférés kezelés és jogosultságok beállítását. A kód itt: ...

CakePHP tanfolyam 7. lecke - Felhasználó és hozzáférés kezelés

2017-08-10

Ebben a részben megismerkedünk a pluginek telepítésével és használatával, lehetővé tesszük, hogy a felhasználók ...

Mit kell tudni a webfejlesztéshez?

2017-08-09

Ez a kezdőknek szóló videó bemutatja a fő webes technológiákat. HTML, CSS, JavaScript, szerver oldali nyelvek, webszerver, ...

CakePHP tanfolyam 6. lecke - View átalakítás

2017-07-29

Ebben a részben átalakítunk egy view-t amit a 4. részben legeneráltunk a bake-kel. A kód itt: ...

CakePHP tanfolyam 5. lecke - Mire jó egy PHP keretrendszer? Miért a Cake?

2017-07-26

Ez a rész általános infókat ad arról, hogy mi is egy keretrendszer, mit nyerünk vele, mik a hátrányai és, hogy a CakePHP mennyire ...

CakePHP tanfolyam 4. lecke - Automatikus kód generálás

2017-07-24

Ebben a részben a bake-kel ismerkedünk meg, azaz az automatikus kód generálással. A végén 1 percben megnézzük azt is, ...

CakePHP tanfolyam 3. lecke - Projekt és adatbázis tervezés

2017-07-20

Projekt tervezés az ötlettől a feature összeíráson át az adatbázis tervezésig MySQL Workbench-csel. A kód itt: ...

CakePHP tanfolyam 2. lecke - konvenciók és file struktúra

2017-07-14

A CakePHP konvenciói, hogyan épül fel a keretrendszer, mit hol találunk. A kód itt: https://github.com/rrd108/cakephp-tanfolyam ...

CakePHP tanfolyam

2017-07-12

CakePHP tanfolyam 1. lecke - telepítés

2017-07-12

A CakePHP keretrendszer telepítése https://github.com/rrd108/cakephp-tanfolyam/commits/master Érdekelne a gyakornoki ...

WebMania.cc

2017-07-08

Webmania.cc - heti videók webfejlesztésről kezdőktől profikig mindenkinek Az itt bemutatott eszközök és megoldások rrd saját ...