Chcesz poznać najnowsze mechanizmy języka JavaScript? Dobrze trafiłeś!
Kurs pokazuje, co zostało dodane w standardach ES6+ (ECMAScript 6, ES2016, ES2017 i ES2018).
[na końcu wersja TL;DR]
Celem kursu jest stworzenie portfolio programisty. A zbliżając się do celu, poznajesz kolejne mechanizmy i narzędzia. Tworzymy i rozwijamy jeden projekt. Od początku, do końca, korzystając z istniejących rozwiązań i serwisów, np. GitHub API.
Na początku czeka Cię trochę konfiguracji i instalowania. Node.js oraz npm stały się niezastąpionymi narzędziami, używanymi w codziennej pracy, również nad front-endem. Z kolei ESLint oraz webpack, pozwolą lepiej zorganizować kod oraz pliki wynikowe, aby umożliwić wystawianie ich na świat - dla innych programistów i dla użytkowników końcowych.
Następne kroki, to przejście przez nowe instrukcje języka. Programowanie obiektowe z użyciem słów kluczowych class, extends itd., deklarowanie zmiennych przy pomocy const oraz let, a także destrukturyzacja i domyślne wartości funkcji.
Dalej, komunikacja ze swiatem zewnętrznym przy pomocy instrukcji fetch, async/await oraz lepsza organizacja kodu - wykorzystanie reużywalnych Web Componentów.
Kolejna cześć skupia się na wyglądzie, nadaje styl. Skorzystasz tu z tzw. CSS modules.
Następnie, kompozycja ponad dziedziczenie, zwrócenie uwagi na wady programowania obiektowego i pokazanie, jak mechanizmy typu Object.assign, spread operator i shorthand property, wspomagają składanie obiektów z małych części.
Wisienką na torcie jest omówienie nieistniejących (jeszcze) dekoratorów i wykorzystanie Babela lub TypeScripta do przetłumaczenia kodu na aktualnie akceptowaną przez przeglądarki wersję :)
Końcówka to zaawansowane generatory (yield) oraz Proxy. Jest też skupienie się na testach jednostkowych oraz konsoli przeglądarki, aby przybliżyć rzeczy, zajmujące znaczną część codziennego czasu pracy.
Nie ma tutaj nauki zbędnych lub przestarzałych frameworków i bibliotek. Bo te przychodzą i odchodzą. Od 2016 roku na fali jest React, ale jeszcze szybciej rośnie Vue. Przed 2016 rządził jednak Angular, a gdzieś obok wciąż jest też Ember ze swoją zmienną popularnością (ostatnio rośnie). Wszystkie te narzędzia ostatecznie są jednak czystym JavaScriptem, a nauczane w kursie techniki nadają się do zastosowania w połączeniu z każdym z nich. Co więcej, Web Componenty już dzisiaj są wykorzystywane przez firmy, jako nić porozumienia, część wspólna dla zespołów, używających różnych rozwiązań.
TL;DR
Kurs skupia się na najnowszych mechanizmach języka JavaScript (ES6+, ES.Next).
W kolejnych sekcjach pojawiają się rozwiązania, przybliżające do ostatecznego celu - stworzenia portfolio programisty
Node, npm
ESLint, Webpack
Klasy, const, let
Destrukturyzacja, domyślne wartości
fetch, async, await
Web Components
CSS modules
Object.assign, spread, shorthand property
Babel, TypeScript, dekoratory
Generatory (yield)
Testy jednostkowe, konsola przeglądarki, Proxy
Nie ma tutaj nauki zbędnych lub przestarzałych frameworków i bibliotek.
