今天我想谈谈Web前端开发需要学习的东西。前端开发需要什么开发工具？

网络前端工程师在不同的公司有不同的功能。这这里给大家推荐一个web前端学习交流企鹅组606 721 798

1。网站设计与网页界面开发

2。做网站界面开发

三.做网站界面开发，前台数据绑定和前台逻辑

4。设计、开发、数据

web前端开发中需要掌握的技术：

1。学习HTML，这是最简单的，最基本的是掌握p、表格表、UL Li、p、跨度、字体这些标签，这些都是最常用的，尤其是p和表，p，表也可以用于布局布局，但不灵活，基本是表处理数据。

2.学习css,这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+p 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+p呢?因为我上面说了p就是html主要用于布局的东西,所以p就是核心掌握的东西!那么css肯定必须要配合p来使用才好.css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握.

三.五月前学JS。你觉得还过的去，事实上，JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格，或价值，然后以一个ID或名称元素标签分配，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将JS、百度等良好的期待。然后，用更多，什么不是问题。

4、学习jQuery相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。

5。将背景语言的最佳点，如java，php，为什么？因为我们是从前台接口数据到后台，如果有一些后台代码，知道如何与后台数据交互是最好的，它节省了时间，也可以使前端代码更加规范。否则可能是因为你和后端的数据不能合并，所以他们不得不重新编写前端代码，那就太可怕了。

6.学习css3+html5,为什么这个放最后呢?哈哈,因为我自己也不太会,毕竟术业有专攻嘛,虽然这个很流行,但是我是搞后端的,在工作中用不到它,只有在自己网站需要改样式,或者朋友网站样式出问题的时候,我才会去临时去研究下.但是如果你们是准备专门搞前端,那么最好还是学一下的。

科学又高效率的学习方式是我们所推荐的，很多小伙伴在学习的时候，就是没能找到适合自己的学习方式，导致学习进度比较缓慢。有不少小伙伴问过笔者，怎么快速学WEB前端，有什么方法，那么此文就来详细聊一下这个话题：怎么快速学WEB前端，有什么方法?

1：第一步，先学好HTML5、JQuery、JavaScript、CSS3、等基础核心内容，并掌握牢固。然后学习响应式布局、NodeJS、AngularJS、Bootstrap、React等当前互联网开发的最新技术。接下来就是要根据前面所学技术，开始着手做项目，进行实际操作，丰富自己项目经验。

2：怎么快速学WEB前端，有什么方法?这些技术入门很简单，但是想要深入学的话很难。专业的WEB前端工程师，需要熟悉html5特性，能使用Div+Css+Javascript开发前端系统; 熟悉或了解前端常见js框架，如jQuery、angular、vue、bootstrap、reactjs;熟悉各种主流浏览器(ie7+，chrome等)对CSS和JavaScript不同特性的兼容性，并能解决相关问题。

3：怎么快速学WEB前端，有什么方法?最直接高效的办法，就是去找一家专业的培训机构进行系统化的培训。有专业老师的指导，不管是入门还是学精通，都是会比较省时省力的。一般系统都只要4个到6月左右的时间，就能学成出师，找到自己心仪的工作。

4：关于怎么快速学WEB前端，有什么方法，这个问题，想必大家都已经心中有数了，打算深入了解这个行业的朋友，可以关注我的头条号，私信给我 web前端 会自动回复web前端学习交流群，群里有系统学习教程和学习路线以及详细的规划，我做web前端开发十年的时间，希望帮助新手少走弯路。

1. 学习前端有前途吗？有，但只属于实力派

每次遇到这样的问题，我都感觉非常的可笑，所谓前途其实本质上是由你的实力决定的，我面试过很多前端人员，对于那些一瓶子不满，半瓶子晃悠的人，我是不会录用的，只是浪费时间罢了，这就是无能者的前途。对于那些有真功夫的前端开发人员，我一般给他们的薪资都非常的高，因为他们值这个价。同样做前端为什么造就了这样两种不同的结果呢？答案是：你的实力，实力决定未来。

