前端开发算是一个比较好入手的开发方向。语言入门门槛较低,学习难度较低,但前端的碎片化、涉及知识点较为驳杂,若是没有一个好的学习习惯和一个指向性的学习指导,很容易让人产生放弃的感觉。这也同样适用于其他程序语言的学习。本文主要是结合我学习前端的经验以及总结他人的学习经验整理的一套前端学习方向指南,不喜勿阅。

前端这几年发展比较迅速,技术迭代比较迅速,但百变不离其宗,前端的最后产物离不开三方面的知识:
- HTML:超文本标记语言,用于描述页面元素
- CSS:层叠样式,用于渲染页面样式、效果
- JS:动态脚本语言,用于处理页面的动态交互
本篇主要通过上述三个方面来给出前端基础学习的方向。
HTML
HTML
超文本标记语言,主要是通过标记语言实现元素的结构构建,从而达页面绘制的目的,HTML
部分的学习需要我们了解一些常用元素的使用方式,学习目标是能满足基础的开发需求。
- HTML开发环境介绍
- HTML基础组成和语义化
- HTML常用元素介绍
- HTML常用meta介绍
- HTML表格
- HTML列表
- HTML Canvas
- HTML iframe
CSS
CSS层叠样式主要用于对HTML绘制页面的样式渲染,如果说HTML是前端的基础,是一栋房子的地基、框架结构,那么CSS就是这个房子的门面,是这个房子对外展示的标签,好似我们设计房子的外形、装饰材料等等。需要了解的是HTML、JS是前端对功能负责的部分,CSS则是前端对用户交互的负责部分,恰恰好的交互就是好的产品的第一步。
- CSS语法基础
- CSS选择器
- CSS 表格
- CSS 字体设置
- CSS 文本设置
- CSS 列表设置
- CSS 盒子模型
- CSS 边框设置
- CSS 外边距margin
- CSS 内边距padding
- CSS 阴影
- CSS 伪元素
- CSS 常用函数的使用
- CSS 动画
- CSS 媒体查询
- CSS布局样式
- CSS 单位
JS
JS
是前端实现动态交互的一大利器,是前端网页动起来的基础,我们可以通过JS
实现一系列复杂的交互动作,如果说CSS
是门面、HTML
是基石,那么JS就是灵魂,没有JS
的前端怎么会有灵魂呢?所以,对于JS
的学习至关重要,要多看、多敲、多感受。
- JS 语法基础
- JS 使用方式
- JS 语句
- JS 数组
- JS 函数
- JS BOM
- JS DOM
- JS 原型与原型链
- JS 闭包
- JS 作用域与作用域链
- JS 正则表达式
- JS 执行上下文
- JS 缓存
- JS this指向
- JS 严格模式
- JS 异步
- JS 之宏任务与微任务
- JS Hook
- JS 事件
- JS 定时器
- JS 动画