先快速入门前端,后深入了解框架

138 阅读2分钟

前言

学习前端主要是需要先入门,做一个基础得项目,然后是根据自己的项目需求不断的针对性学习。
就和打游戏是一样的,先熟悉规则、升级、针对练习,最后可以频繁超神,拿下胜利。

标签-HTML和CSS基础

  1. 了解前端开发历史
  2. 熟练块级元素div的使用和行内元素span的使用
  3. 熟练使用文字样式、flex布局、基础样式
  4. 熟悉表格标签、列表标签、超连接标签、标题标签、图片标签
  5. 熟练做出由文字、图片、超连接的页面
  6. 熟悉盒子模型

语言-JS基础

  1. 熟悉基础数据类型、复杂数据数据类型
  2. 熟练使用数据类型方法
  3. 熟练使用JS操作HTTML页面标签及属性
  4. 熟练做出列表的增删改查功能
  5. 熟练写出轮播图

框架-React基础

  1. 熟悉React生命周期、Hooks钩子函数
  2. 了解React优化
  3. 熟练使用类组件和函数式组件
  4. 熟练的封装公共组件
  5. 能够独立完成项目

管理-Git基础

  1. 能够安装Git环境
  2. 熟悉基础命令(例:克隆、拉取、添加、合并)
  3. 熟练使用一种可视化Git工具(例:Soyrcetree)
  4. 有自己的Git仓库(例:Gitee、GitHub)

打包-Webpack基础

  1. 熟悉Webpack文档
  2. 熟悉Webpack基础配置配置
  3. 熟悉Webpack基础优化

命令-Node基础

  1. 熟练使用启动项目命令(例:下载依赖、启动项目)
  2. 熟悉切换镜像命令
  3. 会安装yarn

平台-浏览器基础

  1. 会安装谷歌浏览器、火狐浏览器、苹果浏览器 ...
  2. 熟悉控制台方法(例:打印数据、内置方法、函数)
  3. 熟悉请求流程、Network
  4. 熟悉本地数据的方法和清除本地数据