Jak uczyć się JavaScript? - przeczytaj, zanim zadasz pytanie na temat materiałów do nauki.

Odpowiedz Nowy wątek
2017-02-21 09:19
36

Ty: Od czego zacząć nau...
LMGTFY: How To Google Like A Pro!

Ty: Nie znam angielskiego.
LMGTFY:
Google Translate Plugin
QTranslate

Ty: Znam już HTML i CSS, a teraz chciałbym nauczyć się Javascriptu. Jaką książkę polecacie na początek?
LMGTFY: Head First JavaScript

Ty: Nie bardzo podoba mi się styl tej książki, nie macie czegoś poważniejszego?
LMGTFY: Eloquent JavaScript free

Ty: Strasznie stare te książki. Słyszałem, że teraz jest jakiś nowy standard ESJavaECMAScriptTurbo 2016?
LMGTFY: W ES6 doszło trochę lukru składniowego, ale to dalej te sam JS. Jak opanujesz podstawy, to uzupełnienie wiedzy o nowy standard to kwestia kilku dni.

Ty: jQuery all the things!!
LMGTFY: Najpierw JavaScript, później jQuery..

Ty: Uczyc sie angulara bez js?
LMGTFY: A czy poszedłbyś na naukę jazdy ekstremalnej bez umiejętności prowadzenia samochodu? Najpierw JavaScript, później Angular...

