前端技术学习路线及技术汇总

前端技术学习路线及技术汇总

博主温馨提示：由于涉及方面很多，初学者 不必因为多而害怕，滴水穿石，一口气吃不成胖子。一天看一个小方面，日久自见奇效，不怕不聪明，只怕没学习的习惯。对于已经有所学习的自然轻松很多，就不多说了

一.Web的概述

1.万维网的发展

2.浏览器与服务器

3.网页与网站

4.域名与主机

5.HTTP协议

6.W3C标准

需要了解的核心是：浏览器的运行原理，http协议，W3C标准

二.HTML(超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架)

1.文件的基础标记

2.字体与排版标记

3.图形与连接标记

4.列表与表格标记

5.表单元素标记

6.内联框架

7.媒体与绘图标记

8.缓存与数据存储

9.MathML

10.Web Workers

11.Web Socket

需要了解的核心是：表单元素，H5数据存储，Web Socket

三.CSS/CSS3(CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。)

1.文本与字体样式

2.背景与尺寸样式

3.布局与定位

4.盒子模型

5.边框与轮廓样式

需要了解的核心是：布局与定位，浮动，盒子模型

四.JavaScript

1.JS语法

2.JS流程控制

3.JS函数

4.JS内置对象

5.语法调试与处理

6.DOM操作及其应用

需要了解的核心是：JS的内置对象，DOM

五.UI设计基础

1.PS基本操作

2.PSD文件修改

3.网站设计与配色

第二阶段组件化网页开发
一.JQuery

1.JQuery基础入门

2.JQuery选择器

3.JQuery事件

4.JQuery特效

5.DOM捕获与遍历

6.JSON与AJAX基础

需要了解的核心是：JQuery事件，JQuery动画，遍历，CSS方法，AJAX

二.Layui

1.Layui基础入门

2.页面组件元素

3.弹出层

4.日期与时间选择器

5.文件上传

6.滑块特效

7.图片轮播

需要了解的核心是：常用组件元素，弹出层，图片轮播，常用特效

三.Vue.js

1.模板语法

2.流程控制

3.计算属性

4.监听属性

5.样式绑定

6.事件处理

7.数据双向绑定

四.Angular.JS

1.表达式
2.指令与模型
3.控制器
4.过滤器
5. DOM
6.事件
7.模块
8.表单

四.Node.JS

1. Node. js介绍与安装
   2.函数调用
   3.模块的声明、调用与继承
   4.路由
   5.文件系统及全局对象
2. GET/POST请求
   7.操作MySQL

第三阶段WebAPP开发与小程序

一.移动UI框架

1. MUI框架
2. HUI框架
3. WeUI框架

二.H5移动开发
4. HTML5音视频
2.高德地图
5. H5存储
6. Canvas绘图

三.H5+Runtime
1.手机设备控制
2.摄像头与麦克风
3.系统文件
4.手机传感器
5.下拉加载

四.微信小程序
8. IDE安装与项目部署
2.数据绑定
3.条件渲染与列表渲染
4.事件及数据传递
5.滚动视图
6.常用组件
7.音视频组件
8.微信登录接口
9.微信支付