下面小编专门为广大web前台开发职业者汇总了学习路线初级完整版，其实web前台开发工程师可算是高福利，高薪水的职业了，所以现在学习web前台开发的技术人员也是越来越多了，但是在学习web前台开发中去学习是应该要有一个完整的学习路线。

web页面制作基础

web简介，HTML语法基础，HTML基本结构，单双标签，标签属性，标签嵌套规则，注解，HTML文本图像元素，标题，段落，图像，HTML超链接元素，HTML列表元素，HTML表单表格元素，表单属性，表格结构。

css基础，基础语法和选择器，css引用方式，css属性，css背景色，背景图，字体，文字，列表，表格，内容，css盒子模型，盒子模型简介，块级元素和行内元素，盒子模型属性，css布局，布局基本概念思想，float属性使用，clear属性，overflow属性，定位（相对，绝对，固定），css兼容性解决。

HTML5和CSS3开发基础与应用

HTML5简介，HTML5新添加元素，文档结构元素、文本格式化元素、页面加强元素、多媒体元素，表单控件新添加属性

CSS3新添加选择器，兄弟选择器、属性选择器、伪类选择器、伪元素选择器，CSS3新添加属性，颜色、字体、盒阴影、背景、圆角、动画、渐变、过渡、多列、弹性盒模型、2D、3D的功能

JavaScript程序设计

JavaScript语法基础，变量、关键字、数据类型、运算符，分支、循环语句，If、switch、for、for in、while、 do-while，数组、字符串，数组方法、字符串方法，正则表达式，对象，属性、方法、遍历、JSON，自己设置函数、内置函数、闭包、传址调用、传值调用，window、document、location、navigation、screen、 history，DOM操作：节点的创立、获取和删除、DOM属性操作，JavaScript事件解决，窗口事件、鼠标事件、键盘事件、事件冒泡与捕获，JavaScript面向对象使用

轻量级框架开发应用

JQuery框架概述，id选择器 、类别选择器、标记选择器、属性选择器、位置选择 器、后代选择器、子代选择器，认识选择器对象、选择器对象 遍历应用及页面初始化，JQuery中的DOM操作，插入、删除、复制、克隆、替换HTML元素，JQuery事件，常用事件方法：鼠标、键盘、事件冒泡、事件解除，JQuery动画：隐藏和显示、淡入淡出、滑动、animate动画，ajax工作原理，ajax原生写法，jQuery中ajax语法，json对象，ajax跨域。

❤️ 不要不记得留下你学习的脚印 [点赞  收藏  评论]

我目前是在职前台开发，假如你现在也想学习前台开发技术，在入门学习前台的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前台学习交流裙：前面：603 中间：985 最后：993。里面聚集了少量正在自学前台的初学者裙文件里面也有我做前台技术这段时间整理的少量前台学习手册，前台面试题，前台开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。