自学前端

想要看书自学的话先看看这个前端书籍的测评吧！

前端界最火的20本书籍评测，很多程序员都看错书了 - 写代码啦！?

xiedaimala.com

自学的话其实效率比较低，想要高效自学，那可以看看一些同样是在学习的人写的博客

小谷悠悠伴我行?

zhuanlan.zhihu.com图标

这里目前为止收集了757篇前端学习知识点总结了，你想要的HTML入门、CSS入门、JS总结，都有！

都是和你一样想要学习的同道中人学习的经验，跟著他们的技能点来一个个夯实基础也不错哦！

有时候遇到不太懂的知识点可以来这里看看几位前端大佬的文章，很多都是自学很难搞懂，但是面试里经常问的点

饥人谷前端学习指南?

zhuanlan.zhihu.com图标

学习首先就要学习如何学习的方法，然后再去学习会事半功倍

前端学习路线和技巧 - 写代码啦！?

xiedaimala.com

（如果不想自学，想要报班学习的话可以私信我，饥人谷做前端培训很多年了，我们线上和线下都开设了班级，详细情况可以给你发试看课程亲自了解一下~不说太多以免广告）

零基础学习大概要多久？

这个要看你是以什么目标来学习的，只是想要学习自己做个网页玩玩，那很简单啊，只要随便找个做网站的视频跟著敲代码，能够实现效果就行

但是你如果想要之后从事前端工作的，那这不是随便学学就好的，而且自学是很难在段时间内可以掌握前端的所有知识点和达到找工作的目的的，现在的前端市场不是几年前，你只要会HTML、CSS、JS、JQuery就能去工作了，基础不扎实，是肯定找不到工作的。

全面学习的话，你如果是在职学习，每天学2个小时的话，大概6个月吧，但是要每天不间断，保持学习的状态，周末用来总结和复习

要是全天学习，按照每天学习6个小时算，大概4个月左右吧

但是这个时间是你已经准备好学习的资料了，非常顺利地跟著你的学习资料学习下来的一个周期，如果你是这边找点资料学习，那边找点视频看，那你要花费的时间就不一定了

再不论你遇到问题的时候可能就要卡个1天2天，如果没有人问的话，甚至一直解决不了都有可能。

其实在学习的时候找资料和没有问解答，是最浪费时间的，因为你不知道你学习的东西到底是不是正确的，努力的方向是不是正确的。

但是自学肯定比不去学习要好很多啦！

假如觉得自学效率不高，想要让老师帮你安排好学习，那来饥人谷了解一下前端学习吧，可以私聊我~

另外，想知道从事前端8年的程序员现在的状态吗？来看饥人谷-方方老师 @方应杭 的回答吧！

老油条程序员：我做前端开发8年了！ - 写代码啦！?

xiedaimala.com

来说一下学习时间。

我们通常把人群归为三类，学渣，普通和学霸。

目标设定为能够独立完成项目，达到入职的水准。

每天都以8个小时的时间来计算。

学渣通常需要6~8个月。

普通需要4~6个月。

学霸需要2~3个月。

嗯，都是零基础。

那如果不是零基础的呢？

比如说，学过几个月的CSS，学过几个月的JS，做过贪吃蛇啥的。

或者是计算机专业的学生。

学习前端的速度会显著加快吗？

会有提升，但不会显著加快。

那影响学习时间的主要因素都有哪些，各自是什么呢？

我们来试著总结一下。

1 学习方法

2 时间利用率

3 学习环境

4 分享讨论

5 项目经验

6 知识深度

7 知识宽度

8 知识基础

暂时写这几点。

今天心情不好，就随便写写。

学习环境，排在第一位，如果你在家自主学习，很容易被打断，学习环境好，你未必能学得好，但是学习环境差，你一定学不好。

这是很多人在家自学失败的最重要的原因。

其他的等心情好了再说。

前言：

学习的话无非是两种方式了，一种是自学，一种就是报班学习了。

前端学习的周期：

作者：墨客

链接：https://www.zhihu.com/question/414530455/answer/1412459640来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。阶段一在学习前端之前呢，你需要一个编辑器，在网上你可以看到很多编辑器用来编写前端，甚至 Windows 系统默认的文本文档也可以作为前端代码的编辑器。俗话说，没有金刚钻怎么揽瓷器活，所以一个好的编辑器很重要，我再这里推荐给大家的编辑器是 VSCode。

