第一节课

第一节课 - 图1

第一节课 - 图2

  • 在语雀上记录

  • 将自己的代码推到GitHub上（养成习惯）

第一节课 - 图3

第一节课 - 图4

  • 三大件（HTML+CSS+JavaScript)

HTML(HyperText Markup Language)

  • 学习基础语法

  • 写语义性HTML

  • 基础的搜索引擎

  • 可访问

CSS（Cascading Style Sheet）

  • 学习基础

  • 写布局

    • floats浮动
    • positioning定位
    • display属性规定元素
    • box model 盒子模型
    • css grid 网格布局
    • flex box弹性盒子布局
  • 媒体查询
  • 学习css3

JavaScript

  • 语法和基础结构

  • 学习dom模型

  • 异步请求

  • 学es6+及模块化编程（modular模块化)

第一节课 - 图5

  • casecading style sheet 层叠样式表

第一节课 - 图6

开发者网站

第一节课 - 图7

第一节课 - 图8

  • 课后装yarn(=npm同为包管理器)

推荐的网站

  • devdocs.io

  • codepen.io