web前端自学看什么视频

自学web前端可以通过观看各类前端视频来快速入门和提升技能。以下是一些推荐的视频资源，供你参考：

1. MDN Web 文档：MDN是一个权威的前端开发文档网站，提供了丰富的HTML、CSS、JavaScript等前端知识的教程和指南。你可以通过MDN的视频教程来学习如何使用HTML标签、CSS样式和JavaScript实现交互效果。

2. YouTube前端频道：YouTube上有许多优质的前端频道，如Traversy Media、The Net Ninja和freeCodeCamp等。这些频道提供了各种前端开发的视频教程，包括HTML、CSS、JavaScript、框架（如React、Vue等）和工具（如Webpack、Gulp等）的使用和实践。

3. 慕课网：慕课网是国内知名的在线教育平台，拥有众多优秀的前端开发课程。你可以在慕课网上找到与前端相关的专业课程，如HTML/CSS基础、JavaScript进阶、前端框架实战等。这些视频课程会更加系统和详细地讲解前端开发知识。

4. Codecademy：Codecademy是一个交互式的在线编程学习平台，提供了丰富的前端开发课程和项目。你可以通过Codecademy的视频课程学习各种前端技术，并通过实践来巩固所学知识。Codecademy还提供了一对一指导和社区支持，帮助你解决学习中的问题。

5. Udemy：Udemy是一个全球知名的在线学习平台，提供了大量的前端开发课程。在Udemy上，你可以找到与前端相关的入门、进阶和实战课程。这些课程往往由行业内的专业人士授课，内容丰富、实用，并且有良好的用户评价。

总之，通过观看各种前端视频教程，你可以系统地学习前端开发的基础知识和实践技能。建议你可以结合多种视频资源，选择适合你的学习风格和水平的视频，坚持学习并通过实践来提高自己的前端技能。

自学web前端无论看什么视频，都需要根据自身的学习需求和水平来选择适合的内容。以下是一些可以参考的视频资源供你选择：

1. HTML和CSS教程：学习HTML和CSS是web前端开发的基础，可以选择一些入门级别的教程，帮助你掌握页面结构和样式布局。推荐的视频教程有《HTML+CSS基础入门教程》、《CSS入门教程》等。

2. JavaScript教程：JavaScript是web前端开发中最重要的编程语言之一，用来实现页面的交互和动态效果。对于初学者来说，可以选择一些基础的JavaScript教程，如《JavaScript入门教程》、《JavaScript基础教程》等。

3. 前端框架和库教程：学习流行的前端框架和库可以帮助提高开发效率和代码质量。例如，学习React、Vue或Angular等框架可以让你更好地构建复杂的web应用。推荐的视频教程有《React入门教程》、《Vue.js基础教程》等。

4. 响应式设计和移动端开发教程：随着移动互联网的发展，移动端的web开发变得越来越重要。学习响应式设计和移动端开发可以使你的网站在不同设备上有良好的显示效果。推荐的视频教程有《响应式网页设计》、《移动端开发教程》等。

5. 实战项目教程：通过实战项目来学习可以更好地巩固所学的知识，并提升解决问题的能力。可以选择一些包含完整项目的教程，如《前端实战项目教程》、《Web前端开发实战》等。这些教程会涵盖到实际项目中可能遇到的各种问题和技术细节。

除了看视频外，你还可以参考其他学习资源如书籍、在线文档、博客和论坛等。此外，还需要注重实践和动手编码，通过不断实践来加深对前端知识的理解和运用。记得不要只看视频，还要多做练习和项目，不断提升自己的实际能力。

自学web前端的视频可以选择以下几个方面的内容：HTML、CSS、JavaScript、前端框架、综合实战案例。

1. HTML视频教程
   HTML是网页的基础语言，学习HTML是学习web前端的第一步。可以通过以下视频教程入门：

• W3School的HTML教程
• 慕课网的《HTML/CSS基础课程》

2. CSS视频教程
   CSS是网页样式设计的语言，与HTML配合使用可以美化网页。以下是一些适合初学者的CSS视频教程：

• MDN的CSS教程
• 慕课网的《CSS入门课程》

3. JavaScript视频教程
   JavaScript是一门脚本语言，用于实现网页的动态效果和交互功能。以下是一些适合初学者的JavaScript视频教程：

• MDN的JavaScript教程
• 慕课网的《JavaScript入门教程》

4. 前端框架视频教程
   学会了基础的HTML、CSS和JavaScript后，可以学习一些前端框架，如Vue.js、React和Angular等，以提高开发效率和代码质量。以下是一些适合初学者的前端框架视频教程：

• Vue.js的官方文档和教程
• React的官方文档和教程
• Angular的官方文档和教程

5. 综合实战案例视频教程
   通过实战案例的学习，可以将之前学到的知识应用到实际项目中，提升自己的实践能力和综合素质。以下是一些适合初学者的综合实战案例视频教程：

• 慕课网的《前端实战之Vue+Webpack打造todo应用》
• 慕课网的《个人网站综合案例》

最重要的是，选择适合自己水平和学习风格的视频教程，并且要有耐心和毅力坚持学习。另外，多参与社区讨论、阅读相关书籍和博客也是提升自己的有效途径。