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

via Udemy

Go to Course: https://www.udemy.com/course/kurs-ecmascript-6/

Introduction

Certainly! Here's a comprehensive review and recommendation for the Coursera course on EcmaScript 6: --- **Course Review and Recommendation: Mastering EcmaScript 6 (ES6) on Coursera** If you're a JavaScript developer looking to stay ahead in the industry, this Coursera course on EcmaScript 6 (ES6) is an essential addition to your learning path. The course provides a thorough introduction to the latest features and syntax introduced in the ES2015 (ES6) version of JavaScript, which is now a fundamental part of modern web development. **What Does the Course Cover?** This course is very well-structured, starting with the basics of the new syntax for variables and constants using `let` and `const`, and exploring how these differ from the `var` keyword. It delves into key concepts such as object handling, arrow functions, and the operators rest and spread, which significantly streamline code writing and improve readability. One of the highlights is the in-depth explanation of destructuring, template strings, and the new class syntax—a syntactic sugar over traditional prototypal inheritance, making object-oriented programming more accessible in JavaScript. The course also introduces important ES6 features like symbols, iterators, generators, Promises for asynchronous programming, and the Proxy API for low-level application access. Another strong aspect is the focus on modular code creation with ES6 modules, showcasing various export and import techniques and how to work with modules in browsers. The course also covers subsequent updates from ES2016 and ES2017, including new string methods and async functions. **Practical Application** The course emphasizes practical skills by guiding students through modern workflow setups using npm and Webpack, essential tools for contemporary web development. A significant project involves building a library resembling jQuery, which incorporates numerous ES6 features like modules, DOM manipulation, and Ajax interactions. This hands-on approach ensures that learners can apply theories in real-world scenarios. **Who Is This Course For?** This course is ideal for developers who already have a working knowledge of JavaScript and want to upgrade their skills by mastering ES6 features. Whether you're aiming to work with frameworks like Angular or React—which heavily utilize ES6 syntax—this course will give you the foundation needed to understand and write modern JavaScript. **Why Recommend This Course?** - **Comprehensive Content:** The course covers all essential new features of ES6 and beyond, providing both theoretical knowledge and practical examples. - **Up-to-Date Material:** It includes updates from newer ECMAScript versions (2016 & 2017), keeping your knowledge current. - **Emphasis on Workflow:** Learning to work with tools like npm, Webpack, and Babel prepares you for real-world production environments. - **Hands-On Projects:** Building a library demonstrates how to implement features effectively and prepares you for advanced development tasks. - **Expert Guidance:** Clear explanations, practical tips, and insights make complex topics accessible. **Final Verdict** If you are serious about advancing your JavaScript skills and want to ensure your code remains modern, maintainable, and compatible with current standards, this Coursera course on EcmaScript 6 is highly recommended. It provides a well-rounded education that bridges fundamental syntax changes with practical workflow techniques, making you a more competent and versatile developer. --- Happy coding!

Overview

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 JavaScriptwspólnie omówimy kluczowe różnice w porównaniu z ES5dowiesz się jakie nowości są obecne w 427897zadbasz o nowoczesny workflow z npm i webpackpoznasz techniki transpilowania kodu z Babelrazem stworzymy praktyczny projekt biblioteki DOMpoznasz ciekawostki i praktyczne porady na temat każdej konstrukcji NOWE KONSTRUKCJE JĘZYKANa 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 constdokładnie omówimy ich różnice względem znanego nam do tej pory słowa varporuszymy temat obiektówzobaczysz jak nowy zapis pozwoli znaczenie ułatwić nam pracęjak sprawić, by kod był bardziej czytelnyW kolejnym rozdziale porozmawiamy między innymi o:zmianach w funkcjachpoznasz tzw. arrow functions wraz z poradami, kiedy z nich korzystaćpoznasz konsekwencje ich użyciapoznasz operatory rest i spread, które znacząco uproszczą pisanie kodu dla funkcji i tablicdowiesz 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ącychPRACA Z KLASAMIES6 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 Setwykorzystamy 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/2017Od 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 WEBPACKKiedy 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 DOMZwień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.

Skills

Reviews