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-09-11 16:23
Mały Pomidor
0

Ja zacząłem uczyć się od razu od ES6 z tego tutorialu, czy to dobry wybór na początek?
tutorialspoint.com/es6/
Nie znam javascript i jego starszych wersji, chociaż mógłbym przejrzeć jego stary standard ES5.
tutorialspoint.com/javascript/index.htm
Być może we wrześniu powstał jakiś solidny mega kurs do ECMAscript 6 to podajcie jak możecie :) Dlaczego od razu zaczynam od nowego standardu, a nie od ES5, ponieważ chcę sobie napisać stronę internetową bazującą na nowej technologii JS/ES6.

Pozostało 580 znaków

2018-09-11 17:53
2

no nie wiem, zaglądam i:
However, the concept of hoisting does not apply to scripts that are run in the Strict Mode.
https://www.tutorialspoint.com/es6/es6_syntax.htm

nie wiem, co poeta chciał przekazać (może miał coś sensownego na myśli, nie wiem), ale w taki sposób, w jaki to przekazał to jakaś bujda. Hoisting jest również w strict mode. Nie mówię, że cały tutorial jest zły, przeglądam resztę i wygląda na w miarę sensowny.

Chociaż też nie do końca:

Assume the values in variables a and b are 10 and 5 respectively.
a++ is 11
a-- is 9

to też bdzura. Jeśli a = 10, to a++ też będzie równać się 10, bo a++ powiększa a, ale zwraca poprzednią wartość (gdyby było ++a to byłoby owszem, 11). Czyli taka klasyczna różnica między foo++ a ++foo.

Unless explicitly specified, the number of values passed to a function must match the number of parameters defined.

to też nieprawda, JS w przeciwieństwie do wielu języków nie wymaga, żeby liczba argumentów w funkcji się zgadzała z tym, co się zadeklarowało.

Rest parameters are similar to variable arguments in Java.
Rest parameters doesn’t restrict the number of values that you can pass to a function.
However, the values passed must all be of the same type.

Też nieprawda. function foo(...args) { } pozwala na dostarczenie dowolnych argumentów. Widocznie autorowi tego tutoriala cały czas się ta Java załącza w mózgu czy inne języki, i dokonuje projekcji na JavaScript.

Tak ogólnie - ten kurs miałby jakiś potencjał (bo trochę tam info jest, jest coś o hoistingu, też o const, let, o generatorach itp.) jednak też jest ileś bzdur, więc raczej jest to ogólnie słabe. Ten tutorial miałby więcej sensu, gdyby ktoś się solidnie przyłożył do niego i sprawdzał informacje, które pisze, dokonał rewizji.

No i rzeczy typu document.write w przykładach (nie używajcie tego). Mam wrażenie, że to tutorial sprzed kilkunastu lat, który został uaktualniony do wersji ES6. I można tam spotkać wiele dziwnych rzeczy (i jest trochę nie po kolei, ficzery ES6 tam mieszają się z poradami typowymi dla wcześniejszych wersji, czyli np. IIFE).


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
edytowany 4x, ostatnio: LukeJL, 2018-09-11 18:04

Pozostało 580 znaków

2018-09-11 18:15
Mały Kotek
0

A czy możesz polecić dobrą książkę z 2018 roku do JS/ES6 od zera?

Pozostało 580 znaków

2018-09-11 18:26
1
Mały Kotek napisał(a):

A czy możesz polecić dobrą książkę z 2018 roku do JS/ES6 od zera?

tutaj masz bardzo dobra ksiazk: https://github.com/getify/You-Dont-Know-JS

Faktycznie bardzo dobra ale zdecydowanie nie dla początkujących - caer 2018-09-11 19:09

Pozostało 580 znaków

2018-09-11 18:32
1
Mały Kotek napisał(a):

A czy możesz polecić dobrą książkę z 2018 roku do JS/ES6 od zera?

http://exploringjs.com/impatient-js/index.html
https://eloquentjavascript.net/

Pozostało 580 znaków

2018-09-11 23:32
Czarny Samiec
0

A czy ten drugi link, to jest to samo, co te polskie wydanie?
helion.pl/ksiazki/zrozumiec-j[...]a-marijn-haverbeke,zrojsc.htm

Pozostało 580 znaków

2018-09-12 12:32
0

zasadniczo tak, ale jest już wydanie III tej książki, które uwzględnia zmiany w związku z pojawieniem się ES6. Zaś na polski jest przetłumaczone niestety tylko wydanie II. :(
Ciężko chyba w ogóle dostać książkę po polsku o JS, z uwzględnieniem zmian z ES6.
https://helion.pl/ksiazki/jav[...]eer-jakut,jascpz.htm#format/d tu jest książka polskiego autora, ale nie wiem czy dobra na start.

Pozostało 580 znaków

2018-09-18 08:46
Zimna Lambda
0

Nie znacie tutsgalaxy? Te kursy z udemy sa tam za darmo

Pozostało 580 znaków

2018-10-01 16:35
Nadziany Młot
0

A dlaczego nie powstają podobne książki w Node jak PHP i MySQL? Które pokazują jak zbudować prosty serwis, czy blog z logowaniem i rejestracją. Czy chodzi o to, że Node zbyt szybko się aktualizuje i potem połowa kodu z tych książek by nie działała? Czy Node ma takie coś jak virtualenv co Django? Wtedy można by było stworzyć projekt w wersji Node zgodnym w danym kursie.

Pozostało 580 znaków

2018-10-01 19:29
0

Czy Node ma takie coś jak virtualenv co Django?

Co Python, raczej należałoby napisać.

Jest takiprojekt nvm
https://github.com/creationix/nvm

ale on pozwala podmienić dynamicznie wersję Node, ale chyba nie ma aż takich opcji jak virtualenv (bo z tego co pamiętam, to virtualenv pozwalało podmienić wszystkie libki, na których się pracuje? Z drugiej strony nie wiem, czy w NodeJS jest taka potrzeba, skoro libki są ukryte w node_modules i każdy projekt instaluje lokalnie swoje libki)

Czy chodzi o to, że Node zbyt szybko się aktualizuje

Nie tylko Node się aktualizuje (ale to też), ale również frameworki zmieniają ciągle swoje API.

Które pokazują jak zbudować prosty serwis, czy blog z logowaniem i rejestracją.

Myślę, że takich rzeczy jest pełno w necie, tylko trzeba wpisać w wyszukiwarkę odpowiednie hasła.


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
edytowany 2x, ostatnio: LukeJL, 2018-10-01 19:32

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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

Robot: CCBot