写在最前面的话:
历时八个月的学习, 终于找到了第一份前端的工作. 在此我满怀着感激与激动的心情, 感激这一路上帮助过我的每一位引路人.
"我自己是一名从事了 6 年 web 前端开发的老程序员 (我的微信: webxxq), 今年年初我花了一个月整理了一份最适合 2019 年自学的 web 前端全套培训教程 (视频 + 源码 + 笔记 + 项目实战), 从最基础的 html+CSS+JS 到移动端 HTML5 以及各种框架和新技术都有整理, 打包给每一位前端小伙伴, 这里是前端学习者聚集地, 欢迎初学和进阶中的小伙伴 (所有前端教程关注我的微信公众号: web 前端学习圈, 关注后回复"2019" 即可领取).
2017/07/27 工作后感悟和补充:
很多人, 包括我自己在接触编程的前夕都有考虑是否要去报个培训班.
直到现在我想说的是, 我们的终点都是差不太多的, 我们只是选择走什么路线达到终点.
能不能达到终点不是取决于选了什么路线, 而是取决于自己.
我们将学习拆解为内外条件:
外部条件即资源, 学习方式, 方法, 机遇......
内部条件即自我驱动, 总结归纳知识, 理解力, 专注度, 自我解决问题, 独立思考......
当你的内部条件不充分的时候, 哪怕是给人在背后用皮鞭鞭挞, 大神 360 度 24 小时无死角环绕式洗脑教学. 你仍然不具备一个程序员应该有的基础素养, 脱离了有答案的日子后, 那你的答案又该从何处寻找?
所以在学习过程中, 经验和知识固然很重要, 但这伴随着你学习获得的能力, 是决定了你成就高度的因素. 我不是鄙视培训, 我只是觉得, 如果你拥有这些能力, 那 500 块就能学到的知识, 为什么还要去花 20000 + 呢?
最后套用一句老话,"练拳不练功, 到老一场空".
正文开始:
静心学习, 抵制浮夸. --Victor.Chan-278
我工商管理毕业的, 之前没有接触过半点编程知识. 对编程的理解就停留大学买了本 C 语言的教科书然后, 嗯, 看了几页吧. 工作了几年, 经历了很多后, 最后还是踏上了程序员这条大路上, 原因不细表, 每个人的选择都有自己的理由. 以下为我的从 0 基础自学以来的所思所想, 希望可以给各位同样挣扎在这个阶段的朋友们带来一点参考.
1, 开始学习前端的前夕:
1) 首先我列举了开发人员的需要的特性:
1对新事物, 新知识保持高度的热诚;
2热爱开发, 热爱计算机 (不只是玩游戏);
3足够的专注力;
4清晰的逻辑思路, 擅长总结分析;
5自我独立解决和思考问题的能力;
2) 然后我要将开发人员需要的特性与自身的特性作比较;
1真诚的分析自己, 是不是符合上述的条件;
2如果自己有不符合的地方, 自己是否有足够的毅力和决心能克服和改变;
3自己克服和改变需要耗费的时长, 付出和投入的比例;
3) 选择一门语言
1去了解市面上的语言;
2每一门语言的用途, 特点;
3选择自己喜欢的;
4) 制定好学习的计划, 细化:
1制定好阶段性的学习进度. 我规划自己大概需要一年的时间完成初级前端的学习.
列举知识列表:
基础知识: HTML,CSS,JavaScript;
进阶: jQuery,HTML5,CSS3,ES6, 框架;
附带的知识: HTTP 协议, Ajax;
首先初步制定自己每一块知识大概耗时需要多久:
举个例子 HTML+CSS 我规定自己 2 个月内要初步掌握布局, 样式的编写, 能独立制作或仿制网站. 后续的知识如果暂不知道是什么, 需要多久, 可以暂时不制定, 可以了解后再制定.
2制定每一天的学习进度 (个人计划, 仅供参考):
06:00~06:10: 洗漱, 放空
06:10~06:15: 做一下俯卧撑
06:15~07:00: 阅读书籍
07:00~08:30: 去上班的路上看书
18:00~19:00: 回家的路上看书
19:00~19:30: 吃晚饭, 加收拾
19:30~20:30: 阅读书籍
20:30~22:30: 敲代码
22:30~23:00: 洗澡, 玩手机
23:00~23:30: 睡觉
3坚定不移的执行, 如果有意外了就随时灵活的调整, 边工作边自学本来时间就会很少, 只能去挤自己一切可能的时间去完成自己的计划.
2. 学习前端进行时:
1) 学习基础阶段:
1HTML+CSS:
阅读书籍《Head First HTML 与 CSS》. 虽然书本的征订, 出版会导致技术书籍没办法得到第一时间的更新. 但是书本是系统获取知识的最佳途径, 因为经过严格的编排, 才能让你在阅读的过程中去逐渐的掌握知识的每一个细节. 基础知识很杂, 很多, 很细, 一个视频所容纳的信息量是有限的, 它没有办法将很零碎的知识全部都讲解一遍. 在没有基础的情况下, 这些零碎的知识恰恰是非常非常重要.
登录 FreecodeCamp 进行攻略页面的题目以及对知识进行梳理;
登录百度 IFE 来进行前端页面的 Demo 练手;
理解浮动的原理;
理解定位的方式和原理;
理解语义化, 表现和结构分离, 养成良好的代码习惯;
掌握双飞翼布局, 圣杯布局, 响应式布局, Flex;
做好每日学习笔记总结;
2JavaScript:
阅读书籍《JavaScript 高级程序设计第三版》,
《JavaScript 权威指南》,
《你所不知道的 JavaScript》上卷,
《JavaScript DOM 编程艺术》
登录 FreecodeCamp 进行攻略 JS 的题目以及对知识进行梳理;
登录百度 IFE 来进行 JS 的 Demo 练手;
理解作用域, 原型, 闭包, DOM 操作;
学会自己打断点调试, 查错;
3学习中的细节:
遇到难题:
"我自己是一名从事了 6 年 web 前端开发的老程序员 (我的微信: momoxiaojiejie123), 今年年初我花了一个月整理了一份最适合 2019 年自学的 web 前端全套培训教程 (视频 + 源码 + 笔记 + 项目实战), 从最基础的 HTML+CSS+JS 到移动端 HTML5 以及各种框架和新技术都有整理, 打包给每一位前端小伙伴, 这里是前端学习者聚集地, 欢迎初学和进阶中的小伙伴 (所有前端教程关注我的微信公众号: web 前端学习圈, 关注后回复"2019" 即可领取).
遇到难题, 自己要先思考, 想大概要用什么知识, 然后去有针对性的查询这些知识是怎么用的, 然后回顾过来再想如何解决我现在面对的难题. 如果想不到, 再去百度, 谷歌, 看答案的时候也需要思考, 为什么可以解决, 通过什么方法. 然后去学习, 去总结.
** 千万不要直接问人这个应该怎么做, 学习提问的艺术?
学会改良, 拒绝妥协: 拒接一切耦合的代码, 学会不断学习新知识后去改良以前写的代码;
其实到这里我真的不知道写什么好了, 就像小说里说的一样, 学剑很难吗? 你砍个一千遍一万遍不就会了. 编程也一样, 不会, 你写个一千遍一万遍, 思考个一万遍, 再难都给你学会了.
来源: http://www.jianshu.com/p/f3296a49ce6a