自学前端，一天学4个小时左右，能到什么水平？

作者: 图恩分类: 编程开发阅读: 1045发布时间： 2021-03-20 06:30:40

自学前端，你的学习时间不是最主要的

而是你拿着这些时间做了什么

如果只是简单的看一些理论知识，没有实际操作

那是远远不够的

如果你是拿这些时间全部用来写demo，折腾一些实战项目

那用不了多久，你水平就会有很大的提升

技术永远都是动手来提高的

说好的前端是最容易入门的呢？这和传说中讲的不一样啊。

确实，前端涵盖面非常广，所包含的知识非常多，要想短时间内就学会所有内容成为大牛是比较困难的，建议还是循序渐进，找到适合自己的前端发展方向。

当然，无论如何，首先得打好的便是基础知识：

HTML+CSS+JavaScript

HTML是超文本标记语言，它是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。

重点学习内容：

学习基础知识及如何编写语义化的

HTML了解页面的各个部分，并且学会如何正确地构建 DOM

学习完 HTML 的基础知识后，可以动手编写一个 HTML 页面，什么网站都可以，比如一个论坛的登录页面，而且要确保结构是正确的。虽然完成的页面看起来很丑，但是暂时还不用着急，现阶段的重点是学会编写正确的结构。

CSS是层叠样式表，通过样式属性来对标签进行布局规范，也就是用来美化网页的。

学习 CSS 的语法以及常见的属性

了解盒子模型以及如何使用 Grid 和 Flexbox

完成以上操作后，还需要学会如何使用媒体查询来编写响应式网页

这时候，你就可以给自己的网页增加样式了。

JavaScript 可以让你的 HTML 页面更具有交互性。如果我们不需要加载整个页面，而只加载部分内容，这时出现的滑块、弹窗等都是由 JavaScript 完成的。你需要学习：

JavaScript 语言的语法和基础结构学习

如何通过 JavaScript 来操作 DOM 对象。例如，通过 JavaScript 删除页面中的某些元素、添加一些元素、操作类名、应用 CSS 样式等等

学习并理解作用域、闭包、变量提升和事件冒泡等学习如何使用 XHR 或者 Ajax 发送 HTTP 请求。Ajax 可以让你在不重新加载页面的情况下执行某些页面操作。

完成上面的内容后，就可以去学习 ES6+ 中所有的新功能。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】每天更新最新技术文章干货。

教程类推荐：

推荐一些适合这个阶段学习的资料：

W3school：HTML/JavaScript免费教程