个人大前端学习路线
- 第一阶段
- 前端基础(样式+布局+DIV+Js+Ts+Jq+ES6~+)
- HTML基础阶段
- CSS基础阶段
- DIV布局
- 表单验证
- 音频视频的基本操作
- Canvas画布
- 移动端与响应式布局
- 移动端
- 响应式布局
- bootStrap
- JS(javaScript)
- ES6\7\8\9
- TS(typeScript)
- web存储
- Jquery
- 第二阶段(框架)
- VUE(2*、3*)
- React
- 微信小程序开发
- Uniapp
- angular
- Electron
- 第三阶段(必备知识)
- Webpack
- NodeJS
- 数据库
- GIT和GIThub
- 需涉猎的内容(插件)
- 增加性能的插件
- 优化组件的插件
- photoShop的使用
第一阶段
前端基础(样式+布局+DIV+Js+Ts+Jq+ES6~+)
HTML基础阶段
- 基本的标签和属性
- HTML5新标签和属性
CSS基础阶段
- 样式的编写、设计
- 选择器
- 盒子模型
- BFC
- 定位、 浮动
- CSS3新特性
Ⅰ. 过渡、动画
Ⅱ. 2D、3D转发
Ⅲ、边角、圆角
Ⅳ、背景、渐变 - Less、Scss
DIV布局
- 盒子模型
- 弹性布局
- Flex布局
- 双飞翼布局
表单验证
音频视频的基本操作
- video
- audio
Canvas画布
移动端与响应式布局
移动端
- 移动端概念
- ViewPort视口
- 移动端配置方案
- 移动端尺寸单位
响应式布局
- 媒体查询(@media)
- 百分比布局
- vw/vh
- rem
- flex弹性布局
bootStrap
- bootStrop的栅格布局和使用
JS(javaScript)
- 字符串
- 数组
- 流程控制语句
- 内置对象
- 函数、事件
- 变量、作用域
- DOM、BOM
- 面向对象的知识
- 正则表达式
- AJax、axios
- 闭包、设计模式、错误处理
ES6\7\8\9
- 变量、常量
- 箭头函数
- 模板字符串
- 解构赋值
Ⅰ. 数组
Ⅱ. 对象结构
Ⅲ. 赋值结构 - 扩展
Ⅰ. 对象
Ⅱ. 数组
Ⅲ. 函数扩展 - promise异步编程
- Class类
- 接口的制作和调用
TS(typeScript)
web存储
- cookie
- localstorage
- sessionststorage
Jquery
- jQuery的基础语法
- jQuery的方法
- jQuery的Ajax和cookie
第二阶段(框架)
VUE(2*、3*)
- Vue组件
- 生命周期
- 数据绑定
- 事件处理器
- 脚手架、单个组件
- vue-router路由
- vuex状态管理
- nuxt服务端渲染
- UI组件的学习ElementUI、antdesign等
React
- 环境的搭建
- 虚拟DOM的了解
- JSX语法
- 事件绑定
- 生命周期
- 组件编写
- Redux
- HOOKS
- UI组件的使用Ant Design等
微信小程序开发
- 环境的搭建
- API的使用
- 数据绑定
- 组件和生命周期
- 路由和事件
- wepay开发框架
- wpVue开发框架
Uniapp
- 初始化配置
- 生命周期、视图模板
- 路由、组件等
angular
Electron
第三阶段(必备知识)
Webpack
- 入口和出口
- 服务器和热更新
- 资源打包(css、HTML、图片、字体等)
NodeJS
- 基本服务器搭建
- npm包使用
数据库
- mysql的增删改查
- mongodb的增删改查
- Oracle的增删改查
GIT和GIThub
- Git的安装和创建本地仓库
- 代码推送、更新、管理、回退、删除、撤销等
- 分支的管理
- Github的使用
需涉猎的内容(插件)
增加性能的插件
优化组件的插件
photoShop的使用
- 基本的切图操作
- 设计图
每天学习打卡做笔记
更多推荐
个人大前端学习路线,每日打卡学习
发布评论