本文目录
- 初学web开发需要掌握哪些知识
- web前端视频教程：什么是前端
- web前端需要学什么容易学吗
- 做web前端开发有哪些推荐的书籍或者课程
- 怎样自学web前端开发
- 如何学Web前端
- web前端学习教程流程有什么
初学web开发需要掌握哪些知识
HTML（超文本标记语言）是网页的核心，学好HTML是成为Web开发人员的基本条件。HTML很容易学习的，但也很容易误用，要学精还得费点功夫。 随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。 涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。 利用HTML和CSS模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。 第二步：学习javascript,了解DOM JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法，学会用javascript操作网页中dom元素。 接着学习使用一些javascript库，比如jquery是大部分WEB开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。 第三步：了解Web服务器 你不必在这上面花太多精力，但对IIS、Apache基本配置要掌握，这方面的知识学起来也相对容易，不会花多长时间。 学习一点Unix和Linux的基本知识，因为大部分Web服务器都运行在Unix和Linux平台上。 第四步: 学好一门服务器端脚本语言 服务器端脚本编程（后台开发）也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。 目前流行的服务器脚本语言有：php、asp.net、jsp、ruby、python、等。 第五步：学习数据库及SQL语法 要构建动态页面通常会使用到数据库，常用的数据库有SQLServer、Oracle、MySQL 等，它们都会遵循标准的SQL原则。 通常asp.net 程序使用SqlServer数据库，PHP、java使用Oracle、MySQL数据库。 第六步：综合实战 选一个你喜欢的后台编程语言，结合之前学到的html,css,javascript 前端技术，实现一个简单的留言本、论坛程序、进而实现一个简单的CMS（内容管理系统） 第七步：学习使用Web框架 当你掌握了HTML，CSS，JavaScript和服务器端脚本语言后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。 比如.net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其实里面都有一些相通之处。 整个开发过程你还可能会学习到一些工具的使用： Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各种浏览器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足够用心，你还发掘出很多不错的资源，例如MSDN，W3cSchool，一些前辈的博客，一些技术论坛等等，这都是你未来前进道路上的财富。如还想深入研究，学学
web前端视频教程：什么是前端
其实web前端是一个新词汇，刚开始的时候只有美工和程序，后来随着web的发展，对用户交互的需求越来越高，就衍生出了ui（用户交互页面）这除了视觉效果还要有交互体验，就需要js去实现，毕竟一个人的精力是有限的，这么多的工作不可能由一个人去实现，于是出图就成了前端美工，切图出html css就成了前端切图，js就成了前端交互。一般情况下出图和html页面是一个人完成，而js效果由程序员去写，因为毕竟都是程序脚本，程序员学起来相对容易一些。
web前端需要学什么容易学吗
这里整理了一份web前端学习路线图以及所学内容：
web前端路线图：
第一阶段：专业核心基础
阶段目标：
熟练掌握HTML5、CSS3、Less、Sass、响应式布局、移动端开发。
熟练运用HTML+CSS特性完成页面布局
熟练应用CSS3技术，动画、弹性盒模型设计
熟练完成移动端页面的设计
熟练运用所学知识仿制任意web网站
能综合运用所学知识完成网页设计实战
知识点：
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。
做web前端开发有哪些推荐的书籍或者课程
书籍资料：
1、《JavaScript DOM编程艺术》推荐3（比较基础，小白入门的话推荐，有基础的不推荐）
2、《CSS权威指南》推荐2（书是好书，看了忘了的工具书，写样式谷歌更高效）
3、《CSS揭秘》推荐5（不是CSS入门书籍，CSS提升必备，最棒的CSS工具书，CSS魔法）
4、《JavaScript 语言精粹》推荐4（有经验的js可以看看，个人没有get到传说中的惊艳，加深理解）
5、《JavaScript 权威指南（第6版）》推荐4（入门刚入门都不推荐，个人的枕头书，讲的挺全面的，可读性不高，提升的话应该要看吧，头看大了还没看完）
6、《JavaScript 高级程序设计》推荐5（最权威的js入门书籍，不要被名字吓到）
7、《你不知道的 JavaScript 上卷》 推荐5 (强烈推荐，刷新对js的看法，语言精粹的配合着看，明明白白的理解原型链不需要工作5年后还不懂）
8.《高性能 JavaScript 》推荐4 (提升必备吧，个人感觉，有些实践经常遇到)
9. 《JavaScript 设计模式》 推荐4 (提升必备，设计模式是开发中的最佳实践，常看常新，我看的是张荣铭的那本，无论那本js设计模式书都可以的，想起来内容以情景对话的方式对我来说不是很友好，叙述方式个人不喜欢但是不影响内核5分)
10. 《图解HTTP》 推荐3 (入门可以，简单有趣，提升不推荐)
11. 《深入浅出 Node.js》推荐5 (强烈推荐，国人书精品，也有通病讲的比较深入但是知识点比较分散不系统像个博客集，有js基础看的比较过瘾，基础不好的话不知道能吸收多少)
12. 《Node.js 实战》推荐3 (不推荐，书出的比较早实例也烂大街，一些实践已经有更好的替代模块了，没有后端基础的话可以看看)
13.《HTML5 权威指南》推荐3 (书是好书，适合入门，有前端基础的话推荐MDN效率更高，一点基础没有的话抓不到主次适合泛读，没时间看的话不推荐本书，提升没有帮助)
14. 《深入React技术栈》(没看完 ... )
怎样自学web前端开发
1、首先，得学习一下html，主要是学习一下html标签的使用方法。推荐一个学习平台，W3C 菜鸟教程。这个教程简单易用，适用于初学入门者，能比较完善的学习html是怎么使用的。（如果感兴趣，学完后可以接着学一下html5，这个是目前最新版本的html，也比较简单的。）
2、学完了html，接着当然是学习css。html的作用是填充网页内容，css作用就是为内容加上外衣，让它看起来富有色彩，更好看。推荐同样在W3C 菜鸟教程上面去学习css，很简单，大概两三天的学习周期，这些内容需要强记一下，记下了多用就熟了，没有什么难度。（学完css，可以接着学习css3，目前最新版本的css，这个有兴趣就学，一般的话css3用的不是很多，个人觉得）
3、学完了html,css，接下来是重头戏，轮到了我们的javascript，业界简称js。很多程序员说js的难度超过了java， 我想说的是，简单易学的入门，深究可能就要费脑子了，当然大家不要怕，企业应用级别的js也是很简单的，吧W3C 菜鸟教程中的文档看完完熟了，也就了解了js的使用方法了，哈哈。
4、学完了上述的html,css,js后，咱们就可以成为一名合格的web前端程序员了。但是光合格还是不够的，技术要拿得出手，工作中才能轻松胜任，学习咱们搞编程是不能停止学习步伐的，继续出发！学什么呢，学完js后，首先要学的是jQuery框架，说它的大名鼎鼎是一点都不为过，不知道jquery是什么的程序员我就不想说什么了，你现在知道它的重要性了吗，这个一定得好好学习。
5、接下来我想推荐另外两个现在非常热门的比较新的框架，它们未来会成为主流前端框架，一个叫angularjs，目前最新版本的是angular4，另外一个是vue.js，大家感兴趣可以学习学习。
如何学Web前端
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1》2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1》2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1》2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
web前端学习教程流程有什么
Web前端不仅薪资bai比较高，而且发展前景也很可du观，越来越多的年轻人纷纷选zhi择web前端作为未dao来的职业发展方向，但是就怎么选择学习方法而言，但是很多都是零基础来学习web前端的，对于这个行业可能一概不知，该怎么去学习呢？什么样的学习方法更适合学。，那么这份最详细的web前端学习路线分享给大家。第一阶段：前端页面重构内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）第二阶段：JavaScript高级程序设计内容包含：）原生 JavaScript交互功能开发项目、面向对象进阶与 ES/ES应用项目、JavaScript工具库自主研发项目）第三阶段：PC端全栈项目开发内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）第四阶段：移动端项目开发内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）第五阶段：混合（Hybrid,ReactNative）开发内容包含：（微信小程序开发、React Native、各类混合应用开发）第六阶段：NodeJS全栈开发内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）第七阶段：大数据可视化内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D.js详解、三、其他JS库）对于想学习web前端的同学来说：首先是自学，其实自学也不是不可以，只要有毅力能坚持，自己学习是完全没有问题的，现在有很多同学也是自己找资料视频来学习。最后技术也学的挺牛的，得看个人兴趣和悟性，软件开发本来就是一项比较枯燥的工作，如果只是单纯的觉得这项行业工资高而进来的话，可能学习中遇到技术难题，就会知难而退了，难以坚持下去，而真正爱这行的会迎难而上，不解决不罢休，这也是为什么有些能自学下来有些却不行的原因。如果选择培训机构的话，对于没有基础或者毅力坚持下去的同学是比较好的学习方式，首先培训机构课程比较完善，没有基础的同学往往不知道从哪个方向去学习，而培训机构能更好的满足这部分学员，一般培训机构的老师都是经验比较丰富的，讲课的时候重点和难点会详细讲解，及时解决，这样学习的能保障每个学员都能弄懂，而且不用自己苦思冥想找答案。这样也大大的提升了学习的热情。最重要的是培训机构有阶段性的项目练习，这个对于自学的同学来说是没有的，现在的企业都是看着每个求职者的动手能力，如果有项目的实践操作，在应聘中也更有竞争力。其实不管自学还是培训机构也好，最重要的是看自己的热情，还有能不能吃苦和努力，web前端开发确实是高薪职业，市场需求也很大，只要你有本事，你就是企业需求的人才，那么想快速达到这个技术能力，自己该怎么做怎么学就看你自己的选择了。