关注小编并私信【学习】2字即可免费拿到web前端2018全套系统学习干货资料

当然从整个行业的角度来讲，前端确实是很有前途的，里面的很多技术操作都很新奇，也非常有意思，全国各大城市对优秀的前端人员都处于一个争抢的状态，如今一半以上的APP都是采用Hybrid混合模式开发，即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。除了APP，我们在手机端常看到的H5页面，也是主要运用了Web端的 HTML5 技术开发。 当然，Web前端现在也不仅仅局限于前端网页和APP，服务器端、桌面级应用甚至是VR都有涉及。

2.为什么你那么努力，却依然学不好前端开发？难道天生你材是炮灰吗？

这些年我走访过全国几百家高校，也去过很多相关机构，我发现了一个问题，很多人学不好前端开发，以山东济南的一个高校前端开发班为例，一个班级50个学生学习前端开发，最后毕业2年以后还在从事这个行业的才5个人，剩下的45个人都已经改行了，改行率高达90%。这是一个很有意思的数据，学了那么多年的专业，最后却是彻底的告别。我认真的反思过这个问题，为什么很多人学不好前端呢？一个方面现在很多高校以及培训机构其实就是垃圾，很多老师并没有项目开发的实际经验，他们也固守陈规，前端技术已经有了很大的发展和革新了，而他们却依然停留在老一套的技术层面，编的书籍也是一些老掉牙的知识，根本适应不了现在公司很多公司的需求。另一个层面，现在很多前端老师无法从一个系统的层面，思维的层面，全局的层面，来对前端技术进行一个有深度，有广度，通俗易懂的讲解，学生听的一愣一愣的，越学越迷茫。学生就是一张白纸，老师怎么画，他们就是什么样的

3. 要么不学前端，要么我就让你们学的无敌，因为我们不一样。

我不喜欢说太多废话，我直接开门见山的说，为了解决目前前端学习中的弊端，让真正想学前端的小伙伴，学有所成，我做了一个前端直播间，每天都会有前端行业的高手分享相关知识，我把直播间分成了三个频道，一个是针对没有基础的小伙伴，可以到零基础直播间频道，解决你的基础问题。剩下的两个是前端中间直播频道和高级直播频道，让你们更有针对的解决自己的问题。还有一个惊喜的点是：你来听就可以了，不需要你花费什么，而且每天下午和晚上都有，你用电脑或者智能手机都可以在线学习，当然技术内容都是现在最新的实用技术，我们以讲老掉牙的技术为耻辱。很多人问我为什么这么雷锋？是真的吗？当然是真的，我们的运营模式是做平台的。把学员量做起来。 我的目标是：要么不让你们学，要么就让你们学的很无敌，这才是人生的价值，活出属于自己的精彩。

4. 你来，或者不来，免费前端直播间和教程都在这里，给你插上飞翔的翅膀

关注小编并私信【学习】2字即可免费拿到web前端2018全套系统学习干货资料

从去年开始不少朋友让我帮忙介绍前端工程师，绝大部分忙都没帮上，原因是真找不到人。我当时是这么跟他们分析的：过去的客户端以browser为主，所以HTML/CSS/Javascript是唯一选择，现在可是mobile first，于是大量前端开发者被native开发分流，以及原本想做前端工程师的后备力量应届生们也选择学native开发，导致前端人荒。随着情况改变，H5（HTML5的大众昵称）在传播上体现的商业价值巨大，无论是创业团队还是巨头自然重视这块低成本高收益的事。好像前端开发的春天又来了，但局面是后备人才不足，想转前端开发的又会发现贵圈比以前还乱，除了标准仍然滞后，各类框架、工具冒出来，没一两年又淘汰，曩昔仿佛会jQuery就可以混，如今的门槛确实高不少。没方法创业团队要招到优秀的前端工程师只能靠情怀和烧钱，巨子们必要重新培育起好的手艺文化吸惹人才，尤其是肯花钱和时辰在前端手艺的培训、堆集和立异上。之前有人说web已死，如今看说这话的人可以去死了。在前端手艺储藏上加大投入，很长一段时辰内都是非常值得的。

