EcmaScript 6 - poznaj najnowszą edycję języka JavaScript

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.

TAKE THIS COURSE