Jak i czego uczyć się przy webmasteringu?

Mój pierwszy post więc witam wszystkich!

Na wstępie chciałbym powiedzieć, że interesuje się web devem, ale nie wiem w jaki sposób się uczyć i czego. Z rok temu pouczyłem się projektowania w ps, kodowanie html, css, bootstrap, obsługa joomli i wordpressa (instalacja, zarządzanie systemem) Ogólnie mówiąc troszkę zaznajomiłem się z tematem. Teraz chciałbym wrócić do tematu ponownie w celu dalszej nauki. Technologii, zagadnień i wszelkich frameworków jest multum, od czego zacząć i jak się uczyć? Zacząć od projektowania w ps, później czytać o html? Co potrzebuje wiedzieć webmaster, w jakim stopniu? ;)

Koleś był front-end developerem (i chyba miał też coś wspólnego z backendem). Mówi o tym jakie technologie są potrzebne i w jakim stopniu należałoby je poznać, żeby załapać się na stanowisko web-deva.

Przyda się na 100%, masz może coś więcej?

Ktoś kiedyś publikował taką listę przydatnych linków:
http://platform.html5.org/ - zbiór odnośników do pojęć.
http://devdocs.io/css/ - dokumentacja w jednym miejscu.
http://mobilehtml5.org/ - co działa na mobilnych.
http://caniuse.com/ - na czym zadziała a na czym nie
https://deviceatlas.com/ bardzo dużo informacji o tym co jeste używane w danym regionie, grupie itd.
http://modernizr.com/ - rozpoznaj co jest wspierane u klienta.
http://www.sencha.com/products/extjs/examples/ - dużo dobrego.
http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
lub
http://taligarsiel.com/Projects/howbrowserswork1.htm - jak działają przeglądarki.

http://instantsprite.com/ - generator plików sprites.
http://placehold.it/ - przydatne przy tworzeniu prototypu layoutu.
http://truben.no/latex/table/ generator - tabel.
http://fontello.com/ - fonty/ikony.
http://www.initializr.com/ - template generator
http://hex.colorrrs.com/ - hex to rgb.
http://colorzilla.com/ - narzędzie do pobierania kolorów i generator gradientów css3.
https://color.adobe.com/pl/create/color-wheel/ - szybko skomponuj kolory.
http://kursbootstrap.pl/tutorial/ - podstawy bootstrapa po polsku.
http://builtwith.com/ - jaka technologia została użyta do stworzenia danej strony.

http://css-tricks.com/ - dużo dobrego o css.
http://www.smashingmagazine.com/ - kopalnia artykułów i porad ze świata webdev - polecam obserwowanie ich na facebook-u
Nettuts+ - strona z tutorialami.
http://www.lukew.com/ - UX guru.
kurs.browsehappy.pl - stare ale jare.

Ponadto może przydadzą się jakieś blogi typu:
http://www.paulirish.com/
http://ferrante.pl/
http://lea.verou.me/

Na wstępie chciałbym powiedzieć, że interesuje się web devem, ale nie wiem w jaki sposób się uczyć i czego. Z rok temu pouczyłem się projektowania w ps, kodowanie html, css, bootstrap, obsługa joomli i wordpressa (instalacja, zarządzanie systemem) Ogólnie mówiąc troszkę zaznajomiłem się z tematem. Teraz chciałbym wrócić do tematu ponownie w celu dalszej nauki. Technologii, zagadnień i wszelkich frameworków jest multum, od czego zacząć i jak się uczyć? Zacząć od projektowania w ps, później czytać o html? Co potrzebuje wiedzieć webmaster, w jakim stopniu

zależy kim chcesz być i w jaki sposób chcesz pracować (jeśli na freelance, to przyda się znać wszystko po trochu, ale w firmach już jest specjalizacja, może być kto inny od HTMLa, kto inny od JavaScriptu, kto inny od backendu (kodu po stronie serwera), a z kolei PSem zajmie się grafik itp.). Chociaż są i firmy, gdzie trzeba się zajmować kilkoma rzeczami naraz...

Swoją drogą webmaster to strasznie rozmyte pojęcie. Kiedyś oznaczało ono gościa, który tworzy strony - a teraz częściej się spotyka określenie developer, a webmaster mi się kojarzy z jakąś nietechniczną osobą, która redaguje treści na stronie i aktualizuje newsy.

Docelowo myślę o freelance choć w przyszłości chciałbym załapać się do roboty. Głównie projektowanie i kodowanie czyli wygląd www.