拥抱变化是我在前公司工作时被灌输的价值观。对于刚走上前端工程师岗位的同学们来说，要慢慢习惯前端技术的快速变化，并且拥抱它。要stay hungry，stay foolish。其中也有重点，在不易变的方向上多花时间学习越深入越好，不纠缠、执着于那些易变的东西。对新技术始终保持好奇心。

由于前端工程师的入门门槛较低，很多人认为HTML、CSS、JavaScript并不是很难掌握的语言，似乎只要花一点时间，无论是谁，都可以通过网上教程或者书本入门。

许多人怀着追求高薪的想法入行，其实也没什么错，但是无法安心学习，浅尝辄止，会一点皮毛便不再深入研究，所以即便有大量的前端工程师涌入，公司对于技术扎实的优秀工程师的需求仍然只增不减。

来看看数据

(以北京为例，截止到2018年3月12日，前端岗位需求两万多。)

(以北京、上海、深圳、广州等一线城市为首,一线城市对于前端攻城狮需求量仍然极大.)

整个互联网在不断发展，前端开发技术也在不断进步，前端开发市场会越来越广泛，人才需求当然也不会止步于当前，所以不论现在还是未来，整体市场都不会饱和，只会低端饱和，高端缺人。未来优秀前端开发工程师将成为市场争抢的资源。而淘汰的并不是前端，应该是落后的技术和不合格的开发者。

10 年前的前端工程师熟悉所有 IE6 bug，只要你说得出表象，他就能告诉你这个 bug 叫什么名字、成因是什么、如何能够绕过去同时保持跟其它浏览器兼容。

10年后的现在，这样的技术是显然被淘汰了的。

1.工具是最易变的，工具网罗从各类库、框架到构建工具、编纂器等等。我对工具的立场是适用至上、三心二意。对付新人来说尽可能多的体验各类工具没害处，从工具的设计思惟上也能学到不少知识，可是要清醒的熟悉到，会用良多工具不是工程师焦点的开发才能，也不是小我的焦点竞争力。

2.前端技术本身的变化是演变，不像工具那样完全弃用变成全新的。比如多花些时间学习CSS2.1一点都不会浪费，多研究一些Javascript的基础特性也不会轻易过时。然后有预见性的学习新技术，在项目中积极拥抱新标准，比如ES6。幸运的是现在有大量工具让我们可以提前在产品开发中应用新标准。

3.开发思想不存在过时的问题，这些需要在长期的开发实践中不断的总结、反思，比如分离关注点是70年代提出的，从它衍生出很多开发理念，它永远不会过时。这些好像很“虚”的东西，在驾驭复杂的项目中非常有用。

转载自百家号作者：阿岐带你学前端

其实与web相关的书籍还是很多的，因为web的领域就是比较广的，因为有过web开发经验的都知道，web，就开发语言就有php，jsp，asp，等多种语言，那么这些语言对应的后台开发就有对应的书籍，所以今天小编就主要推荐与jsp相关的书籍。因为相比之下jsp在现在还是应用比较广的语言；

首先，学习jsp就要先学习J2SE,也就是java的基础；

1.《java从入门到精通》（第3版）

【内容介绍】

本书从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，详细介绍了使用Java语言进行程序开发应该掌握的各方面技术。全书共分28章，所有知识都结合具体实例进行介绍，涉及的程序代码给出了详细的注释，可以使读者轻松领会Java程序开发的精髓，快速提高开发技能。

【推荐理由】本书内容详尽，实例丰富，非常适合作为编程初学者的学习用书，也适合作为开发人员的查阅、参考资料。

2.《javaWeb整合开发王者归来》

