当前位置: 代码迷 >> 综合 >> 【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(课前准备)
  详细解决方案

【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise(课前准备)

热度:29   发布时间:2023-12-24 18:12:41.0

【学习笔记】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

如果在此之前你对这里面的部分内容不太熟悉,没有太大关系,你可以通过下面给出的参考链接自行提前补充,虽然咱们训练营相关课程中也有少量的回顾,但是还是希望你提前了解,因为这对你的学习效果有明显帮助。

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

  相关解决方案