Fajny JavaScript - zaawansowane techniki ES6+
- Autor: Mateusz Chrzonstowski
- Czas trwania kursu: 10.42h
- Data publikacji: 09/10/2019
- Średnia ocena użytkowników Udemy: 4.62
- Ilość osób, które kupiły ten kurs na Udemy: 723
Dla kogo skierowany jest ten kurs
Front-endowcy z podstawowymi umiejętnościami Front-endowcy, którzy nie znają najnowszych mechanizmów JS Back-endowcy, którzy chcą lepiej poznać JavaScript Ludzie piszący w JS tylko wtedy, gdy muszą, otwarci na poznanie ciekawych technik programowania
Co powinieneś umieć przed rozpoczęciem tego kursu
Podstawy JavaScripta Chęć rozwinięcia swoich umiejętności programowania w JS
Jakie tematy będą poruszane w tym kursie
Poznasz i zrozumiesz najnowsze mechanizmy JS (ES6+) Świadomie wykorzystasz narzędzia webpack oraz TypeScript Dowiesz się jak korzystać z Node oraz npm na potrzeby front-endu Rozwiniesz projekt "portfolio programisty" Zbudujesz stronę z Web Componentów
Opis kursu
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
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