关键词：
这里整理了一份系统全面的web前端学习路线，需要学习以下内容，希望能帮助各位小伙伴少走弯路。
第一阶段：专业核心基础
阶段目标：
1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。
2. 熟练运用HTML+CSS特性完成页面布局。
4. 熟练应用CSS3技术，动画、弹性盒模型设计。
5. 熟练完成移动端页面的设计。
6. 熟练运用所学知识仿制任意Web网站。
7. 能综合运用所学知识完成网页设计实战。
知识点：
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。
第二阶段：Web后台技术
阶段目标:
1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。
2. 熟练掌握JavaScript的基本数据类型和变量的概念。
3. 熟练掌握JavaScript中的运算符使用。
4. 深入理解分之结构语句和循环语句。
5. 熟练使用数组来完成各种练习。
6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。
7.DOM和BOM实战练习和H5新特性和协议的学习。
知识点：
1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。
2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。
3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。
4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。
第三阶段：数据库和框架实战
阶段目标：
1. 综合运用Web前端技术进行页面布局与美化。
2. 综合运用Web前端开发框架进行Web系统开发。
3. 熟练掌握Mysql、Mongodb数据库的发开。
4. 熟练掌握vue.js、webpack、elementui等前端框技术。
5. 熟练运用Node.js开发后台应用程序。
6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。
知识点：
1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。
2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。
3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。
4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。
第四阶段：移动端和微信实战
阶段目标：
1.熟练掌握React.js框架，熟练使用React.js完成开发。
2.掌握移动端开发原理，理解原生开发和混合开发。
3.熟练使用react-native和Flutter框架完成移动端开发。
4.掌握微信小程序以及了解支付宝小程序的开发。
5.完成大型电商项目开发。
知识点：
1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。
2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。
第一阶段Html5+CSS3：主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less
第二阶段JS交互设计：主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto
第三阶段Node开发：主要学习JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2
第四阶段前端框架：主要学习Vue基础、Vue进阶、TypeScript、React
第五阶段小程序+数据可视化：主要学习小程序基础、云开发、uni-app基础、数据可视化
加群交流
群内答疑更及时
关注有礼
关注提问专人解答
线上学习
免费公开课等你来
在线题库
各类考试模拟练习
查
看
更
多
- 官方电话官方服务
- 官方网站
前端主要学什么？分享一份前端详细的学习路线图，包含了必学的技术知识点及需要掌握的要领，而且内容都是从浅入深，对于初学者来说是不错的学习线图，可以从基础开始掌握。
您好，前端的学习内容图推荐给你，希望你早日学有所成
hadoop大数据都学啥？和java大数据有啥区别？
参考技术Ajava大数据不是很了解,Hadoop大数据是用来实现大数据业务的工具,比较多人使用。本回答被提问者采纳 参考技术BHADOOP使用JAVA语言实现所使用JAVA实现主要JAVA社区比较火热关注比较并使用JAVA语言实现HADOOP更优势能使用C++... 查看详情
java处理xml有很多方法，都学太累哪一种方法比较通用、比较好
java处理xml有很多方法，都学太累哪一种方法比较通用、比较好参考技术ADOM4J比较常用先学会一种就好！ 参考技术B使用Jdao这个包。这是个处理XML的专门的工具包。 参考技术C。。。。。哪一种都是一种概念总共也就那么几种JDK自... 查看详情
刚开始学plc学习什么课程比较好？
...易懂好学，目前市面上的品牌非常多，不可能每一种品牌都学，三菱和西门子是最具有代表性的两种品牌，这两种都会了之后其他品牌可以自学。建议三菱西门子都学会，因为很多企业里面的PLC品牌并非单一品种，要适应企业的... 查看详情
关于一直纠结学啥语言好的事宜
自2003年出来工作以来，一直从事软件开发的工作，以前在学校的Bsical语言至Foxpro，然后至VB.再到后来的Delphi,见证过android的开始，想当初2008年的时候出来第一次接触python语言，在南京图书馆只能找到一本书，而且都是english的。... 查看详情
前端主要学啥
...单、瀑布流布局、滚动事件、滚差视图。程序猿的生活：前端只需要掌握这些，你也能拿8K！（（附简历模板102份）最完整面试题含答案）24赞同·2评论文章（4）JS高级特征：正则表达式、排序算法、递归算法、闭包、函数节流... 查看详情
web前端开发都需要学啥？
Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以... 查看详情
web前端需要学啥？
这里整理了一份web前端学习路线的思维导图，需要掌握和学习的内容如下：第一阶段：专业核心基础阶段目标：1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布局。4.熟练应用CSS3技术... 查看详情
python程序设计主要学啥
...词解析器等项目。第二阶段WEB全栈。这一部分主要学习Web前端相关技术，你需要掌握HTML、CSS、JavaScript、jQuery、BootStrap、Web开发基础、VUE、FlaskViews、Flask模板、数据库操作、Flask配置等知识。学习目标：掌握WEB前端技术内容，掌... 查看详情
web前端工程师入门需要学啥？
前端入门学习：一、Web网页基础学习路线：HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop二、Web编程基础学习路线：JavaScript基础，BOM和DOM模型，事件处理，jQuery，交互及动画，jQuery优质插件，文档... 查看详情
学linux到底学啥？
都说做一个Linux程序员很吃香，好就业。那学Linux到底要学什么？从哪里学起？给一个大致的五年之内的学习流程和计划或者说建议什么的可以吧？学习蓝图，懂？第一条：运维应用-->系统架构-->运维开发-->系统开发第二... 查看详情
网站前端开发都需要学啥呢？
web前端开发需要掌握的技术：1.学习html,这个是最简单的,也是最基础的.要熟练掌握div、formtable、ulli、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本table是用来和数据打... 查看详情
想学web前端需要学啥知识
我非常想学web前端开发，我知道需要学习html，div+css，还有javascript，还有一些ps的基础（切图）。但我零基础，需要怎么开头呢，找人带吗？找培训班吗？现在根本没人肯把自己的技术教给你，除非工作的时候没办法，培训班么... 查看详情
黑客需要学啥？
黑客需要学习的东西有很多，底层的有编程语言，操作系统原理，计算机硬件原理，编译原理，网络协议，cpu指令集，再往上一层，应用程序的编写，服务器的配置，各类软件的操作，等等。黑客有很多分支，有擅长编码写程序... 查看详情
java做一些小游戏需要学啥
我的毕设是做一个小游戏，类似于坦克大战啊雷电这种类型的，但是我只学过javaweb，不知道要用java做这种小游戏需要自学些什么呢？有没有推荐的网站或者视频可以看呢。Java做这些小游戏,可以使用下面几种Java自带的图形界面... 查看详情
前端大牛们都学过哪些？
...候看过的html+css,和一些js，JQuery之外，几乎没学什么关于前端的东西。偶尔了解过一些html5。想知道如果作为一个团队的前端负责人还需要学习哪些东西？发现bootstrap与.less有关，除了这个还有哪些是需要学习的？其实，一步一步... 查看详情
前端大牛们都学过哪些？
...候看过的html+css,和一些js，JQuery之外，几乎没学什么关于前端的东西。偶尔了解过一些html5。想知道如果作为一个团队的前端负责人还需要学习哪些东西？发现bootstrap与.less有关，除了这个还有哪些是需要学习的？ 其实，一步... 查看详情
求解，前端和后端交互需要学啥？比如说，后端发送数据，前端接收到数据后自动生成数据的折线图或表格。
...及到和后端交互的内容，和后端交互需要学什么?要学习前端和后端沟通的桥梁http协议，前端和后端是典型的B/S结构，客户端（前端）提交Request（请求），有服务器端（后端）提供响应（Response），Request有get，post，put等方法，Re... 查看详情
参加acm需要学啥？
想参加acm，大一刚上完一个学期学完c语言，需要学一些什么？其实acmer们都是自己训练的啊，这种东西只能自己学哈~先从基本的开始吧，把c/c++练熟了，java要掌握一些。然后就是算法上的东西了。算法的学习是比较痛苦的，书... 查看详情