下面专门为广大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新增元素，文档结构元素、文本格式化元素、页面增强元素、多媒体元素，表单控件新增属性

placeholder和required、
multiple、form、formaction、 
formmethod、formenctype、
formtarget、autocomplete、 
autofocus、pattern、novalidate、
maxlength和Wrap、 datalist、output.

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跨域。

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

编程工作第六个年头了，与大家分享一些学习方法，实战开发需要注意的细节。784783012 扣扣裙。从零基础开始怎么样学好前端。看看前辈们是如何在编程的世界里傲然前行！不停更新最新的教程和学习方法（web前端系统学习路线，详细的前端项目实战教学视频，PDF），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入。我们会一起结伴同行。点： 学习前端我们是认真的