学习HTML5，前端框架或者相关javascript和css等前端技术有哪些网站可以免费学习？
1.w3schools.com
2.MDN: developer.mozilla.org
3.DOM API及兼容性: www.quriksmode.org
4.中文: JavaScript.ruanyifeng.com
这么多应该够你用的了…
怎样快速入门Web前端开发？
Web前端开发在这十年内发生了很大的变化，从市场和销售的角度来看，web应用甚至常常会超过那些桌面应用。当下，web前端开发可以说是编程开发中的一个热门职位，很多互联网公司都非常需要优秀的web前端开发人员。
也正因为web前端开发前景如此广阔，很多人选择跨行来做web前端。那么对于零基础web前端初学者而言，怎样快速入门Web前端开发？
一、一定要做好学习规划
零基础学习Web前端开发，意味着你各方面资源不同程度的消耗——时间、工具、资金，甚至融入相关交流圈子的准备。在这个准备过程中，最好是带有一个强硬的规划：“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划，一般人都会越来越懒惰。
二、了解web前端开发的学习路线
分享千锋武汉整理的一则web前端开发学习路线图给大家参考一下。
1、学习HTML5和CSS3基础
随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。
随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。
利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。
首先需要有html语言基础，以及div+css布局，这些基础的知识都可以在w3c上自学了解的，就算不会自己写html以及div+css的代码，至少要让自己看的懂，这些代码，有了这样的基础之后无论是自己多练多看自己摸索学习，亦或者是系统的参加web前端开发培训学习，都有了一个很好的基础。
2、学习Java，了解DOM
Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法，学会用 Java 操作网页中 DOM 元素。
初学Web前端开发，需要接着学习使用一些 Java 库，比如 Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 Java 的开发效率。
3、学习Web前端核心
学习 Jquery 之后，大家就要学习 HTML5 高级阶段（HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等）
4、学习Web前端高级技术
当你掌握了HTML5，CSS3，Java等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。
在这里小编推荐的是Bootstrap这是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。
Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。
5、最好会点后台语言
比如java、php，为什么呢?因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的，这样节约时间，也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上，那么前端代码又得重新写，那就更蛋疼了。
从最简单的HTML5基础到Web前端高级技术，内容还是不少滴！要想精通这里的每一样技术，都得下苦功夫才行。总结一下html以及div+css是最为基本的内容，再者就是关于Java的学习美化自己的页面，让用户使用起来更加具有友好度最后就是接触一些现有的成熟的优秀前端框架，学习了理论之后在自己还没有动手能力之前可以多看看开源的程序源码。
三、找一个优秀Web前端开发老师
这个老师，可以是一个页面，一本书，也可以是一个真实的人。对于编写代码开发来说，读十本书不如写一个Demo。只有在实际去写的时候，才会出现各种问题，只有在凭自己的思考来解决这些问题的时候，才会得到非常深刻的印象，把相关知识真正转变为自己的。
四、学习Web前端开发多多实践
越早接触到实践，越早开始做真正的工程项目，越早收获经验，获得成功。高效的学习途径是在项目中学习，以项目驱动进步。
五、找一家靠谱的武汉Web前端开发培训机构
如果题主想快速学好web前端，并找到一份不错的工作。最快也是最靠谱的方法就是参加培训。培训机构的课程一般是4-5个月，课程结合当下前沿的网页技术，紧贴主流企业一线需求，注重项目和实战能力。并且有一群志同道合的小伙伴一起学习，学习更系统专业。最好是找全程面授模式的培训班，觉得更具体全面，学习效果更好。
说了这怎么多，希望能帮助到题主！
我喜欢简短的回答，但我认为是最靠谱的回答：
没有所谓的快速入门！
给你一条学习的路径：先学HTML、CSS、javascript；这三个是最基础的技能，无条件掌握，学完这三个，你就知道如何再进行下去了，根本不需要任何人再给你指导！
我自己就是web前端开发,从大学时开始自己自学，还是很适合回答这个问题。
题主问的是如何快速入门前端开发，当然，先看一下前端相关的知识，对前端有所了解（HTML+CSS+JS），然后根据自己所看的资料或视频，上手。对，最快的就是自己先动手做，比较推荐的是跟着视频写代码，老师一般都会讲解为什么会这样写。当你自己写出一个简单的页面运行成功之后，就会很有成就感，要让自己保持着这样一份兴趣和激情去学习。
接下来讲一下比较好的学习网站，现在网络上有很多前端开发入门的网站，题主可以先多多看看视频，这里推荐一个视频就是慕课网，我不是打广告，是因为我大学的时候确确实实是收益于慕课网，现在木刻上面有一些免费和收费的课程了，起初都是免费的，当然，内容比着之前丰富了很多，里面有一个专门针对前端开发工程师做的一系列的课程方案，可以跟上上面一步步练习，练习过程自己要多多看文档，多记标签和语法，熟能生巧。
当你能写出来一个静态页面的时候，那么恭喜你，你已经入门了。后来的路还很长，路漫漫其修远兮，你还有很多需要学，最初期的就是学会（HTML+CSS+JS），觉得自己学的还可以了，那么你可以开始学习现在的一些主流框架了，比如AngularJS，Vue，React。推荐从vue入手吧，自我感觉上手快一些。然后去学习一些前端自动化和版本控制的东西，当你学到这里差不多就能找到一份工作了，不过，最好要有自己的一个作品。
最最最重要的是，要打好基础，学好html、css、html5、css3和javascript, javascript重要！重要！重要！推荐看阮一峰的博客去学，扎实基础，容易理解。
最后，祝你成功入坑前端开发。
Web开发新手指导
致力于前端学习开发已经很久了，在这里面给大家分享一下小编的经验。见过的或者是没有见过的其实大家心里多少有一个评判标准，随便的东西是忽悠不了人的，这里分享两个非常实用的入门自学网站。
- 慕课网
前端小白的天堂，慕课网课程涵盖前端开发、PHP、Html5、Android、iOS、Swift等IT前沿技术语言，包括基础课程、实用案例、高级分享三大类型，适合不同阶段的学习人群。以纯干货、短视频的形式为平台特点，为在校学生、职场白领提供了一个迅速提升技能、共同分享进步的学习平台。小编就是从这里入的门哦！
- W3school
- 总之，这两个网站各有各的长处，前者有大量的视频资源，后者有大量的源代码资源，可以说只要肯下功夫，马上成为一名合格的前端攻城狮！！！
首先理解这几个标签，a标签，img标签，html,head,body标签，搞清楚绝对路径相对路径，这时候你就可以做几张互相链接的简单网页了。
有人说这有什么卵用，又不会在实际工作中做这么简单的东西，错，是没有太大用处，但是可以增加你的成就感。
把这个学完后，建议买基本好的参考书看下，要掌握的知识有html,css,javascript，成功在前面等你。
下面看最简单的页面代码
<html>
<head></head>
<body>
<a href="b.html">这里</a>
</body>
</html>
打开记事本，把这些代码写进去，再在保存中选择“所有文件”，把它保存为a.html。
双击a.html是不是看到个链接？恭喜你完成第一步，这时点“这里”，是不是出错？因为没有b.html这个文件。
再打开记事本，写下如下代码
<html>
你好
</html>
把它保存为b.html，放在a.html同一个目录，双击a.html，再点“这里”，很激动吧，你离前端工程师不远了。
难为我用手机写这么多，大家看完点个赞。
零基础的前端开发初学者应如何系统地学习？
谢邀。本人经历过培训班。个人认为基础最重要，刚开始把HTML、JS、CSS知识掌握熟练，然后再去学习框架，像Vue、React、Angular这些。掌握难度递增，可以先从Vue学起。不建议参加培训班，如果你还是在校学生，可以去网易云课堂、慕课网这些网站去找视频看，都是比较好的选择。
自己有精力去慢慢收集资料，甄别好坏也行，但是鉴于你现在都毫无方向，估计也没辨别的能力，建议去某宝上买一套某马往年的前端工程师培训视频，系统全面，跟着写完就可以入门了
前端开发技术的发展为其在其他领域的广泛使用奠定了基础，同时，企业对前端开发人员的需求量在不断的增加，市场上的前端开发相关的就业岗位也是逐渐增多，为学习前端开发小伙伴提供一个良好的就业环境。
零基础小伙伴学习前端开发技术，首先要考虑的是自己学习前端开发技术的前提是什么，是否对前端开发感兴趣，选择什么方式去学习前端开发技术。对于初学前端开发的小伙伴而言，想要系统的学习前端开发技术，前端培训学习是一个比较靠谱的学习方式，那小伙伴该如何系统的学习前端开发技术呢？
1.基础知识的积累
零基础小伙伴在前端培训班学习开发技术知识的时候，首先要端正自身学习态度，学习HTML和CSS相关的基础知识部分。对于初学者小伙伴来讲，想要入门前端开发，基础部分的学习是至关重要的，包括标签的使用，CSS样式的编写等都是需要扎实的练习学习的。
2.JavaScript的学习
想要一个网页美观，不仅仅需要各种标签和CSS样式的配合，更关键的是JavaScript的调用，许多网页的跳转都是通过JavaScript来实现的，而且许多企业都是比较重视JavaScript的，所以想要学好前端开发技术，还得看JavaScript学习的怎么样了，之后就是相关算法与框架的学习。
3.相关项目实战案例的练习
只学习相关的开发技术理论知识是不行的，还需要结合相关的项目实战案例的练习去深入理解前端开发技术知识，熟悉相关前端开发技术在开发过程中是如何使用，使用之后能够达到什么样的效果，同时，通过练习项目案例可以让小伙伴积累一些相关的项目实战经验，还可以锻炼小伙伴在项目开发过程中解决问题的能力。
小伙伴通过前端视频是无法系统学习前端开发技术知识的，因为前端视频所讲的内容是具有一定的局限性的，无法和老师进行深入的交流，所以小伙伴要想系统的学习前端开发技术，还需要参加前端培训班。尚硅谷前端培训是一家比较靠谱的线下职业教育培训机构，以理论实践相结合的教学方式，传授相关的前端开发技术知识，让小伙伴在学习开发技术知识的同时，积累更多的项目开发经验。
所以语言来学习都有共同之处。作为一名年轻数的前端开发转的话，如果从零到一去学习前端开发知识，我给出以下建议。
第一，学习HTML和CSS的基础知识。
这里你需要熟悉HTML各个标签的功能和作用，学习css的各种属性等。因为你拿到美工提供给你的设计之后，把它开发成一个精美页面，就在是内容来说，需要HTML和css的知识。如果你不清楚每一个属性是什么样子的，那么你在开发的时时候效率比较低，还先查一下需要用什么属性再进行开发。
这类知识的学习可以充分利用目前的在线平台，例如菜鸟教程，慕课网等等。如果你想通过书本学习，可以找销量比较高的书。
第二点，学习JavaScript相关知识。
在前端里js是非常重要的，页面中的联动数据处理，或者是弹窗或者是一些触发事件等等，都是需要js来实现的。
js就要比html和css复杂很多，你可以用js实现一个算法，而另外两种不能。书籍的话推荐《avaScript DOM 编程艺术》、大厚本里Zakas的《JavaScript高级程序设计》 、犀牛书《JavaScript权威指南》、《高性能JavaScript》等等
JavaScript学习可以参考上面提到，从零到一，从一到N，循序渐进掌握。此外，还需要学习AJAX、jQuery相关知识，一个是跟后端交互，一个是快速、简洁的JavaScript框架。
第三点，学习前端框架
web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以让你如虎添翼，更方便快速的开发。
(1) Angular
Angular原名angularJS诞生于2009年，之前都是用jquery开发，自从angular的出现让开发者有了新的选择，这个框架之前开发中有使用过，它把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。
(2) React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。
(3) Vue
Vue作为最晚推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。国内目前使用vue的开发者越来越多，的确也比较好用
第四点，着手开发一个练手的应用。
除了一系列基础知识的学习之外，必要的开发练习还是很重要的。你在学习基础知识的时候同时加以练习，这样你可以知道每一个变量它具体实现的是什么样的效果。
其实是将你学过的所有知识给我废话哦。开发一个完整的应用，将你所学的知识尽可能的应用其中，这样对你会有更大的提升，因为学习编程语言的目的最终的结果就是开发出一个完整的应用。我实际开发应用的过程中，你就会知道某个方法在具体场景下如何使用。