我的前端学习路线图

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/M_sdn/article/details/82878853

因为职业兴趣的变化,现在打算学习一些前端知识,然后再学习后端开发,将来的目标是向全栈方向发展.今天上午整理了一份学习路线图,如下.

准备篇

开发工具

HTML

CSS

JavaScript

  1. Sublime

  2. WebStorm

  3. VS Code

  1. 语法规范

  2. 网页链接和跳转

  3. 标签节点层级

  1. 基本语法

  2. 盒模型

  3. 布局模型

  1. 函数

  2. 数组

  3. 内置对象

基础篇

JavaScript基础

DOM + BOM

网页特效

jQuery

  1. 节点对象的操作

  2. 事件特性及使用

  3. 常见内置DOM

  4. 常见BOM

  1. 网页特效常用API

  2. 动画编程

  3. 框架封装

  4. 正则表达式

  1. 选择器

  2. 常用API

  3. 插件机制

  4. 原理分析

核心篇

H5 + CS3

服务端编程

AJAX

移动Web开发

  1. CS选择器和新属性

  2. CS过渡和动画

  3. CS伸缩布局

  1. Node.js

  2. XML和JSON

  1. 异步数据交互

  2. 模板引擎

  3. 跨域的实现方案

  1. 响应式布局

  2. Bootstrap框架

  3. 预编译CSS

进阶篇

JS中的面向对象

设计模式和思想

JS高级特性

封装框架

  1. 通过构建函数创建对象

  2. 原型对象和原型链

  3. 函数的本质及Function

  4. 闭包

  1. 选择器框架

  2. CSS操作封装

  3. 属性操作封装

  4. 其他DOM操作的封装

高级篇

前端工作流

流行框架

模块化开发

Node.js

  1. 自动化

  2. 源码控制

  3. 依赖管理

  4. 模板脚手架

  1. Angular

  2. Vue

  3. 路由

  4. 实战:豆瓣电影

  1. 常用的模块化开发工具

  2. AMD/CMD

  1. 常用内置模块

  2. 高级特性

  3. 常用框架

移动App开发

混合式开发

微信开发

React

ReactNative

  1. 混合式平台架构

  2. 混合式开发实践

  3. 京东App端实战

  1. 微信公众号

  2. 平台API对接

  3. X5兼容处理

  4. 内置接口

  1. 组件化思想

  2. JSX

  3. TODO MVC案例

  1. 常用组件与插件

  2. 综合案例:豆瓣音乐

猜你喜欢

转载自blog.csdn.net/M_sdn/article/details/82878853