教程演示🔗
你将会学到的
-
如何在 2023 年通过从头构建现实项目并查看它们如何组合在一起来编写 JS 代码
-
2023 年最佳实践
-
避免数百个初学者错误,让必须与您的代码交互的人轻松自如
-
深入掌握JS/编程基础:var/let/const、函数、对象&数组等。
-
每个 JS 开发人员都应该知道的关键最佳实践(例如如何使用 async/await)
-
了解如何使用 fetch() 正确地与 API 通信
-
学习 JS 的重要补充:箭头函数、解构、展开运算符等。
-
之后轻松掌握 React/Angular/Vue 或 NodeJS,因为您掌握了这些框架中经常使用的概念
-
在没有框架的情况下构建现代 Web 应用程序,看看人们为什么使用 React
-
使用 webpack 和 Babel 为 JS 实现一个简单的构建过程
要求
-
HTML 和 CSS 基础知识
-
无需编程经验
说明
— UDEMY 的新功能(刚刚将我的课程转到 Udemy)–
这是掌握现代 JavaScript (ES6+) 的第一大资源!
通过从头开始构建漂亮的真实世界项目( 2 个小型初学者项目、1 个大型中级项目和 1 个大型高级项目),将您的 JavaScript 提升到高级专业水平。其他课程首先从过时的概念开始(如 ES5 及以下)——我们将从一开始就使用现代概念(ES6+,如 const/let 和箭头函数——当然有适当的解释)。
课程项目
顶级的真实世界项目。经过专业设计,可帮助您使用最新的最佳实践编写现代网站和 Web 应用程序。
- 2个小型初学者项目:
- Fancy Counter: 构建一个有用的计数器应用程序
- Word Analytics:构建一个精巧的单词分析应用程序
- 1 大中间项目:
- CorpComment:构建一个时尚的公共反馈工具
- 1 大进阶项目:
- rmtDev:为远程开发人员工作构建时尚的工作板
你会学到什么
1) 如何在 2023 年通过从头构建现实项目并查看它们如何组合在一起来编写 JS 代码
2) 避免数以百计的初学者错误,让那些必须与你的代码交互的人轻松自如
3) 深入掌握JS/编程基础:var/let/const, functions, objects & arrays等。
4)每个 JS 开发人员都应该知道的关键最佳实践(例如如何使用 async/await)
5)了解如何使用 fetch()正确地与 API 通信
6) 学习 JS 的重要补充:箭头函数、解构、展开运算符等。
7) 之后轻松掌握 React/Angular/Vue 或 Node.js,因为您掌握了这些框架中常用的概念
8) 在没有框架的情况下构建现代网络应用程序,看看人们为什么使用 React
9)使用 webpack 和 Babel 为 JS实现一个简单的构建过程
10) 奖励:通过学习本课程,您自然也会改进设计/HTML/CSS
具体来说,这些是您将不分先后顺序学习的概念
- 什么是 JavaScript 以及我们可以用它做什么
- 如何在 HTML 文件中包含 JS (‘defer’)
- 变量/让/常量
- 什么时候用 let 而不是 const
- 深入掌握数据类型和结构(数组、对象等)
- 深入掌握功能(传统与箭头功能)
- 模板字面量 (“)
- 三元运算符 (? :)
- 如何操作 HTML(也称为 DOM 操作)——querySelector()、从输入字段获取用户输入、禁用按钮等。
- 如何操作 CSS
- 处理事件(例如点击和输入事件)
- 事件委托(事件冒泡)
- 处理表单(用户提交数据——很常见)
- 从 JavaScript 的角度来看,现代网站和网络应用程序通常是如何工作的
- if-else 语句
- 设置超时()
- && 操作员
- 数组方法(例如.forEach()、.map()、.slice()、.join())
- 字符串方法(例如 .includes()、.trim())
- DRY 概念(不要重复自己)
- 如何将重复代码提取到自己的辅助函数中
- 如何与服务器正确通信
- 获取() API
- GET 请求
- POST 请求
- 阿贾克斯
- 如何使用 JSON
- 同步与异步代码
- 承诺(.then 和 .catch)
- 错误处理(抛出新错误)
- 2xx、4xx 和 5xx HTTP 状态代码
- 异步/等待
- 试着抓
- 什么是“状态”和“渲染”
- 总体结构/架构
- 文件夹结构
- 最常见的循环(forEach)
- 递增或递减 1(++ 和 –)
- 一元加运算符 (+)
- 模块化(IIFE vs 将您的 JS 代码分成多个文件)
- 如何应对XSS
- JS中的评论
- 常用表达
- URL 结构(方案/协议、域、查询字符串参数)
- 解构
- 未定义和空
- 真实值和虚假值
- 可选链接 (?.)
- 导入/导出(ES 模块)与 require/module.exports(CommonJS)
- 命名导出与默认导出
- 函数参数的默认值
- 什么是重构
- 辅助/实用功能
- 实现常见功能,如排序和分页
- 路由(例如如何操作 URL)
- 窗口对象
- DOM 内容已加载
- 本地存储
- 构建过程(webpack、Babel、PostCSS)
- JS 中的格式(分号、制表符与空格)
- for循环
- 和更多!(这里不能包含所有内容)
避免在未来几年与 JavaScript 作斗争。希望在课程中见到你!
此课程面向哪些人:
- 您想掌握现代 JavaScript,因为您认识到它是 Web 开发人员最重要的基本技能
- 你想掌握现代 JavaScript,因为你认识到它是所有其他流行技术(React、NodeJS 等)的基础