一、HTML+CSS

前端的入门门槛是极低的，主要体现在 HTML 和 CSS 部分，运行环境就是浏览器，HTML 和 CSS 不是编程语言，HTML 是结构标签，CSS 是结构标签的样式配置。HTML
  1. 属性
  2. 事件
  3. 标签
  4. 字符集CSS
  5. CSS基础教程
  6. CSS样式
  7. CSS框模型
  8. CSS定位
  9. CSS选择器
  10. CSS高级

前端基础笔记html

前端基础笔记以上内容的学惯用时 12 天左右，再花 2 天的时间项目实践，这部分总花费时间在 14 天左右。二、HTML5+CSS3

前端基础练习题（请查收）

以上内容用时10天左右，这部分内容是在 HTML+CSS 做的升级改进，只需要了解他们的一些特性即可，再结合这些特性做一些小项目加深学习。三、Javascript

以上内容的学惯用时 40 天左右，这里推荐几本 Javascript 的书籍，如下：

  • 《JavaScript 高级程序设计（第3版）》，俗称红宝书。前七章讲的是语言特性，是重点学习的部分，必须需要反复阅读，直至完全理解为止。DOM、事件流、表单、JSON、Ajax 与最后几章也需要重点学习，这是一些常用的 Web API。至于本书的其余部分大致读一下就可以，不做重点要求。
  • 《JavaScript 语言精粹》，俗称蝴蝶书。很薄的一本书总页数就 147 页，花一天时间就能看完，快的话半天就能看完。这本书虽然很薄，但是承载的内容却非常的丰厚和深入。JavaScript是一门有很多坑的语言，所以这本书」取其精华，去其糟粕「就是精粹了。
  • 《你不知道的 JS》非常精彩的一本书，将 JavaScript 的细节一网打尽

下面是整理的一些电子书籍和基础的资料。

阶段二

这部分内容是对 JavaScript 的补充学习

一、Jquery

4. 事件
  • 事件绑定
  • 事件冒泡

5. 动画

  • show、hide
  • fadeIn、fadeOut
  • slideUp、slideDown
  • 自定义动画animate
  • 动画回调以及停止动画

6. 常用工具

  • 浏览器及特性检测
  • 数组和对象操作
  • Layer UI，主要学习栅格布局，图标，动画，按钮，表单，导航，选项卡，进度条，面板，表格，时间线等

7. Ajax

8. Jquery插件编写

五、ES6进阶

六、Bootstrap七、其他

  1. animate.css学习（扩展）
  2. PS切图学习

以上内容的学惯用时15 天左右

阶段三这部分是框架和前后端交互技术的学习一、VUE

二、React

三、Node

四、webpack

以上内容用时60天左右

阶段四（扩展部分，了解即可）一、Mysql

以上学习周期在8天左右

阶段五一、项目管理篇

四、综合项目实战

教务管理系统（node+express+mysql）实现，以上内容学惯用时 30天 左右教务管理系统（node+express+mysql）下面是推荐的一些笔记基础练习题一个月入15K从事前端存留的JavaScript学习笔录（一）前端基础视频链接：https://pan.baidu.com/s/1G8YIUnFNFGXQoMbmxilZlw 提取码：4zdh如上推荐的学习周期，你可以借鉴下，自学过程中的话可以先做一个自己的计划，每天投入多少时间学习，练习的时间是多少，实操这方面是非常重要的，一般建议的话三分之一的时间学和看视频，三分之二的时间实操和练习案例了，开始的时候一定要把自身的基础学好，所以学好这些基础，入手任何前端框架都是很简单的，有不了解的也可以问我的，加油。

作者：墨客

原文地址：https://www.zhihu.com/question/414530455/answer/1412459640

来源：知乎

文章著作权归作者所有，如有侵权，请联系小编删除。

学习就是两种途径，自学或者是报班：

web前端到底是自学好还是去培训机构好？有啥差别吗？?

www.zhihu.com图标

一般来说，每天能够拿出6-8个小时，半年的时间是足够的。

推荐阅读：
相关文章