【内容介绍】

本书全面介绍了Java Web开发中的各种相关技术及知识。全书分为9篇，内容层次清晰，难度循序渐进。第1篇为入门篇，内容包括Java Web开发概述等；第2篇为基础篇，内容包括Servlet技术、JSP技术、会话跟踪、过滤器Filter、监听器Listener等；第3篇为高级篇，内容包括JSTL标签库的使用、如何自定义标签、资源国际化、数据库概述、JDBC详解、XML概述等；第4篇为Struts框架篇，内容不仅包括Struts 1.x的内容，也包括Struts 2.x中的内容；第5篇为Hibernate框架篇；第6篇为Spring框架篇；第7篇为EJB与Web服务篇，内容包括EJB 3概述、JPA规范Web服务框架XFire等；第8篇为工具篇，内容包括在Java Web项目中常用的开源工具框架、主要有版本管理工具SVN、日志工具commons-logging与Log4J、报表图形引擎JFreeChart、PDF组件iText等；第9篇为实战篇，内容为两个典型的应用系统：论坛系统(Spring+Struts+Hibernate)、宠物商店(EJB 3+JPA+Struts 2)。

【推荐理由】资深Java程序员耗时一年时间写作，十年开发经验毫无保留。全面、系统、深入介绍Java Web开发的核心技术与主流框架。

3.《JavaWeb开发详解》

下面是小编整理的一整套web前端学习教程进扣qun：730227513免费领取

【内容介绍】

本书共分4部分，从XML、Servlet、JSP和应用的角度向读者展示了Java Web开发中各种技术的应用，循序渐进地引导读者快速掌握Java Web开发。【推荐理由】本书内容全面，涵盖了从事Java Web开发所应掌握的所有知识，在知识的讲解上本书采用理论与实践相结合的方式，从程序运行的内部机制进行分析讲解，并通过大量的实例和实验来验证并运用本书的知识。

4.《spring 入门到精通》

本书由浅入深，循序渐进地介绍了Spring的体系结构和相关知识点，目的是帮助初学者快速掌握Spring，并能使用Spring进行应用程序的开发。

【推荐理由】

全书共分14章，内容涵盖了Spring的基础概念、核心容器、Spring AOP、事务处理、持久层封装、Web框架、定时器、Spring和Struts、Spring和Hibernate、Spring和Ant、Spring和Junit。其中依然推荐第一本书籍 写的还是很不错的，还有就是李刚出的疯狂系列也是不错的选择，这些还是请朋友自己去体会吧；今天这里只说了关于jsp后端开发的书籍，如果朋友想看关于前端开发的书籍可以看我的另一篇文章《快速入门web前端开发你必须要知道的文章》这里面推荐很多好的web前端开发的书籍，还有开发工具等等，一些很实用的东西

web前端怎么样才能入门，首先我们要从什么是初级web前端工程师说起：

按照我的想法，我把前端工程师分为了入门、初级、中级、高级这四个级别:

入门级别指的是了解什么是前端（前端到底是什么其实很多人还是不清楚的），了解基本的html、css和javascript语法（这些语方面的东西网上随便搜一下就有很多很多，基本的语法是整个技术体系最重要 的东西了，领先的 Web 技术教程 ），可以根据设计师的设计图在不考虑兼容性的情况下把页面做出来，了解过一些框架的使用（例如烂大街但是依然牛逼的jQuery、zepto、 bootstrap等等）。

在经历过入门的阶段，已经了解了前端要做什么，并且把基本的语法学习过了可以独立做一些简单的页面了，那么就要继续学习达到初级前端工程师的水平，对于初级的前端工程师需要了解的就特别多了，需要对整个前端有一个清晰的认识，并且熟练使用各种技术。

初级前端工程师：首先要知道的就是如何处理各种浏览器的兼容处理（比如说在IE浏览器中的createElement有什么不同等等内容），现在基本上每个公司在招聘的时候都会要求熟练html5, css3, javascript，这个熟练的意思就是信手拈来。

