Webshop project

Témakörök:

Create (létrehozás)
Read (kiolvasás/listázás)
Delete (törlés)
Update (felülírás)

A projekthez tartozó kódot az alábbi linken éred el:

https://github.com/matebolgar/javascript-az-alapoktol/tree/master/webshop-project

Figyelem!

Ebben a projektben a termék adatokat a JS app forráskódjába égettük bele.

A való életben ezek az adatok nem a kliens oldali state-be vannak beégetve, hanem szerver oldalról érkeznek. A JS program AJAX kérés révén jut hozzájuk és a kapott adattal felpopulálja a belső állapotot.

A projekthez a Node.js tutorial-ban backend rendszert építünk és ennek kapcsán a kliens appot is átalakítjuk, hogy AJAX kéréseket hajtson végre.

Ha érdekel ez az átalakítás, akkor tekintsd meg a Node.js tutorial - Webshop backend építése epizód IV. videóját 02:30-tól.

Kisokos

Leghasznosabb Visual Studio Code gyorsbillentyűk

A "Keyboard shortcuts" alatt állíthatók be a VSCode-ban

Művelet	Megnevezés
Kijelölés duplikálása	Duplicate Selection
Keresés	Find
Keresés és csere	Replace
Kijelölés mozgatása fel	Move Line Up
Kijelölés mozgatása le	Move Line Down
Dokumentum automatikus formázása (A VSCode első formázáskor felszólíthat, hogy tölts le egy formázó plugint. Ilyen pl a Prettier plugin. Ha PHP-t szeretnél formázni, ahhoz a PHP Intelephense nevű bővítményt kell telepítened)	Format Document

Gyakori Docker parancsok

Művelet	Parancs
Összes konténer leállítása (Akkor hasznos, amikor port ütközést tapasztalsz, egy másik futó konténer miatt)	docker stop $(docker ps -a -q)
Összes konténer eltávolítása	docker rm -f $(docker ps -a -q)
Konténerek indítása egy adott projektben	docker-compose up
Docker image-ek újraépítése és konténerek indítása (Leginkább akkor hasznos, amikor újra akarod építeni az adatbázist)	docker-compose up --build
Konténerek leállítása és eltávolítása egy adott projektben	docker-compose down
Image-ek kitörlése (Idővel felgyűnek az image-ek és egyre több helyet foglalnak a gépeden. Ezt a parancsot pár havonta érdemes lefuttatni.)	docker image prune
Volume-ok törlése (A volume-ok időnkénti törlésével több GB-nyi hely felszabadítható. Figyelem, adatvesztéssel járhat!)	docker volume prune