EcmaScript 6 - poznaj najnowszą edycję języka JavaScript
Pisanie kodu ES6 to już branżowy standard - wykorzystaj w pełni potencjał tego języka i poznaj nowości
Description
EcmaScript 6 to najnowsza edycja języka JavaScript, a znajomość jego nowych konstrukcji to obowiązkowa pozycja dla każdego związanego z branżą - nie zostawaj z tyłu!
Podczas tego kursu poznasz najnowszą specyfikację EcmaScript 2015, która do języka JavaScript wprowadziła bardzo wiele nowości. To właśnie ona jest określana mianem ES6 lub EcmaScript 6.
Nowości, które zostały dodane do języka to z jednej strony nowy, ulepszony zapis, który pozwala realizować dokładnie te same zadania, które mogliśmy wykonać do tej pory, a z drugiej strony pewne nowe konstrukcje, których działania nie da się odwzorować w starszej wersji języka.
CO JEST ZAWARTE W KURSIE?
poznasz wszystkie nowe konstrukcje języka JavaScript
wspólnie omówimy kluczowe różnice w porównaniu z ES5
dowiesz się jakie nowości są obecne w 427897
zadbasz o nowoczesny workflow z npm i webpack
poznasz techniki transpilowania kodu z Babel
razem stworzymy praktyczny projekt biblioteki DOM
poznasz ciekawostki i praktyczne porady na temat każdej konstrukcji
NOWE KONSTRUKCJE JĘZYKA
Na początku dowiesz się jakie nowości pojawiły się w języku, jeśli chodzi o tworzenie zmiennych i stałych. Poznasz:
dwa nowe słowa - let i const
dokładnie omówimy ich różnice względem znanego nam do tej pory słowa var
poruszymy temat obiektów
zobaczysz jak nowy zapis pozwoli znaczenie ułatwić nam pracę
jak sprawić, by kod był bardziej czytelny
W kolejnym rozdziale porozmawiamy między innymi o:
zmianach w funkcjach
poznasz tzw. arrow functions wraz z poradami, kiedy z nich korzystać
poznasz konsekwencje ich użycia
poznasz operatory rest i spread, które znacząco uproszczą pisanie kodu dla funkcji i tablic
dowiesz się więcej o tzw. deconstructing, czyli nowej funcji języka, która pozwala w łatwy sposób wyciągnąć odpowiednie dane z tablic i obiektów (nawet jeżeli te posiadają kilkupoziomową, zagnieżdżoną strukturę)
poznasz nowy zapis ciągu znaków, tzw. template string......a także możliwość wykorzystania funkcji tagujących
PRACA Z KLASAMI
ES6 wprowadza do języka JavaScript zapis klas - i choć na początku wydaje się, że to duży krok w stronę klasycznych obiektowych języków programowania, to jak się przekonasz, jest to w dużej mierze tzw. syntactic sugar, a więc zupełnie nowy, prostszy zapis, a prawie identyczne jak wcześniej działanie, oparte na dziedziczeniu prototypowym.
Podczas kursu dowiesz się również:
jak pracować z symbolami
poznasz iteratory, które ułatwią Ci pracę z kolekcjami danych
poznasz generatory, które ułatwią... Tworzenie iteratorów ;)
dowiesz się jak natywne Promise rozwiązują problem asynchroniczności, który od dawna pojawia się w postaci różnych bibliotek
dowiesz się jak korzystać z Map i Set
wykorzystamy Proxy API, czyli mechanizm języka który pozwala na niskopoziomowy dostęp do różnych aplikacji
TWORZENIE MODUŁOWEGO KODU
Jedną z najlepszych nowości, która zawitała do języka JavaScript wraz z ES6 są moduły, pozwalające na dzielenie kodu na wiele plików, z których można pewne wartości wyeksportować, a następnie zaimportować je w innych modułach. Zobaczysz wiele sposobów na eksport i import, a także dowiesz się jak pracować z modułami w przeglądarkach internetowych.
Kurs skupia się na omówieniu wszystkich najważniejszych nowości w ES6, dzieląc je na rozdziały. Jeden z nich natomiast, poświęcony został omówieniu mniejszych zmian, które znalazły się w specyfikacji. Poznasz w nim np. nowe metody tablic czy ulepszoną współpracę z Unicode.
ES2016/2017
Od czasu EcmaScript 2015 każda kolejna wersja specyfikacji będzie pojawiać się co roku. Oznacza to przede wszystkim, że nie będziemy na raz bombardowani aż tak wieloma zmianami, jak w 2015 roku. W tym kursie nie zabrakło zatem omówienia nowości ze specyfikacji ES2016 oraz 2017, gdzie poznasz np. nowe metody dla stringów czy funkcje asynchroniczne.
NOWOCZESNY WORKFLOW Z NPM I WEBPACK
Kiedy będziesz już uzbrojony w solidną wiedzę z zakresu nowości w ES6, dowiesz się jak w praktyce pracuje się dzisiaj z tym standardem.
W jednym z rozdziałów omówimy nowoczesny workflow z użyciem npm i wykorzystamy popularne narzędzie webpack, do pracy z modułami, a także do transpilowania kodu ES6 do wersji ES5.
Dzięki temu nowoczesny kod, który napiszemy, będzie mógł być uruchamiany również w starszych przeglądarkach, które nie wspierają najnowszego standardu. Dowiesz się na co zwrócić uwagę, by wszystko działało bez zarzutu.
PRAKTYCZNY PROJEKT - BIBLIOTEKA DOM
Zwieńczeniem tego kursu będzie praktyczny projekt, w którym od podstaw wykonamy swoją własną bibliotekę do pracy z Obiektowym Modelem Dokumentu.
Będzie ona w działaniu nieco podobna do znanej chyba wszystkim biblioteki jQuery.
Na tym przykładzie postaramy się wykorzystać jak najwięcej wiedzy z zakresu ES6 zdobytej wcześniej.
Stworzymy metody do pracy z drzewem dokumentu, a więc do wyszukiwania elementów, do tworzenia nowych, do przypisywania im klas, atrybutów czy styli CSS.
Nie zabraknie również modułu odpowiedzialnego za współpracę z Ajax.
Cały kod utworzymy oczywiście w sposób modułowy, aby bibliotekę można było łatwo rozwijać w przyszłości.
Na koniec projekt ten przetranspilujemy do kodu ES5 z użyciem Babel i przetestujemy w starszej przeglądarce Internet Explorer 11, aby upewnić się, że nasza biblioteka działa poprawnie.
DLA KOGO JEST TEN KURS?
Kurs ten został stworzony z myślą o wszystkich, którzy znają już język JavaScript i czują się w pracy z nim swobodnie.
Jeżeli masz zamiar poznać framework Angular lub bibliotekę React - tam również wykorzystywany jest najnowszy zapis ES6. Z solidną wiedzą z zakresu EcmaScript 6, bez trudu pozostaniesz na bieżąco z każdą kolejną edycją tej specyfikacji.
What You Will Learn!
- poznasz wszystkie nowe konstrukcje języka JavaScript
- dowiesz się na czym polega nowoczesny workflow z npm i webpack
- stworzysz z nami praktyczny projekt biblioteki DOM
- poznasz praktyczne wskazówki na temat pracy z ES6
- omówimy kluczowe różnice w porównaniu z ES5
- zobaczysz, jakie nowości przyniosło ES2016/2017
- poznasz techniki transpilowania kodu z Babel
Who Should Attend!
- kurs jest dla każdej osoby, która chce być na bieżąco z branżowym standardem, jakim jest ES6