【前端专场 学习资料二】字节跳动青训营

5,447 阅读3分钟

字节跳动青训营讲师非常用心给大家整理了课前、中、后的学习内容,同学们自我评估,选择性查漏补缺,便于大家更好的跟上讲师们的节奏,祝大家学习愉快,多多提问交流~

第四节:TypeScript 入门

概述

本节课程主要分为四个方面:

  1. Typescript 见解
  2. Typescript 基础语法,包括类型、泛型、类型别名、类型字面量等
  3. Typescript 高级类型讲解及实例
  4. Typescript 工程应用介绍

课前

学习 javascript 基础语法

【可选】安装 typescript 开发工具

课后

第五节:HTTP 使用指南

概述

本节课程主要分为以下五个方面:

  1. HTTP协议简介
  2. HTTP协议的基本结构与发展历程
  3. 常见场景中的HTTP协议应用
  4. 在不同的环境中发起HTTP请求
  5. 知识扩展,了解更多网络通信协议

课前部分请同学们准备好相关环境,如果有学习过计算机网络等相关课程的同学可以快速回顾下相关知识;课中部分我们会对HTTP协议的关键知识点做一下讲解,并结合实际场景,帮助同学们巩固学习;课后部分是一些相关学习资料,帮助同学们进一步完善知识体系。

课前 (必须)

安装 Chrome浏览器

如果有其他浏览器也可以,但建议使用Chrome

  1. 打开 Google Chrome 网络浏览器,按照提示下载安装即可

【可选】复习计算机网络相关知识

重点放在网络模型和HTTP协议相关知识点

课后

HTTP学习资料推荐

学习建议:

  • 相对来讲HTTP协议的常用知识不复杂,“基础篇”材料中,MDN 可以作为工具查询,“图解 HTTP” 与 “HTTP 权威指南” 选择一个阅读,作为体系化学习资料

  • 进阶篇中提供的是标准协议描述,感兴趣的同学阅读即可,也可作为工具使用

  • 基础篇

  • 进阶篇

    • Hypertext Transfer Protocol version 2 - RFC9113
    • HPACK - Header Compression for HTTP/2 - RFC7541

第六节:响应式系统与 React

概述

本节课程主要分为四个方面:

  1. React 的历史与应用 - 介绍 React 的发展历史以及应用场景。
  2. React 的设计思路 - 介绍 React 的设计思想,为什么 React 要设计成这样。
  3. React hooks 的写法 - 介绍基础的 React hooks 写法,以及常用的 hooks。

该课程需要这些前置知识:

  1. HTML,JS,CSS 基础。
  2. 基础的数据结构/算法知识,如二叉树,深度遍历等。
  3. 会使用浏览器提供的 DOM API 来修改 DOM,更新 UI。

课前 (必须)

体验 React

访问 reactjs.org/docs/gettin… 体验 React 框架。

课后

学习了解 next.js 框架 nextjs.org/