|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/kurs-ecmascript-6/
课程评论：没有评论
本课程是一门关于 ECMAScript 2015 (ES6) 的 JavaScript 课程。ES6 是 JavaScript 的最新版本，引入了许多新特性和改进，是前端开发人员必备的技能。 **课程内容包括：** * **ES6 新特性详解：** * 变量和常量：`let` 和 `const` 的使用及与 `var` 的区别。 * 对象：ES6 如何简化对象操作，提高代码可读性。 * 函数：箭头函数、rest 和 spread 操作符、解构赋值、模板字符串以及标签化模板。 * 类：ES6 中的类语法（虽然是语法糖，但提供了更简洁的面向对象编程方式）。 * Symbols、Iterators 和 Generators：用于数据集合操作以及创建迭代器。 * Promises：解决 JavaScript 异步编程的问题。 * Map 和 Set：新的数据结构。 * Proxy API：实现底层访问和控制。 * **模块化开发：** ES6 的模块系统，实现代码的分割、导出和导入。 * **ES2016/2017 新特性：** 涵盖了 ES2016 和 ES2017 中的重要更新，包括字符串新方法和异步函数。 * **现代开发工作流：** * 使用 npm 进行包管理。 * 使用 Webpack 进行模块打包和代码转换。 * 使用 Babel 将 ES6+ 代码转译为 ES5，以兼容旧浏览器。 * **实践项目：** * 从零开始构建一个类似 jQuery 的 DOM 操作库。 * 在项目中应用 ES6 的各种知识点。 * 使用 Babel 将项目代码转译为 ES5，并在 Internet Explorer 11 中进行测试。 **课程目标：** * 掌握 ES6 的所有核心新特性。 * 了解 ES6 相对于 ES5 的主要差异。 * 学习如何运用 ES6 编写更现代化、更易读、更高效的 JavaScript 代码。 * 掌握使用 npm、Webpack 和 Babel 搭建现代 JavaScript 开发环境。 * 通过实践项目巩固 ES6 知识，并学会将其应用于实际开发中。 **适合人群：** * 已掌握 JavaScript 基础，并希望提升技能的开发者。 * 计划学习 Angular 或 React 等现代前端框架的开发者。 * 希望跟上 JavaScript 最新发展趋势的开发者。
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.
