|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/javascript-es6-es7/
课程评论：没有评论
本课程“现代 JavaScript 和 ES6、ES7 开发”专注于使用 JavaScript 创建现代 Web 应用程序。 **课程亮点：** * **ES6/ES7 特性：** 深入学习 `let` 和 `const` 变量声明、块级作用域、箭头函数、默认参数、REST 参数、扩展运算符、`for...of` 循环、模板字符串和解构赋值等强大的新功能。 * **ES6 类：** 学习如何使用类来实现面向对象编程，包括继承、从内置 JavaScript 对象创建类，以及使用 `get` 和 `set` 控制属性访问。 * **ES6 模块：** 掌握 `import` 和 `export` 语法，实现代码模块化，这对于大型项目至关重要。 * **现代开发工具：** * **终端：** 学习使用终端执行命令。 * **NPM：** 掌握使用 NPM 安装 JavaScript 包并管理 `package.json` 文件。 * **Webpack：** 了解如何使用 Webpack 打包文件、创建本地开发服务器并实现代码热重载。 * **项目结构：** 学习组织项目文件，区分源代码和生产环境文件。 * **Babel：** 学习使用 Babel 转译器和 Polyfills 来确保代码在所有现代浏览器中的兼容性。 * **实战项目：** 通过重构经典的“贪吃蛇”游戏项目，将所学知识付诸实践。 本课程旨在帮助开发者拥抱现代 JavaScript 的强大功能，并掌握构建高性能、可维护 Web 应用程序所需的工具和技术。
Dans ce cours on va parler de Développement Moderne en Javascript. Pourquoi Développement Moderne ? Pour 2 raisons: La première c'est au niveau du code! Nouveautés ES6 - ES7 Des nouveautés, il y en a pas mal, on peut dire qu'ES6 nous a particulièrement gâté. Les variables, qu'on peut maintenant déclarer avec let et const, qui nous permettent d'utiliser les scopes de bloc. Les fonctions flêchées, on va voir que nos fonctions peuvent aussi utiliser les paramètres par défaut ou les paramètres REST. Il y aussi le nouvel opérateur SPREAD, la boucle for of, les Templates Strings et même ce qu'on appelle le Destructuring. Bref! On en a des nouvelles choses à apprendre. Classes ES6 Alors il y a certaines nouveautés plus impactantes que d'autres et qui méritent qu'on s'y attarde plus. Par exemple les Classes ES6: on verra comment une classe peut hériter d'une autre classe, on pourra même créer des classes qui héritent directement des éléments intégrés à Javascript. On verra ce qu'est une méthode statique et comment contrôler l'accès au propriétés de nos objets avec get et set. Modules ES6 Une autre nouveauté majeure d'ES6, ce sont les Modules. Avec les import et les export, on va pouvoir utiliser des éléments déclarés dans d'autres fichiers: c'est le principe du module et c'est obligatoire si vous travaillez sur des gros projets. Terminal La deuxième raison pour laquelle j'ai appelé ce cours Développement Moderne , c'est qu'on va découvrir les outils modernes du développeur! On va apprendre à maitriser le terminal pour exécuter des commandes. Npm Avec Npm, vous allez installer des packets Javascipt en quelques secondes et tout sera configuré automatiquement dans un fichier package.json Webpack On va découvrir un autre outil fantastique: Webpack! Il va empaqueter tous nos fichiers en un seul! Mais ce n'est pas tout! On va l'utiliser pour créer un serveur local qui détecte les modifications de notre code et les charge directement dans le navigateur. Plus pratique pour coder! C'est aussi important d'être bien organisé! On va apprendre à structurer notre projet: un dossier pour les fichiers source et un pour ceux de production. Babel Et le dernier outil dont on va parler c'est Babel! Car ES6, ES7 c'est bien mais si les navigateurs d'aujourd'hui ne le supportent pas encore à 100%, on a rien gagné. Donc je vais vous montrer comment utiliser le transpiler Babel ainsi que les polyfills pour rendre votre code compatible avec tous les navigateurs d'aujourd'hui. Projet du Snake Alors je ne l'ai pas precisé mais toutes ces choses qu'on va apprendre, on va aussi les mettre en pratique directement dans un vrai projet! On va donner un petit lifting à notre projet fil rouge: le jeu du Serpent! Le Snake. Bon vous l'avez compris, on a pas mal de boulot! Allez c'est parti!
