【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(课前准备)
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(一、函数式编程范式)
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(二、JavaScript 异步编程)
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(三、手写Promise源码)
【Part1作业】https://gitee.com/zgp-qz/part01-task
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(一、ECMAScript 新特性)
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(二、TypeScript 语言)
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(三、JavaScript 性能优化1)
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(四、JavaScript 性能优化2)
【Part2作业】https://gitee.com/zgp-qz/part02-homework
课前准备
-
- 准备工作
-
- 环境准备
- 知识储备
- 补充学习链接
准备工作
环境准备
相信你应该非常清楚,前端开发并不需要太多复杂的环境配置,对我们而言,有个编辑器,加上 Git 工具,再有个 Node.js 环境基本足以。
具体来说,你需要准备以下这些环境:
- 开发工具
- 推荐你使用 VSCode 或者 Sublime Text
- Git 工具
- macOS 自带 git 命令;
- Windows 环境下安装 Git;
- 如果需要 GUI 工具,推荐 Sourcetree;
- 浏览器
- 推荐你使用 Chrome 或者基于 Chromium 的 Edge
- Node.js 环境
- 推荐安装最新 LTS 版本,截至目前,最新的 LTS 版本是 v12.16.3
知识储备
不同的人所擅长的技术、对技术的理解程度都不尽相同,而我们的训练营并不是面向零基础人群。
所以为了确保你的学习效果,这里简单明确一下本次训练营所需要的知识储备。
你也可以把下面列出的内容当作是一个 Checklist,以此对自己目前的知识体系做一个检查。
- HTML + CSS
- 熟练掌握静态页面的开发
- 熟练掌握各类布局方式的实现,熟练掌握 Flex 相关属性
- 了解移动端适配相关知识(viewport、vw/vh、rem)
- JavaScript
- 熟练掌握 JavaScript 基本语法
- 熟练使用 Web APIs(BOM、DOM)
- 基本掌握 JavaScript 部分高级特性(原型、this、作用域、闭包)
- AJAX
- 熟练掌握 AJAX 数据交互和相关协议(HTTP 协议)
- Node.js
- Node.js 是一个 JavaScript 的运行平台(切勿认为它是一个语言或者框架 ?)
- Node.js 除了主要用于开发服务端应用以外,它还是前端生态的基础,绝大多数工具都是基于 Node.js 的
- 了解 CommonJS 模块化标准,理解 require 和 exports
- 熟练掌握 npm 的使用 / 熟练掌握 yarn 的使用
- 了解 Node.js 中的一些基本的 API(path、fs 之类)
- Vue.js(与 React 二选一)
- 数据驱动型前端应用开发框架
- 熟练掌握 Vue.js 的基本使用
- 插值表达式
- 常用指令
- 计算属性
- 侦听器
- 事件处理
- 组件
- 自定义事件
- 生命周期
- 对 Vue.js 周边生态中的常用部分有了解
- vue-cli
- vue-devtools
- vue-router
- React(与 Vue.js 二选一)
- 基本掌握 React 的基本使用
- JSX 语法
- 元素渲染
- 组件 & Props
- State & 生命周期
- 组件
- 事件处理
- 条件渲染
- 列表渲染
- 对 React 周边生态中的常用部分有了解
- create-react-app
- react-router
- 基本掌握 React 的基本使用
如果在此之前你对这里面的部分内容不太熟悉,没有太大关系,你可以通过下面给出的参考链接自行提前补充,虽然咱们训练营相关课程中也有少量的回顾,但是还是希望你提前了解,因为这对你的学习效果有明显帮助。
P.S. 如果你对以上提出的绝大部分内容都不熟悉,甚至不了解,请提前跟我们联系,我们会根据你的情况,作出相应的反馈。因为我们是需要对你负责的。
补充学习链接
- HTML
- CSS
- JavaScript
- 基本语法
- Web APIs
- BOM
- DOM
- 高级特性
- 作用域
- 闭包
- 原型
- this
- AJAX
- 推荐我之前写的教程
- https://github.com/zce/ajax-tutorial
- https://github.com/zce/web-essential-docs
- 推荐我之前写的教程
- Node.js
- CommonJS
- Node APIs
- Vue.js
- React
- Git
- Git Guide
- Learning Git Branch
- Git 教程
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(课前准备)
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(一、函数式编程范式)
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(二、JavaScript 异步编程)
【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(三、手写Promise源码)
【Part1作业】https://gitee.com/zgp-qz/part01-task
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(一、ECMAScript 新特性)
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(二、TypeScript 语言)
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(三、JavaScript 性能优化1)
【学习笔记】Part1·JavaScript·深度剖析-ES 新特性与 TypeScript、JS 性能优化(四、JavaScript 性能优化2)
【Part2作业】https://gitee.com/zgp-qz/part02-homework