在下面会说初级前端工程师应该具体的学习哪些知识，然后就是要了解各种css的预处理器和后处理器， 还有会使用常见前端的MV*框架（angularjs, backbone，reactjs等等）并知道这些框架的原理，另外就是要熟练使用nodejs，要会使用基于node的各种前端构建工具 （grunt，gulp等等），熟练使用github或gitlab，对模块化、组件化、工程化、语义化有一个比较深入的了解，最后要知道如何开发移动端 的页面，如何去优化一个页面的性能。

初级web前端工程师的技术体系

HTML部分

首先是要掌握一些常用标签的使用和他们的各个属性，这些常用的标签我总结了一下有以下这些：

html：页面的根元素。

head：页面的头部标签，是所有头部元素的容器。

body：页面的主体标签，页面展现的内容就放置在这里面。

title：页面的标题。

meta：位于文档的头部，提供页面的元信息，包括关键字、描述等等。

link：定义文档与外部资源的关系，最常用的用途就是引入样式表。

script：脚本标签，可以把js脚本代码放置在这个标签内，也可以使用这个标签的src属性引入一个外部标签。

style：样式标签，可以把css代码写在这个标签中。

a：超链接，href属性代表要链接到的地方，target属性代表打开方式。

img：图像标签，src属性表示图片的位置。

form：表单元素，它内部的input、select、textarea等标签都是比较重要的。

p：定义文档中的分区或节，可以使用p来进行页面的布局等操作。

另外还有ul、li、p、button、iframe、p、table等标签也很常用，nav、section、article、header、aside、footer等语义化标签也需要了解一下。

除了要了解上面这一些标签之外，还需要对一些新的HTML5的API有一定的了解：

audio、video标签。

Canvas：定义图形，比如图表和其他图像。

input标签的accept属性，email、phone、url等类型。

getElementByClassName根据class名来获取一个元素结点。

Multiple file selection多文件选择属性。

html的import、template

process标签，webGL等内容。

还有一些要知道的知识点：

1.doctype的作用。

2.unicode、utf8等编码的原理和区别。

3.如何进行页面性能优化。

4.png、jpg、webp、gif等图片格式的不同的优势。

5.HTML行内元素与块级元素的区别。

6.移动web端开发常用head标签。

7.web语义化。

8.浏览器中的缓存原理。

CSS部分

关于css这一块，我的看法就是网上下载一个chm格式的css的参考手册，然后根据手册里面写的一个个的都敲一下。

css大体分为下面这几块知识点：

① 定位布局

1.position属性的7个值（static | relative | absolute | fixed | center | page | sticky）分别有什么作用和不同？

2.实现品字形布局或者是三栏布局（左右宽度固定，中间适应屏幕）。

3.浮动与清除浮动的方法，flex布局，grid布局。

② 盒子模型

1.margin、padding、border这三个属性。

2.伸缩盒相关内容。

3.Multi-column Layout Module多列布局模型。

③ 文本字体

1.强制换行与不换行，清除空白。

2.文本对齐、大小（如何设置chrome小于12px的字体）、缩进、转换。

3.单位（em、rem、px等），颜色（rgb、rgba，hls）。

④ 变换、过渡和动画

1.transform的各种取值的作用与兼容性。

2.transition过渡的动画类型，贝塞尔曲线的原理。

3.animation动画的各种设置，@keyframes规则。

4.浏览器的重绘与重排。

⑤ 选择器

1.选择器的分类，权值和优先级。

2.有哪些属性可以被继承，哪些属性没法继承。

3.伪类和伪元素分别是什么，有什么作用。

上面这些都是基础的东西，除了这些基础的内容之外需要了解Less、Sass、stylus等css预处理器，这将会大幅度提升你的css开发效率，也需要了解一下Autoprefixer、PostCSS等css后处理器。

3.JavaScript部分

