JavaScript Kurzus 3. óra (vezérlési szerkezetek, function)

1. Vezérlési szerkezetek:

• Ciklusok:
• While
• For
• For-of
• If/else, elseif statement
• Switch statement

2. Function

• Control flow fogalma
• Function, mint subroutine
• Function, mint matematikai függvény
• First class function
• Anoním function

JavaScript Kurzus 4. óra (események a böngészőben)

1. Kliens oldali alkalmazások felépítése

• Action
• State
• Render

2. Reagálás eseményekre

• Click, submit, hover, mousemove

3. Elementek kiválasztása a document object-ből

• getElementById, querySelector, querySelectorAll function-ök

JavaScript Kurzus 5. óra (event object)

1. Adatok az event object-ben

• preventDefault function
• event.target
• input mezők adatainak kinyerése

2. Példa feladatok

JavaScript Kurzus 6. óra (array methodok)

1. Higher order function fogalma

• Map
• Filter
• Reduce

2. Adatok

• leképezése,
• szűrése,
• aggregálása procedurális és funkcionális módszerekkel

JavaScript Kurzus 7. óra (projekt)

1. Kliens oldali alkalmazás építése

• Erőforrás listázása
• Létrehozása

JavaScript Kurzus 8. óra (projekt II., HTTP)

projekt II., HTTP

1. Kliens oldali alkalmazás építése - Erőforrás felülírása - Törlése
2. A HTTP protokoll - Request method, path, header, body - Response header, body, status

JavaScript Kurzus 9. óra (AJAX)

1. JSON fájlformátum célja, szintaktikája

2. JS Engine működése:

• Stack
• Web api-k
• Callback queue
• Event loop

3. Aszinkron JavaScript fogalma

4. XMLHttpRequest

JavaScript Kurzus 10. óra

AJAX II.

1. Aszinkron kérések XMLHttpRequest objecttel és callback function-nel
2. Callback hell/pyramid of doom
3. Aszinkron műveletek Promise-okkal
4. Promise chain
5. Fetch API

JavaScript Kurzus 11. óra (Nyelvi eszközök)

• Arrow function
• Let, const
• Try/catch
• Programozási paradigmák

JavaScript Kurzus 12. óra (OOP, Node.js)

1. Objektum orientált programozás

• Function constructor
• Class deklaráció
• Switch statement

2. Node.js

• Telepítés
• REPL
• Szerver készítése

JavaScript Kurzus 13. óra (Node.js)

1. Node js module wrapper function

• A wrapper function paraméterei
• Exportálás és importálás module-ból/module-ba

2.Full stack rendszer felépítése

• User interface
• State
• API
• Router
• Controller
• Adattároló réteg

3. Erőforrások kiszolgálása szerver oldalról

• Statikus tartalom (HTML és JS content)
• Dinamikus tartalom (Termékek listája)

JavaScript Kurzus 14. óra (Node.js)

• Stream
• Filerendszer műveletek

JavaScript Kurzus 15. óra (Node.js)

• NPM
• Erőforrás törlése
• Dinamikus HTML tartalom kiszolgálása
• Cross site scripting támadás (XSS)

JavaScript Kurzus 16. óra (Express)

• Postman
• Express framework
• Middleware
• Dinamikus komponens az URL-ben
• JSON encoded body kiolvasása a request-ből
• Query paraméterek kiolvasása a request-ből

JavaScript Kurzus 17. óra (MongoDB)

• SQL vs. NoSQL adatbázisok
• Mongo Atlas konfiguráció
• Erőforrás mentése és listázása

JavaScript Kurzus 18. óra (MongoDB II.)

• JSON API befejezése
• updateOne
• Array push
• Aggregálás

JavaScript Kurzus 19. óra (Kliens app)

• UI elemek felépítése
• REST endpointok összekötése a kliens applikációval

JavaScript Kurzus 20. óra (Kliens app II.)

UI elemek

• delete
• update

JavaScript Kurzus 21. óra (Node.js website)

• Szerver oldalon generált HTML tartalom
• Ejs template engine
• Kód: https://drive.google.com/open?id=152j6wZx2EjLMD5Hj1rC2jL2A09bKAu_c

JavaScript Kurzus 22. óra (Node.js website II.)

• szerver oldali validáció
• redirectelés
• renderelés query paraméterek alapján

JavaScript Kurzus 23. óra (Node.js website III.)

• pagination
• limit
• skip
• mongodb query operátorok

Back-end Kurzus 3. óra (vezérlési szerkezetek)

1. Vezérlési szerkezetek:

• Ciklusok:
• While
• For
• For-of
• If/else, elseif statement
• Switch statement

2. Iterálás példa adatseten

3. Dinamikus adat kiírása HTML tartalomba

Back-end Kurzus 4. óra (function, HTTP)

1. Function

• Control flow fogalma
• Function, mint subroutine
• Function, mint matematikai függvény

2. Tömb műveletek

• Tömbhöz új elem hozzáadása
• Szűrés

3. A HTTP protokoll működése és használata a PHP-ban

• Request method, path, header, body
• Response header, body, status
• PHP szuperglobális változók
• Single entrypoint fogalma

