Todo lista készítése - Ismerkedés a webfejlesztéssel teljesen az alapoktól¶
Tartottunk egy belső webfejlesztő tanfolyamot, ahol a HTML, CSS és JavaScript alapjainak átbeszélése után elkészítettünk egy egyszerűbb webes to-do listet.
A tanfolyam teljes anyaga, leírással és linkekkel együtt elérhető ebben a git repóban.
A workshop semmilyen előzetes webfejlesztői ismeretet nem feltételez, abszolút kezdő szintről indít.
Első rész: HTML és CSS¶
Vágatlan felvétel (2020. 09. 21., hétfő)¶
A HTML és CSS alapjainak rövid átbeszélése után ezt az oldalt kaptuk. Tag a repóban, ahol az alkalom végén tartottunk. Itt minden, a videóban lévő fájlt megtalálsz.
Második rész: Javascript¶
Vágatlan felvétel (2020. 09. 23., szerda)¶
A JavaScript alapjainak átbeszélése után a végeredmény ez az oldal lett.
Tag a repóban, ahol befejeztük.
Javasolt oldalak¶
Források tanuláshoz:¶
- https://www.w3schools.com/
- https://www.freecodecamp.org/learn
- https://www.theodinproject.com/courses/web-development-101
- https://www.w3schools.com/
- https://developer.mozilla.org/en-US/docs/Learn
- https://www.khanacademy.org/computing/computer-programming
GitHub student pack¶
A Github student packjét mindenféleképpen szerezzétek be. Rengeteg hasznos dolgot találtok benne (ingyen domain-név, tárhely stb.)
-
https://education.github.com/pack ... és többek között ingyen hozzáférést egy nagyon menő oktató oldalhoz:
Inspirációnak érdemes böngészni¶
A git megtanulásához és setupolásához hasznos oldalak¶
- https://code.tutsplus.com/tutorials/git-on-windows-for-newbs--net-25847
- http://git-school.github.io/visualizing-git/
- https://www.freecodecamp.org/news/git-and-github-crash-course/
- https://learngitbranching.js.org/
- https://www.atlassian.com/git/tutorials/what-is-version-control
- https://www.learnenough.com/git-tutorial/getting_started