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

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

Rejestracja: 4 lata temu

Ostatnio: 1 dzień temu

40

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: 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ą.

Jedna z najlepszych książek programistycznych, "Structure and Interpretation of Computer Programs" w wydaniu JavaScript (wersja online): Structure and Interpretation of Computer Programs - @Maciej Cąderek

Vue.js
https://lmiller1990.github.io/vue-testing-handbook
https://adamwathan.me/advanced-vue-component-design/
https://vueschool.io/

Ogólne
https://frontendmasters.com/

@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 29x, ostatnio: Desu, 2020-01-16 19:41
Pokaż pozostałe 3 komentarze
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
Takiego posta właśnie szukałem. Thx - bakunet 2020-08-02 07:21

Pozostało 580 znaków

Mały Pomidor
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

Rejestracja: 6 lat temu

Ostatnio: 1 godzina temu

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

Mały Kotek
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

Rejestracja: 2 lata temu

Ostatnio: 5 miesięcy temu

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

Rejestracja: 2 lata temu

Ostatnio: 1 rok temu

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

Czarny Samiec
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

Rejestracja: 2 lata temu

Ostatnio: 1 rok temu

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

Zimna Lambda
2018-09-18 08:46
Zimna Lambda
0

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

Pozostało 580 znaków

Nadziany Młot
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

Rejestracja: 6 lat temu

Ostatnio: 1 godzina temu

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

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

Robot: CCBot, Semrush