Back-end Kurzus 5. óra (útvonalválasztó, adattárolás)

1. Router (útvonalválasztó)

2. Adattárolás JSON file-ban

• Ciklusok:
• Create (erőforrás létrehozása)
• Read (erőforrás kiolvasása)

3. HTTP redirect végrehajtása

Back-end Kurzus 6. óra (projekt I.)

1. Szöveg keresése szöveges tartalomban

2. Egyedi azonosító generálása

3. Erőforrás törlése

Back-end Kurzus 7. óra (projekt II.)

1. Erőforrás

• Kikeresése egyedi azonosító alapján
• Felülírása

2. Refaktorálás

• Gyakran előforduló műveletek kiszervezése függvényekbe

Back-end Kurzus 8. óra (Objektum orientált programozás I.)

1. Programozási paradigmák

• Procedurális
• Funkcionális
• Objektum orientált

2. Class deklaráció

• Property
• Method
• Setter method

3. Class példányosítás

• Object felpopulálása adattal

Back-end Kurzus 9. óra (Objektum orientált programozás II.)

1. Class deklaráció

• Konstrukor
• Chainable setter method
• Getter method

2. Objektum kompozíció

3. Objektumok tömbjének létrehozása

Back-end Kurzus 10. óra

MySQL bevezetés

1. Relációs adatbázis kezelő rendszerek ismérvei

1. Tábla
2. Oszlop
3. Sor

2. phpMyadmin

1. Adatbázis és tábla létrehozása
2. Adattípusok

3. MySQL statement-ek

1. SELECT, INSERT, UPDATE, DELETE

MySQL II.

Adatmodellek

1. One-to-one
2. One-to-many
3. Many-to-many

Back-end Kurzus 11. óra (MySQL III.)

MySQL

• FOREIGN CONSTRAINT
• INNER JOIN
• LEFT JOIN

Back-end Kurzus 12. óra (MySQL IV.)

PHP template újra felhasználása

MySQL clause-ok:

• WHERE
• GROUP BY
• HAVING
• ORDER BY
• LIMIT, OFFSET

Back-end Kurzus 13. óra (MySQL V.)

• MySQL query-k
• Pagination

Back-end Kurzus 14. óra (Session)

• User authentication
• Session
• Cookie

Back-end Kurzus 15. óra (File upload)

• Cookie unset
• Kép feltöltése

Back-end Kurzus 16. óra (Jelszókezelés)

• Regisztráció
• Felhasználó bizalmas adatainak tárolása

Back-end Kurzus 17. óra (Composer)

• Composer init, require, remove parancsok
• Nikic/fast-route útvonalválasztó package
• REST API

Back-end Kurzus 18. óra (OOP 2)

• extendelési hierarchia
• kompozíció vs. öröklődés
• interface
• plugin architektúra

Back-end Kurzus 19. óra (OOP 2 II.)

• interface
• closure
• static method
• globális változó

Back-end Kurzus 20. óra (Fastruktúrák)

• git kezelés alapjai
• rekurzió
• fa struktúra felépítése
• műveletek fastruktúrákkal

Front-end 13. óra. Javascript alapok

• A javascript alapvető vezérlési szerkezetei, változók típusai.
• Változók elnevezése.
• Szekvenciák, szelekciók, iterációk.

Front-end 14. óra. Javascript alapok II.

• Függvények
• Tömbök
• Objektumok

Front-end 15. óra. JS eventek ismertetése

• onChange
• onClick

jQuery alapok - 6. (utolsó JS) óra

• Szelektorok
• JS jQuery különbségek
• Menü készítés Jqueryvel

Front-end 16. óra (Js V.)

Functions, EventListeners, gyakorlás

Bootstrap 1. óra

• Bevezetés a Bootstrapbe. https://getbootstrap.com/docs/4.4/getting-started/introduction/

Bevezetés a Bootstrapbe 1. rész

• És az előző órai házi feladat átnézése

Front-end - Bootstrap I. 1.rész

• Carusel
• card és card deck
• gyors weblap felépités

Front-end - Bootstrap I. 2.rész

• Carusel
• card és card deck
• gyors weblap felépités

Front-end - Bootstrap II. 1.rész

• Grid -rendszer
• átlagos kérdések
• container + fluid
• Homok óra w-100 / w-50
• row + col

Front-end - Bootstrap II. 2.rész

• bracket bootstrap snipet
• bootstrap IMG + Divek
• bootstrap dropdown menü

Front-end - Bootstrap II. 3.rész

• bootstrap weblap felépitése
• Card & card deck

Front-end Tomi - 03.30

Az órán vette feladatok forrás kódjai a leírásban

Front-end - Tomi - 04.01.

• bootstrap alert
• forms

Front-end Tomi - 04.04. I.

• bootstrap Modal&Alarm

Front-end Tomi - 04.04. II..

• bootstrap Modal&Alarm

Front-end Tomi - 04.04. III.

• bootstrap Modal&Alarm

Front-end Tomi - 04.04. IV.

• bootstrap Form
• bootsrsap Form&Aler
• Sass (csak át tekintés - bevezető )
• Záró kérdések