Jak się uczyć HTML5 CSS3 i JS

pytanie zadane 10 maja 2015 w HTML i CSS przez Marek94 Początkujący (290 p.)

Witam, mam pytanie jak się wziąć za naukę HTML5 CSS3 i JS mam do nich książki z serii nieoficjalny podręcznik. Co po skończeniu tych książek? Co mam zrobić np jak się zatne w jakimś elemencie tworzenia strony? Dobrym sposobem jest odwzorowanie się od kodów innych?

8 odpowiedzi

odpowiedź 26 marca 2016 przez jpacanowski VIP (101,940 p.)
edycja 12 lutego 2018 przez jpacanowski

Najlepsza

Droga jest prosta: HTML5 + CSS3, następnie JS (oraz ew. jego framework jQuery). Od razu dorzuciłbym LESS albo SASS, żeby ułatwić sobie sprawę z CSS. Gdy to opanujesz to dobry początek, żeby wziąć się za kolejne frameworki ;)
http://tworcastron.pl/blog/droga-frontend-developera-2017r/

Czy uczyć się tego Bootstrapa, czy może pisać w czystym CSSie?
http://blog.devolk.pl/dlaczego-frameworki-html-czesto-nie-maja-sensu/
http://blog.devolk.pl/bledy-poczatkujacych-webmasterow-ktorych-warto-unikac/

Polecana książka ("HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front End Developera"):
https://helion.pl/ksiazki/html-i-css-zaprojektuj-i-zbuduj-witryne-www-podrecznik-front-end-developera-jon-duckett,htcsww.htm

Tutoriale

HTML5 & CSS3:
http://how2html.pl/
http://ferrante.pl/books/html/
http://learn.shayhowe.com/
https://the-awwwesomes.gitbooks.io/html-css-step-by-step/content/pl/

Semantyczny blog w HTML5:
http://tutorials.comandeer.pl/html5-blog.html

Nowe tagi HTML5:
https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Sekcje_oraz_konspekt_dokumentu_HTML5

Nagłówki HTML – H1, H2, H3...
http://blog.memtor.pl/naglowki-html-h1-h2-h3-podstawy-optymalizacji-strony/

CSS:
http://kodcss.pl/
http://www.e-zoner.pl/css

Obiektowy CSS:
https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/

RWD:
https://www.footstep.pl/blog/strona-responsywna-tutorial
http://www.p-programowanie.pl/html-css/strona-responsywna/

BEM (Block, Element, Modifier):
http://webroad.pl/html5-css3/2746-block-element-modifier-w-css
http://webdesign.tutsplus.com/articles/an-introduction-to-the-bem-methodology--cms-19403
https://www.toptal.com/css/introduction-to-bem-methodology
https://en.bem.info/methodology/quick-start/
https://css-tricks.com/bem-101/

Jak kodują profesjonaliści:
http://kodu.je/
http://kodu.je/dobre_praktyki_html_i_css.html

CSS3 Flexbox:
http://flexboxfroggy.com/#pl
http://plotkarka.eu/PI/css3-flexbox/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://kodzisz.pl/article/css3-flexbox
https://www.smashingmagazine.com/2015/11/flexbox-interfaces-tracks-case-study/
https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/
https://www.smashingmagazine.com/2015/07/quantity-ordering-with-css/

Kurs JavaScript:
http://kursjs.pl/
http://javascript.pl/
https://www.sitepoint.com/dom-manipulation-vanilla-javascript-no-jquery/
https://stormit.pl/pytania-rekrutacyjne-javascript/
https://github.com/getify/You-Dont-Know-JS
https://github.com/nzakas/understandinges6
http://exploringjs.com/es6/
http://eloquentjavascript.net/
http://speakingjs.com/
https://www.youtube.com/playlist?list=PLTs20Q-BTEMPRSzhrlAuu7yus1BuOLVrS
https://www.youtube.com/playlist?list=PLGjoxB-1BV8IKoG_fb934nZXSVi_v-4yg

118+ free resources to learn JavaScript
http://www.deluxeblogtips.com/2015/12/118-free-resources-to-learn-javascript.html

jQuery:
http://shebang.pl/kursy/podstawy-jquery/
http://kursjs.pl/kurs/jquery/jquery.php
http://burczu-programator.pl/blog/6-porad-jak-wydajniej-uzywac-jquery