在这里就不说js的基础知识了，我把js按照语法的层次和使用的层次分为了两大块。

按照语法的层次来说：

首先是javascript的面向对象方面的内容：在javascript中实现封装、继承和多态。

① 封装：在js中可以通过闭包、作用域和作用域链来实现封装，ES6的const、let的作用。

② 继承：基于原型链的继承、基于构造函数的继承、组合式继承、寄生式继承等，外加ES6的class关键字，prototype和proto。

③ 多态：在javascript中多态是使用arguments来实现的，关于

arguments会引申出来很多内容：

1.arguments的caller、callee等方法的作用。

2.方法的apply和call的作用和不同。

3.使用Array.prototype.slice.call来把一个数组对象转化为数组。4.array的各种方法，如shift、splice、push、filter、map、reduce、forEach等等。

然后是Js的设计模式，比如说那三种工厂模式啊，建造者模式啊等等。

最后是在不同情况下的this分别都代表什么。

按照使用的层次来说：

首先最主要的就是ajax，ajax的原理，ajax跨域的方法：jsonp、使用iframe的location.hash、postMessageAPI、websocket、服务器代理等等。

然后是tcp协议、udt协议以及http协议的协议头、状态码等内容。浏览器的缓存，客户端存储方面的内容：localstorage、sessionstorage、indexDB、cookie等等。

是一些新的js的API，例如文件读取（fileReader）、fetch、Promise、Web Sockets等等内容，可以去caniuse上面看一下有哪些新的东西。

上面我所说的这些只是一些比较笼统的概念，把前端html、css和javascript所需要掌握的部分内容列举了一下，在前端领域还有很多需要我们知道的知识，这需要大家在学习工作的过程中去自己总结。

我有一个前端学习交流QQ群：328058344 如果你在学习前端的过程中遇到什么问题，欢迎来我的QQ群提问，群里每天还会更新一些学习资源。禁止闲聊，非喜勿进。

教程简介：

HTML (英文全称：HyperText Markup Language)：即超文本标记语言，标准通用标记语言下的一个应用。那么，HTML 和 Web 前端开发有什么关系呢？HTML 是通向 WEB 技术世界大门的钥匙。在本 HTML 教程中，您将学习如何使用 HTML 来创建站点， HTML 非常容易学习，只要多看本教程，相信你会喜欢它的！

什么是“超文本标记语言”呢？“超文本”就是指页面内包括文本及超过文本以外的其它元素，可以包含图片、链接，甚至音乐、程序等非文字元素。在WWW上的一个超媒体文档称之为一个页面，Web页面也就是通常所说的网页，在这里不作区分。

HTML结构：

HTML 的结构一般包括 标签和 标签， 和 这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示的效果。 当中是网页实际显示的内容，正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针，通过点击，可以很方便地获取新的网页，这是 HTML 获得广泛推广运用最重要的原因之一，而由这些相互之间存在关联的页面组成的有机集合便是网站。究竟 HTML 为什么会被普及？这就要归功于互联网的高速发展，对于编程语言的需求直线上升。而 HTML5 具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性，HTML 越来越受到人们的喜爱。

以下是最简单的html文档结构：

本文为 HTML 基础教程第一章，下一章：HTML 教程导读【小提示】tips:本文由数据微学院作者原创，转载请注明来源或联系作者。更多优秀参考好文请关注【数据微学院】个人图书馆。

相关搜索

• 前端招聘
• html教程
• web开发招聘
• web开发教程
• web开发入门
• 开发招聘

学习完本阶段的课程，你将获得：1. 行业背景、职业前景的认知2. 对Web大前端工程师的认知3. 认识自己学习Web大前端的优势4. 掌握Web大前端学习方法5. 了解Web大前端职业规划

Web大前端工程师的职业背景、行业前景、Web大前端工程师在团队项目中的定位及所与具备的技能，并从各个职业的角度，设身处地得帮大家分析从事Web大前端开发的优势和劣势，同时为了帮助大家快速地掌握Web大前端的学习技能，本阶段的课程给大家介绍了Web大前端的学习方法和路径，以及将来的职业规划。

