web前端零基础视频教学
晾衣架来了，准备收了！
首先，总的来说，应该学习的内容如下。
在HTML CSSjs框架Vue/React和其他详细内容之前，我想提醒所有初学者的是，他们并不希望在熟悉某个项目之后开始学习下一个项目。 绝对不要！ 否则，从前端内容多来看，入门的日子很远。
二八定律大家都知道！ 对于初学者来说，初次学习主要是建立框架，先掌握重点和常用内容。
然后率先上路，在项目中磨练自己，优化知识体系。
我推荐几个《前端社区》:
掘金： https://juejin.im/MDN Web文档： https://developer.Mozilla.org/zh-cn /想： https://segmentfault.com/Github :接下来
人邮分别告诉大家前端的各个部分要掌握哪些具体内容，以及学习方法和资源的推荐，希望对大家有所帮助！
1、学习HTML css应该学习的内容：学习html的语法、格式、常用标签及其作用、标签嵌套、调试工具的使用，使用这些工具可以调试html、CSS、js。
Css部署方法、Css常规选择器、机箱型号、Css布局和显示类型
学习方法：以读书为主，视频为补充。
HTML CSS比较简单，视频学习很浪费时间，所以建议直接阅读文档和书籍。
另外出现问题时，寻求视频的帮助。
资源建议：文档资源：
https://www.w3school.com.cn/index.html
書籍：
《Head First HTML与CSS》
适合初学者入门的前端书籍可以很好地了解页面编程的思想。
但是很厚！ 很厚！ 自我管理优秀、有耐心、有时间和预算的朋友强烈推荐！
如果想早点结束这部分的学习，取得写作大部分基础页面那样的可量化效果，人邮推荐一本容易上手、案例丰富、学习有趣的入门书—— 《从零开始：HTML5+CSS3快速入门教程》。
它很薄，只有200多页，而且全彩色印刷，一目了然。
《从零开始：HTML5+CSS3快速入门教程》
作者：鄧金亭史笑顔
这本书从零开始用HTML5和CSS3开发网页的全过程，帮助读者快速掌握开发静态页面的核心知识点和相应的编程能力。
对初学者来说非常友好的是，学习各章后，有一页作为本章的内容预告，也是检查的总结。
这意味着这本书是可量化的！ 我想重复n次这句话！ 离开学生时代的考试后，有什么能比可量化的学习方式更让人放心的吗？ 这意味着在你再次开始学习之前先了解我在学什么，学习之后才能验证我的学习效果。
章的任务长是这样的：
特别是对初学者来说，理解自己要学习的内容是模糊的。
这种可量化的学习，也是将一个大目标分成无数个小目标，所有步骤都是可以预料的，所有步骤都不难。
这样的模式，学习起来更轻松，更容易坚持下去。
其他小盒长是这样的：
复杂的页面很长，可能是这本书学习结束后的成果。
只要有目标地学习，学习也不会那么犹豫。
读书虽然节约时间，但可能发生的问题是，学习中遇到问题怎么办？ 如果代码中有错误怎么办？ 该书同样考虑到了这个问题，其解决方案是建立QQ群，直接提供全套视频和素材，
然后马上就有老师提问。
这种方式直接解决了自学的痛点。
现在不打算买书的朋友也可以剥掉羊毛。
这个小组有：
全书源码视频教程教学PPT编程素材老师答疑这本书可以说是小白的福音，所以我非常推荐小白在这本书里入门。
在这个阶段，推荐学习时间。 我建议在两周内完成。
2、学习js :了解js运行顺序、基本编程基础、json、js的dom操作、js的事件机制、ajax的xmlhttprequest及其创建方法、跨域，了解其工作原理，http
学习方法：建议看视频学习。 同时读书补充知识点的死角
HTML CSS其实只是标签语言，但JS才是正式编程的开始，逻辑能力开始受到考验。
对于到目前为止有其他语言基础的朋友们，js并不难，依然可以读书学习。
对于纯粹的零度基点初学者，在这里感到编程的困难。
推荐资源：视频资源：
硅谷最新版JavaScript基础全套教程完整版： https://www.bilibili.com/video/b v1 yw 411 t7gx/SPM _ id _ from=333.788.b _ 338
我个人很喜欢李立超老师的讲课风格，让编程课像相声一样，有效减少学习的枯燥。
慕课网： https://www.imooc.com/
書籍：
《JavaScript DOM 编程艺术》
对于初学者来说，这本书没有任何障碍，只要按照书籍的实例写代码就可以了。
了解如何操作和控制浏览器元素，并学习如何实现简单的页面效果。
[英]Jeremy Keith [加]Jeffrey Sambells著
《JavsScript高级程序设计》
我必须推荐红宝书。 这是学习公认的js最好的书。
在学习前端的整个过程中，每次看都会有新的体会，是在工作之后依然会反复阅读的好书。
写的很清楚，同样适合开始学JS的朋友。
[美]Nicholas C. Zakas 著
对于风很大的犀牛书，也就是《JavaScript权威指南》 ，不推荐新手直接学习。
这本书更像一本字典，在需要的时候可以翻找相关内容。
这一阶段建议学习时长：一个月，这部分需要大量的练习。
建议新手一个案例好好理解加反复练习，会很有效果。
3、框架学习要学的内容：现在的主流框架：Vue/React
理解MVC模式，现在最流行的框架就是Vue/React，两者中先挑一个熟练一下。
学习数据的流转，还有组件的使用。
学习方式：选定自己要完成的项目目标，推荐看视频入门，然后按照项目需求看着官网使用组件。
如果想从简单的开始，推荐Vue。
学习路线平缓，社群完善，官方文档非常简单清晰。
建议学习时长：两周前端发展到现在，应市场需求各种框架层出不穷。
但要明白的是，框架解决的是需求，打好HTML+CSS+JS 的根基才是立足之本。
Jquery就不建议学了，过时了，万一真的有需求的时候再说。
4、其他：Node.js 先了解即可。
Webpack 先不深究，能用即可。
Git 简单使用。
————前端算是所有编程类别中很好入门的一种了，但内容确实很多，最重要的是自学过程中要做好自我管理，遇到问题及时调整。
最好能有专业的朋友或老师能够对你各个阶段的问题进行解答，参与学习路径的设计。
没有的话，也能多加交流群进行沟通咨询。
祝大家都有光明的未来。