Egyszerű programok építése

Témakörök:

Példa alkalmazás építése
Egy app tipikus részei
Action, state, render fogalma
Event object

Töltsd le a sablon fájlokat a projekthez:

https://github.com/matebolgar/javascript-az-alapoktol/tree/master/dobozok-template

Megjegyzés:
A 6.doboznál, ha üres mezőnél kattintunk a küldés gombra, a beviteli mező bekerül a dobozba.
Ez azért van, mert ilyenkor a span element innerHTML-jébe üres string kerül, így a span-nak nem lesz magassága és minden feljebb csúszik.

Megoldás:
Érdemes belevinni a logikába azt is, hogy üres string érték esetén egy kötőjel kerüljön be tartalomként. Pl a 112. sornál:

var ertek = event.target.elements.boxNumber.value;

document.getElementById("element-six").firstElementChild.innerHTML = ertek ? ertek : "-";

Kész:

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

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