详情联系我们https://huaianmh/product/web给予支持

近日，有不少的程序员问w3cschool这边，前端开发应该怎么学?

有个小白程序员表示，自己走了很多弯路，学java开发没学透不能就业，现在学前端又不知道如何下手，前后算起来浪费了不少的时间。

针对此问题，下面w3cschool就给程序员小伙伴们答疑解惑，并分享一些干货。

前端有三架马车你一定要学会“驾驭”，HTML+CSS+Javascript。

照目前看来，网上各种前端学习资料又多又杂，确实让不少入门前端的小伙伴不知所措。要选什么学习资料?如何入门前端开发?

0、Come on，来点国外的土特产视频!

关于视频的选择，直接网上搜“30 Days to Learn HTML & CSS”这个视频来看。

这个视频是国外的前端开发特产，大小有1G多吧!

前端开发可以照前端开发的视频进行实战训练，建议可以一边开着NotePad++，一边看视频，一边敲代码。

另外，可以用有道云，或者是印象笔记稍微做点记录，这会加快你对html、css的学习。

1、从经典的w3cschool前端html教程学习

当你咨询了很多的前端工程师，他们都会推荐你从经典的w3cschool基础教程开始，把上面的课程刷一遍。

2、html微课

通过前面两步的学习，你基本上算是入门html啦。

但相信也会有些程序员觉得很枯燥，那不妨可以尝试w3cschool新开发的html微课。

比如之前的《刀塔传奇》，很多人每天刷副本都可以乐此不疲，因为游戏升级通关是比较有趣的。

w3cschool微课同样采用了闯关刷副本的模式，你通过每天有趣的刷副本闯关，就可以掌握html重点的概念和编程技能。

3、前端开发神书推荐

会有些前辈会给你推荐《DOM编程艺术》、《Javascript权威指南》、《Javascript高级程序设计》、《锋利的JQuery》等，但对于新手来说似乎略难。

不妨去看Head first html， xhtml & CSS这两本简直是神书，真心经典!

首先要从基本的HTML语言开始学起。网页的所有内容都是建立在HTML的基础之上，要想学好HTML，不要去使用任何集成工具，而是使用文本编辑器，直接从最简单的HTML可以写起。首先上网下载notepad++文本编辑器，一个好的文本编辑工具能达到事半功倍的效果。

w3shcool 网站提供各种前端开发教程，其教程很适合初学者学习。所以打开 w3school 根据教程的每一步，一边学习一边编写html，来学习基本的html语言语法

学习了基本的html之后，没有JavaScript，网页永远都只是一张静态的纸。下一步要结合JavaScript来深入前端开发。原生的JavaScript是非常难用的，对初学者门坎比较高，但是如果从Jquery学习开始的话，你会发现js是那样的灵活和美妙，这会让你彻底喜欢上前端开发。再次利用w3shcool的jquery教程来学习jquery

下面是小编整理的一整套web前端学习教程进扣qun：730227513免费领取

学习jquery的时候，你会发现jquery可以做动画，可以修改页面的显示效果，这样你就自然需要了解css，w3school在此又要有用了，这时可以根据 w3school 教程学习基本的css语法，你会发现它的选择器与jquery十分相似，其实这也是jquery强大的原因。学习了css，你就会发现自己终于可以做出漂亮的页面，而不是那些古板的条条框框了。

学习了以下这些前端开发的基础之后，可以再来下载nginx服务器，安装使用都非常简单，这样就可以了解一个网站在服务器上是如何运转，如何通过一个http的地址来访问你的网页，如何将自己的网页共享给别人。这样你的入门就毕业了，就可以向高级迈入！这时候可以选择学习原生JavaScript，来知道jquery的原理，再学习html5，使用一些开源css框架！