Ty: Okej, pisałem już trochę w JS, ale chciałbym się nieco bardziej zagłębić w ten język. Zacząłem czytać XYZ, ale wydaje mi się, że to nie jest pozycja dla kogoś, kto już umie programować. Polecacie coś lepszego?
LMGTFY:
You Don't Know JS (book series) free
Tajniki języka JavaScript (You Don't Know JS PO POLSKU)

Ty: Kurcze, strasznie dużo tego.. Znacie może jakiś kurs video?
LMGTFY: JavaScript: Understanding the Weird Parts Udemy

Ty: O to chodziło! Ale nie wiem, czy warto aż tyle zapłacić...
LMGTFY: JavaScript: Understanding the Weird Parts - The First 3.5 Hours free

Ty: Bomba, teraz wiem, że warto! A co z nowym standardem ES6?
LMGTFY: ES6 Javascript: The Complete Developer's Guide Udemy

Ty: A może coś darmowego tym razem?
LMGTFY: ES6 JavaScript Features

Ty: Przydałby się jeszcze jakiś reference guide..
LMGTFY: ECMAScript 6 — New Features: Overview & Comparison

Ty: Fuck! Dlaczego mój kod nie chce działać!? Javascript suuuuuucks
(╯°□°)╯︵ ┻━┻
LMGTFY: Debugging JavaScript - 0 to Heisenberg

Ty: Powoli zaczynam łapać, ale nie ogarniam eventów i co to ten cały DOM?
LMGTFY:
Document and Events
What the heck is the event loop anyway?

Ty: AngularJS vs Angular 2
LMGTFY: Na dzień dzisiejszy (2017-07-12) nie zaczynałbym od AngularJS. Nie mniej jednak sporo softu już zostało w nim naklepane... i w ogłoszeniach również się pojawia. Znając życie, nawet jak będzie Angular 50, to i tak gdzieś będzie jakiś legacy potwór w AngularJS. W tym wypadku zastosowałbym just-in-time learning - jeżeli w nowej pracy będzie Ci on potrzebny, to wtedy się nauczysz. Materiały jakie polecam do szybkiego ogarnięcia:
Learn and Understand AngularJS - każdy kurs tego gościa to istny majstersztyk. Z nim nawet kompletny żółtodzób ogarnie angulara.
Tech CBT - AngularJS Tutorial - fantastyczny kanał, który właśnie odkryłem. Jeżeli po kursie Learn and Understand AngularJS czujesz niedosyt, to materiały na tym kanale są dla Ciebie. Wszystkie zagadnienia typu digest loop etc. są dogłębnie wytłumaczone. Jeżeli tak jak ja lubisz dokładnie wiedzieć jak coś działa, to nie pożałujesz.
Understanding-Scopes

Ty: Słyszałem coś o jakimś funkcjonalnym JavaScript'cie. Co to takiego? Opłaca się to uczyć?
LMGTFY: Funkcyjnym, nie funkcjonalnym
Functional-Light-JS

Ty: Tak w ogóle to strasznie drogie te kursy na Udemy. 200 €? Kogo na to stać...
LMGTFY: Co miesiąc w internecie pojawiają się kody rabatowe, dzięki którym możemy kupić każdy kurs za 10€. Wystarczy je dokleić jako query string: https://www.udemy.com/javascript-es6-tutorial?couponCode=DARMOWEKURSY. Najlepiej jest wpisać w google pełną nazwę kursu (używając naszej wiedzy z How To Google Like A Pro!) + coupon code i klikać jak leci, aż w końcu się uda. Zajmie nam to około 10 minut. Wyjątkiem jest początek miesiąca, kiedy stare kody nie działaja, a nowych jeszcze nie ma. Innym trikiem jest wrzucenie ich do koszyka. Za dwa, trzy dni Udemy napisze nam maila, że mamy kursy w koszyku i zachęci nas do ich kupna obniżką.

@somekind @Koziołek @Adam Boduch nie wiem gdzie i jak to podpiąć, więc proszę żeby ktoś posiadający taką wiedzę umieścił ten post tam, gdzie jego miejsce.

edytowany 26x, ostatnio: Desu, 2017-07-14 22:49
Pokaż pozostałe 2 komentarze
O kuchwa, funkcja przypinania wątków zniknęła. :D - somekind 2017-02-21 11:54
A nie, trzeba wejść w edycję posta, a potem zaznaczyć checkbox... Moderator-friendly forum :D - somekind 2017-02-21 11:56
O ile trudności z czytaniem po angielsku jest jeszcze w miarę do zrozumienia tak używanie translatora to nie tylko błędny przekaz, ale i lenistwo. - Marcel2727 2017-02-21 12:10
@Marcel2727 nie chodzi o kopiuj-wklej. Te translatory po dwukrotnym kliknięciu wyświetlają Ci kilka tłumaczeń danego słowa. Jak nie rozumiesz w zdaniu nawet kilku słów to jakoś to poskładasz do kupy, a po kilku tygodniach/miesiącach zrozumienie bardzo wzrośnie. Łatwo się zniechęcić jak co chwilę czegoś nie rozumiesz i musisz googlować. Te pluginy skracają ten proces do kliknięcia na dane słowo. - Desu 2017-02-21 12:42
Trochę żartowałem, każdemu komu chce się w ogóle coś tłumaczyć musi wykazać jakąś chęć :P - Marcel2727 2017-02-21 13:29

Pozostało 580 znaków

2018-12-12 13:50
3

Wszystko fajnie, a do listy dorzucilibyśmy jeszcze:

Addy Osmani
Addy jest inżynierem pracującym w Google - konkretniej w tzw. Speed team, w projekcie Chrome. Z tego właśnie powodu, autor ma sporo do powiedzenia na temat spraw związanych z wydajnością współczesnych stron internetowych, czyli w dużej mierze JavaScriptu. Jednym z najbardziej znanych jego wpisów jest “The Cost of JavaScript”, w którym pisze o wpływie JS na ładowanie stron. Na blogu jest też trochę wpisów o React, PWA czy języku, jako takim. Warto się wczytać.

Link: https://medium.com/@addyosmani

Dla kogo: ludzie poszukujący wydajności na front-endzie

David Walsh
David Walsh to jeden z najbardziej popularnych bloggerów JS, który jeszcze parę lat temu był jednym z core developerów, w niegdyś znanym projekcie MooTools. Na jego blogu znajdziecie omówienie różnych API udostępnianych przez przeglądarki, przegląd feature’ów JS, ale również tutoriale powiązane z Reactem, Node.js czy jQuery. David nie stroni również od tematów powiązanych z HTML czy CSS.

Link: https://davidwalsh.name/

Dla kogo: głównie front-endowcy

Smashing Magazine
Redakcja SM od lat skupia się na designie i developmencie wokół weba. Jej autorzy znani są z poruszania tematów takich jak UX, HTML i CSS, ale mają też imponujący dział dotyczący JS. Na Smashing Magazine publikują osoby o różnorodnych specjalizacjach, dlatego znajdziecie tam wiedzę z każdej działki front-endowego JavaScriptu. Można tam także znaleźć posty zahaczające o back-end.

Link: https://www.smashingmagazine.com/category/javascript

Dla kogo: front-end, full-stack

Więcej ciekawych blogów, które warto śledzić, aby być na czasie przygotowaliśmy TUTAJ

Pozostało 580 znaków

2018-12-15 17:04
0

Dolacze sie do pytania. Tylko w moim przypadku chcialbym zapytac jakiego frameworka warto sie zaczac uczyc po opanowaniu JavaScriptu?

vanilla-js.com :p - Freja Draco 2019-03-23 01:33

Pozostało 580 znaków

2018-12-15 17:42
1

Żadnego, bo zanim "opanujesz" JavaScript, to minie z 10 lat albo i więcej XD

Nauka języka nigdy nie ma końca, ale jak czujesz się na tyle pewnie, żeby się poruszać w języku to polecałbym najpierw spróbować zrobić samodzielnie parę większych apek nie korzystając z żadnego frameworka, tylko w tym, co jest w przeglądarce (a jest coraz więcej, teraz nawet jQuery nie trzeba używać, żeby odpalić jedną linijką AJAX czy wyszukać jakieś elementy po selektorze).

Poza tym powinieneś też poznać podstawy Node.js, npm, system modułów (zarówno ten z Node.js, jak i nowy z ES6), niestety również konfigurację Webpacka
(ale jeśli ci to nie pójdzie to się nie martw, bo są strony, w których możesz odpalać w przeglądarkach apki np. w React - https://codesandbox.io/ więc ten punkt mógłbyś ewentualnie przełożyć "na później" i uczyć się samego kodowania).

Co do tego jaki "framework" wybrać, to powinieneś zadać sobie pytanie po co w ogóle są "frameworki". Czyli jednak myślę, że powinieneś zrobić najpierw parę aplikacji bez "frameworka" i doświadczyć na własnej skórze problemów (np. takich, że robiąc coś dużego masz problem choćby z używaniem ponownie widoków w zgrabny sposób. Albo z komunikacją między różnymi częściami aplikacji).

Tutaj właśnie wchodzą "frameworki"(w sensie całościowe rozwiązania) oraz biblioteki do tworzenia GUI (takie jak React, który jest tylko częściowym rozwiązaniem i ludzie zwykle korzystają z dodatkowych bibliotek przy okazji korzystania z React). Siłą Reacta jest choćby to, że pozwala tworzyć mniej lub bardziej deklaratywne komponenty, które możesz używać w różnych miejscach.

Piszę o React, bo obecnie najwięcej piszę w React właśnie, co nie znaczy, że jest to jedyna opcja. Inne biblioteki (takie jak Vue, Angular itp.) też pozwalają na tworzenie komponentów.


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
edytowany 1x, ostatnio: LukeJL, 2018-12-15 17:44
Pokaż pozostałe 9 komentarzy
Może jestem po prostu amatorką, ale jedyna podstawowa technologia www, w której odczuwam brak jakichś rozwiązań to CSS (zmienne, media query odnośnie elementów, dziedziczenie klas). - Freja Draco 2019-03-23 01:41
@Freja Draco w CSS są już zmienne przecież. https://developer.mozilla.org/en-US/docs/Web/CSS/var . Co masz na myśli media query odnośnie elementów? - LukeJL 2019-03-23 12:59
@LukeJL: No niby są już w gołym CSS zmienne, ale obecnie będą działać tylko u 90% odbiorców: https://caniuse.com/#feat=css-variables. Mogę sobie zdefiniować np: @media only screen and (max-width: 500px) zależne od rozmiarów ekranu. Przydałaby się możliwość tworzenia podobnych definicji zależnie od rozmiarów elementu. No i jeszcze jakiś CSS-owy odpowiednik onscroll by się przydał. I wtedy można by praktycznie zrezygnować z używania JS w responsywnym interfejsie. - Freja Draco 2019-03-23 13:20
@LukeJL: ale mądrze napisałeś tego posta - Pinek 2019-05-16 16:03
@Pinek nom, dzięki :) - LukeJL 2019-05-16 17:50

Pozostało 580 znaków

2019-01-06 20:24
0

Współczesny JS w pigułce


edytowany 1x, ostatnio: siloam, 2019-01-06 20:26

Pozostało 580 znaków

2019-03-22 20:00
0

Chyba najlepiej opracowany kurs po polsku : kursjs.pl
i dość aktualny (jak na 2019 rok) po angielsku: javascript.info

Pozostało 580 znaków

2019-04-17 22:00
0

Czy ta książka będzie ok dla kompletnego laika, ? Czy może macie jakieś ciekawe pozycje do zaporoponowania. Zaznaczam, że szukam czegoś od podstaw.
https://www.profit24.pl/Zrozu[...]gramowania,product862631.html

Pozostało 580 znaków

2019-04-17 22:14
0

Jak chcesz, to możesz przeczytać tę książkę po angielsku online albo ściągnąć za darmo e-booka (legalnie, sam autor udostępnia).

https://eloquentjavascript.net/

Przy czym wersja z internetu jest uaktualniana, natomiast to, co masz na tej stronie, to wydanie z 2015 roku, a JS się dynamicznie zmienia, więc lepiej mieć nowszą wersję.

Co do książki to coś kiedyś ją przeglądałem, ale nie czytałem całej, więc ciężko mi powiedzieć.

Inna znana książka to You Don't Know JS, też udostępniona on-line za damo:
https://github.com/getify/You-Dont-Know-JS
czytałem fragmenty, nawet klarownie tłumaczone (chociaż czytałem ją nie będąc laikiem już).


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
Pokaż pozostałe 9 komentarzy
No przy inicjalizacji tablic można napisać tak var liczby = new Array(10, 20, 30); lub tak var liczby = [10, 20, 30]; - matmax 2019-08-20 19:03
@matmax: 99.99% drugi zapis, i nie var tylko const - Maciej Cąderek 2019-08-20 19:09
Widocznie muszę zmienić tutorial na jakiś nowszy, ten z githuba jest najlepszy i ciągle aktualizowany? - matmax 2019-08-20 19:12
Jeden z lepszych, ale tam też masz w pierwszych częściach "stary" JS (co nie znaczy, że nieaktualny! JS jest wstecznie kompatybilny), dopiero ostatnia część omawia "nowości". No i nie jest to typowy tutorial, bardziej kompleksowy podręcznik. Do podstaw to przerób sobie jakiś interaktywny kurs, np na codecademy (tam jest aktualny JS). - Maciej Cąderek 2019-08-20 19:28
Na codecademy jest ES9? - matmax 2019-08-22 16:53

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0