Dostępność witryn internetowych (Web Accessibility):
http://internet-bez-barier.com/
http://internet-bez-barier.com/wstep-do-dostepnosci/
http://dostepnestrony.pl/artykul/wcag-2-0-w-skrocie/

9 błędów web developera:
http://tworcastron.pl/blog/9-bledow-web-developerow/

2	komentarz 12 kwietnia 2016 przez Eimens Maniak (69,240 p.) trochę się naklikałeś daje

komentarz 14 grudnia 2017 przez imklau Nałogowiec (42,090 p.)

Tu jeszcze fajny link o Bootstrapie: https://soanvig.github.io/dlaczego-nie-potrzebujesz-bootstrapa/

Żeby jeszcze tylko ludzie uczyli się tego Bootstrapa znając już na fajnym poziomie CSS...

komentarz 20 października 2018 przez niezalogowany

@jpacanowski, http://kursjs.pl/ raczej bym nie polecił ze względu na błędy, trywialne błędy.
Tu doda literę, tam zapomni kropki i cały przykładowy kod nie działa, błąd zgłoszony zmiany zero a im dalej w las tym gorzej.
Nowy czyta tekst, widzi przykładowe rozwiązanie które polecane jest jako lepsze ale ono nie działa - niezła szkoła.

odpowiedź 26 marca 2016 przez Shiba Obywatel (1,420 p.)

Jeśli utkniesz w jakimś miejscu to nie zastanawiaj się co robić, tylko szukaj rozwiązania w internecie. Nie da się wszystkiego nauczyć na pamięć, kreatywność polega na tym, że samemu szukamy niezbędnych informacji, czy rozwiązań na blokady, które znajdujemy na naszej drodze programowania.

Przerobiłeś książki ? Super, ale nie tylko na tym to polega, czytaj, siedź na forach, analizuj czyjeś kody, szukaj rozwiązań w internecie. Najlepszym rozwiązaniem jest nie myśleć co dalej tylko ciągle kodować, a jeśli nie masz pomysłu to znów przeszukuj internet ;)

komentarz 12 lutego 2018 przez PolYGlok Pasjonat (19,450 p.)
edycja 12 lutego 2018 przez PolYGlok

STARY MOŻE BYĆ QRWA BAN-ALE TO CO NAPISAŁEŚ TO JEST NORMALNIE GENIALNE-'ZŁOTE MYŚLI SHIBY"!

Też tak uważam! Bardzo intensywnie to napisałeś!!

Brawo Brahu!!

internet jest tym tylko czego programista do pracy powinien potrzebować!!

odpowiedź 10 maja 2015 przez Krzysiek Rojowski Obywatel (1,110 p.)

odpowiedź 10 maja 2015 przez krecik1334 Maniak (58,390 p.)

Jeśli chodzi o naukę programowania webowego, czasem dobrą praktyką jest używanie kodów innych, ale to mają być dobre kody. Jeśli zatniesz się w jakimś elemencie tworzenia strony, napisz gdzieś na forum i na pewno dostaniesz odpowiedź.

komentarz 10 maja 2015 przez Marek94 Początkujący (290 p.)

Skąd mogę takie dobre kody znaleźć?

komentarz 10 maja 2015 przez Dorion300 Szeryf (90,250 p.)

W internecie.

Podczas tworzenia stron masz jakiś problem, wpisujesz ten problem w internecie (polecam po angielsku) i tam masz spis wątków.

Szukasz i znajdujesz najpardziej czytelny/prosty kod który działa.

odpowiedź 26 marca 2016 przez tonyone Użytkownik (530 p.)

odpowiedź 26 marca 2016 przez Jan Janusz Kawecki Użytkownik (690 p.)

odpowiedź 10 maja 2015 przez Robert Saternus Stary wyjadacz (12,180 p.)

odpowiedź 11 maja 2015 przez Kropka1 Użytkownik (520 p.)

Zapraszam Cię do naszego internetowego uniwersytetu, jakim jest http://kenis.pl . ;)

Znajdziesz tam wszystko czego potrzebujesz, poniżej link do darmowego kursu html i css3:

http://kenis.pl/kurs,html5-i-css3-pierwsza-strona-internetowa,3115

Nie masz się czego obawiac, to żaden spam czy reklama czy wyłudzanie pieniędzy.

Wszystkie kursy i materiały na portalu są w pełni darmowe, gorąco polecam :)

Pozdrawiam - współtwórca portalu.

Do zobaczenia na kenis.pl ;)