HTML/CSS - (leg)hatékony(abb) tanulási módszerek egy kezdőnek

Programozás - kezdő

Számos erre vonatkozó hozzászólást találtam ebben a témában itt a hup-on, ennek ellenére, úgy érzem, hogy az én elvárásaim picivel másabbak, így bátorkodtam külön topikot indítani.

Viszonylag sok időt töltök az utóbbi időben webdizájnok, mobil alkalmazások dizájnjának készítésével, így felmerült bennem a kérdés, hogy mi lenne ha elmélyülnék a programozás részében is.
Néhány pontban próbálom összeszedni, ami alapján talán tudtok tanácsot adni:
- Kezdetben a HTML/CSS-t szeretnék megtanulni elfogadható színten.
- Egyelőre hosszútávú terveim nincsenek a programozás területén, talán hosszabb távon sablonokat szeretnék gyártani (tetszik a WP).
! Hatékony tanulási módszert keresek, amely használatával már az elején sikerélményhez jutok. (Videó tutoriálok, Treehouse - http://teamtreehouse.com/ féle guide-k tanulmányozása járható út? )
- Elsősorban a mai webfejlesztési trendekben (framework-ök, Less, Bootstrap, responsive design stb.) szeretnék elméjülni. Számomra ez vonzóbb.
- Nincsenek előzetes programozói ismereteim, bár már HTML/CSS kóddal volt dolgom. Értsd: gányoltam össze néhány oldalt magamnak (HTML, CSS), de ezen területen a tudásom hiányos.
- Angol nyelvű tananyagok, oldalak, stb. nem akadály, bár a magyar nyelvű anyag előny.

Mit tudnátok javasolni, hogyan kezdjek neki? Tananyagon túl bármilyen tanácsot szívesen látok. Hangsúlyozom, korszerű tudásra szeretnék szert tenni, figyelembe véve azt is, hogy ez az "iparág" dinamikusan fejlődik. Köszönöm!

(Ha f*szságokat írtam, kérlek ne bántsatok. Ezek egy abszolut eltévelyedett, kezdő szavai, lehet pár hónap múlva én is mosolygok majd ezen fórumposztomon :) )

  • 4874 megtekintés

( uid_7086 | 2014. 07. 23., sze – 15:59 )

Kiindulásnak talán a tutorialspoint.com
Gyors és komoly sikerélményt azért ne várj! ;)

( vilmos.nagy | 2014. 07. 23., sze – 17:24 )

A coders-guide.com-on van egy egész jó Bootstrap videó tutorial, kezdetnek – szerintem – nem rossz.

Egyébként valami hasonló engem is érdekelne. „Gányolni” nagyszerűen tudok html+css+jquery-vel, de nem ártana valami elméleti tudást is összeszednem. Sajnos a „Hello world” tutorialokhoz nincs türelmem, de hátha belefutok valami jóba itt :-D
--
blogom

Ez hasznos kis guidenak tűnik! Köszönöm. A kérdés az, hogy mindjárt az elején "beleugorhatok" a Bootstrap-be vagy ehhez azért nem árt valamennyi előképzettség?

Egyébként valami hasonló engem is érdekelne.
Reméljük, hogy jön egy front-end guru és útba tud igazítani minket.

Sajnos a „Hello world” tutorialokhoz nincs türelmem..
Egy csónakban evezünk :)

Én kb. hasonló „gányoltam-már, de sosem tanultam igazán” tudással ugrottam neki. Olyan szempontból nem bánom, hogy gyorsan sikerült így jól-kinéző oldalakat összekalapálni. Olyan szempontból gáz, hogy a HTML „mit-mibe lehet rakni, minek milyen tulajdonságai vannak, stb.” szerű ismerete nekem teljesen hiányzik.

Egyébként egész jó dokumentáció van hozzá, s az elmúlt néhány hónapban mindig találtam hozzá segítséget. Én merem ajánlani egy kicsi HTML tudáshoz is... (Aztán lehet, hogy ez pedagógiailag nem helyes... :-D )
--
blogom

( kmARC v | 2014. 07. 24., cs – 10:02 )

Egy tanácsom van: egy-két oktatóanyagot nézz végig, tutorialt, stb. De _NE_ ebbe öld bele az időd. Inkább állj neki megvalósítani valamit, közben fogsz rengeteget tanulni. Sikerélményed is lesz. Majd amire két hét után készen lesz az első projekted, már lesz akkora tudásod, hogy rájöjj, hogy lehet ezt szebben is csinálni. Akkor majd elkezdesz reszponzívkodni, meg less-ezni. Újabb két hét után már űberreszponzív leszel, és csilivili, de ránézel, és az akkori tudásoddal látod, hogy lehet ezt jobban is csinálni. Aztán két hét múlva...

Szóval kellő mennyiségű iteráció után már bowerrel setupolt, bootstrap-szkinelt backbone-os csodáid lesznek reactiveJS-sel és automatizált, gruntbol futó selenium tesztekkel, mindez minifikálva és githubon félcsillió napi letöltéssel, merthogy milyen fasza és nemzetközileg elismert front-end programmer lettél.

Trust me. Én is ezt csinálom.