前端自学3.25
一、入门篇
大佬们的推荐不尽相同,选择困难癌直接发作。
《Head First HTML 与 CSS》
最开始搞了本《Head First HTML 与 CSS》来看,很多人推荐的入门书籍。这本书的确很入门,图文插画贼多,甚至还有些小剧情,浅显易懂看得津津有味。
但看了大半本,问题来了——我枯了。我学代码想做东西啊,不想看这种傻屌弱智剧情的书啊!
我想很多人和我一样,学着学着就懵了。不知道自己学的有没有用,陷入自我怀疑(现在有时候也会)。这就是一开始就啃书的弊端,学习时候的正反馈极差。
2.慕课网基础教程
经过辛勤的搜寻,让我发掘到了两处宝藏。
一是慕课网的基础教程。
前端基础包括HTML、CSS和JavaScript三大类,慕课网上有对应的免费课程。建议边学边做会比较好。
但是慕课网吧,他东西也不全,所以我找了很久,后续的替代。让我发现了第二处宝藏:freecodecamp。
与慕课网一样的教学模式,左边教程中间代码调试框右边展示效果,无缝衔接了自己之前的学习模式。
ps:freecodecamp快刷完的时候网站崩了,后来在W3Cschool找到了一模一样的教程。
W3Cschool的界面优化更好,建议大家在这个上面学。
其中有一些和慕课网知识点重叠的部分,我懒得筛选直接重新都做了一遍,就当巩固了。
这些课程中真正让我感到编程乐趣和进步的,是其中的脚本算法部分。
非常建议大家自己思考认真做,实在没思路可以查答案,但最后还是要撇开答案亲手从零码一遍代码。
调试成功的时候非常开心,这可能就是编程的快乐吧~~
二、进阶巩固
经过之前的学习,大概(自以为)摸清了前端是在做个什么东西。
简单来说,HTML相当于是骨架,就一些标签之类的,这么长时间也熟悉地差不多了。万一遇到没见过的,现场查w3c也来得及;
CSS主要是渲染呈现页面,虽然不算简单但似乎不是很重要,先放放;
JavaScript作为前端逻辑核心,编程的精髓所在,之前娱乐式的粗浅学习不行,得补。
《JavaScript高级程序设计》(第3版)
无论是慕课网还是W3Cschool的教程,知识点都散而不深。那些课程就像教你1+1=2,2+2=4,只告诉你结果而不甚探究为什么,等自己遇到1+2这样的问题,就会当场失智。
但不得不说,上述课程对于无基础的自己而言,很有帮助。虽然是零散的知识点,但开阔了眼界,不至于对前端知识一窍不通,学起来也没有方向。
但本人可是要吃前端这碗饭的啊,就这水平怎么能行?本着要学就要学精学懂的精神,开始恶补底层知识。
排除了臭名昭著的犀牛书,俗称红宝书的《JavaScript高级程序设计》(第3版)就是最好的选择了。啃,就硬啃(不然还能怎么办呢?)。
面对简单的技术文档一脸懵逼的耻辱犹在,书啃起来是格外认真。当然,也稍微借鉴了些前辈的看法,毕竟这书是真的厚。
由于书实在是太厚,结合指南先跳过所有能暂时忽略不看的部分(根据个人精神状态酌情调整),剩下的逐字逐句读完,本书学习结束。
虽然通读了一遍,但头似乎更大了。
什么原型链,继承,闭包,事件流,冒泡,处于薛定谔的学习状态,好像懂了又好像依旧懵逼。重点句划了不少,笔记也记了一些,但似乎被作者降维打击智商碾压了……
别担心,作为入门弟子,第一遍以通读为主,对整个JavaScript语法、内容有所了解即可。毕竟是众人推崇备至百读不厌的神书,以后还要回头重温的。
这时候对JavaScript中的一些知识点脑子里有些印象了,但总感觉虚得慌。《高程》中的知识点似乎有些太底层了,缺乏与实践结合。
这个时候我又去看了第二本书《JavaScript DOM编程艺术》(第2版)
有了之前的功底,这本书可以说是友好度最高的一本了。友好度高,是指整本书的知识点是连贯的,看下来顺畅丝滑,不像《高程》有些碎片化且点到为止。
书中用到的语法都很简单,逻辑清晰,主要针对JavaScript中的DOM部分进行介绍,从零开始构建、优化一些实用的函数,十分建议大家手动跟着书敲一遍代码。
还有书中反复强调的渐进增强和平稳退化,更是要结合书中的函数,细品。
看完这本书,可以说对DOM部分的掌握有了十足的进步。
第三本书是蝴蝶书《JavaScript语言精粹》(修订版)
一本不错的书,很薄,本着去粗取精的原则,针对JavaScript的对象、函数、继承、数组、正则表达式、方法进行进一步介绍,过一遍就好。
三,实战演练篇
实践,我当时加了一个群跟着做了4、5个项目,听起来是挺少,但是学习的每个项目都是挑选了的,基本上能用的我都用上了,所以学以致用也是一个非常重要的点。(这个部分大概花了1个多月)
最后就是投简历啦!
目前我也正在探寻进阶方向,如果有想深入讨论以及需要我当时学习的视频的小伙伴可以私聊我分享沟通。