【前端自学之路】学习路径

自学前端需要一个由浅入深的过程,先从简单的概念入手,再慢慢向深层概念。

下面我从学习班的初学者的学习过程来总结下自学的学习路径

【HTML】学习基础的HTML

这个过程主要学习有哪些常见的HTML标签、这些标签代表的意思
做点小练习

【CSS】CSS样式

主要学习CSS有哪些常用的样式属性,这些属性各自代表什么意思
做点小练习

【CSS】CSS position属性

重点学习下 position四种属性值、用法和区别,为CSS布局铺垫基础
做点小练习

【CSS】CSS 的行内元素、行内块元素、块元素

重点学习下 这几种类型区别,为CSS布局铺垫基础
做点小练习

【CSS】CSS 的盒子模型

主要学习下盒子模型的概念,为CSS布局铺垫基础
做点小练习

【CSS】CSS 选择器

重点学习 选择器类型、用法、优先级
做点小练习

【CSS】CSS 布局

重点学习 常见的布局方式、原理,达到以一反三的节奏
做点小练习

到此,可以实现一个完整的网页前端布局,可以自主模拟欢迎各大网站

【JS】JS 的基础数据类型

学习 JS 的几种基础数据类型,这是基础,语言的核心基础
做点小练习

【JS】JS 的运算符

学习 JS的运算符类型、优先级关系,语言的核心基础
做点小练习

【JS】JS 的逻辑控制结构

学习 JS的条件、循环等控制结构,语言的核心基础
做点小练习

【JS】JS 数组

学习 JS中数组的常用方法、每个方法的影响
做点小练习

【JS】JS 字符串

学习 JS中字符串的常用方法,每个方法的影响
做点小练习

【JS】JS 函数

学习 JS中函数的概念,包括声明、参数、返回值、调用等
做点小练习

【JS】JS 对象

学习 JS基于对象的概念
做点小练习

【JS】DOM

学习 DOM的基础核心概念,了解DOM的特点及API
做点小练习

【JS】jQuery

在学习DOM基础之后,可以开始基础jQuery,初学者主要学习jQuery有哪些API和用法
做点小练习

【JS】JS 作用域和作用域链

学习并理解JS的作用域链,JS核心基础
做点小练习

【JS】JS 声明提前

理解JS 声明提前的概念,
做点小练习

【JS】JS 预解析原理

理解JS 的核心解析原理
做点小练习

【JS】JS 闭包

理解JS 的负责概念之一,闭包
做点小练习

【JS】JS 原型和原型链

学习JS原型链、继承相关
做点小练习

【JS】JS AJAX

学习原生AJAX原理、方法
做点小练习

【JS】JS 跨域

学习跨域的原理和解决跨域的常见方法
做点小练习

【JS】JS HTTP

学习HTTP的一些基础概念,协议头、状态码等
做点小练习

【JS】JS JSON

学习JSON的一些基础概念
做点小练习

【React】初步了解React

初步了解React的发展、现状
开始React项目

【React】工程化

学习工程化、自动化思想
React项目

【React】React框架

学习React框架语法等
React项目

【React】视频网站webapp开发

【React】新闻聚合阅读webapp开发

【React】互联网招聘网站webapp开发

坚持原创技术分享,谢谢鼓励我继续创作!