送给那些正在自学或准备自学前端的人!
关于前端的话题不能再多了,但作为一个自学者,希望以我的经历给你们一点启示或者帮助。 关于前端的学习资料和视频可谓多之又多,学习方法也是大相径庭,有推荐跟着慕课网的,也有W3C的,传智播客,这里就简单提一下吧。我想大部分都是零基础的居多吧,所以一些必备的基础知识都没有的话,后面的学习是很困难的。这里既然是自学,那么对入门的书籍或者视频选择应当由浅入深。好了话不多说,进入干货环节。 最基础的三个知识点就是html+css+js,但是很多小白可能并不知道html5和html,或者XHTML的区别,也不知道还有css2和css3的区分,我在学了近半个月以后只慢慢了解试试脉络。
-
html
这本可能不是最好的,但对于小白来说是最浅显移动,而且例子生动形象,慢慢加大难度,当时我是在自学了半个月以后去看的这本书,依然觉得很不错。这里我在推荐一个视频网站前端与移动开发基础视频,他很细致的讲解了前端究竟是做什么的,也提到3种最常用的IDE,另外我建议大家看视频最好就只看一个网站的就行,因为这样不耽误你的学习时间,节奏也不会乱,我是觉得这里的视频虽然难度不大,也不算很精,但入门很不错。
我希望自学的同学不要奢望像培训班那样,4个多月或许就能找到一份不错的工作。但你最好是一步一个脚印的慢慢来,培养自己的自学能力,这对以后框架的学习很有帮助。这本书无论是在校大学生还是普通的在职人员,你每天不需要花费太多的时间,就晚上2–3小时的时间,一个月,应该是可以看完的。之后我推荐你看学制项目实战,这是一个最基础的静态页面项目,跟着视频做一遍。你大致就能了解你以前看到各种形形色色的网络页面(不包括交互效果)是如何利用代码,也就是html+css2展现在你眼前的。 2.html5,css加强以及css3(重点canvas)
这里由于自身没怎么看书,也就不乱推荐了。这里我建议上W3C,因为有了前面一个月的学习,我相信你的自学能力已经提高了不少,或者可以自己找到合适的资源。这里推荐学制这个网页,你能找到练手的项目,根据自身的情况,亲自动手去实现页面的布局,同时也可以参考别人在github上代码,养成良好的书写习惯。掌握几个重要的技巧或者标签用法吧(我也不知道该怎么叫)。 伪类元素(包括各种符号的用法)
-
::before和::after
-
利用css3实现轮播,旋转,还有字体特效
因为我是辞职专心在家学习,可能时间上充裕一点,如果你是在上班的人,这里花费的时间可能会多一点45–60天。毕竟你每天的时间有限。 3.JavaScript
你肯定很想知道,你输入的账号密码是否匹配成功是如何检测的?也想知道那些弹框,页面上你点击鼠标带来的特效。也很好奇浏览器的前进与后退,缓存是如何实现的。那么你一定要学习js,因为你只要自己会JS代码,会写算法,你才能称得上一名前端程序员。如果大学不是计算机专业或者没有了解过C,C++,Java,或者算不上语言的VB,你一定要打好基础。如果前面的语法没有学好,后面的学习真的就是全程懵逼。在观看了3个网站的视频以后我觉得千锋源的比较系统和全面一些。https://pan.baidu.com/s/1tE61JoacUTDG-bEeVlIkfw找不到的同学可以 百度云转载 提货码成为一名码农 或者加扣扣裙851231348知识点很全面,也分的很细,尤其是对“正则表达式”,“面向对象和原型”,“继承”,“闭包”,“Function类型和函数”,“DOM和BOM”。就我个人而已觉得他是我看到最好的JS自学视频。
JS的学习肯定是离不开书籍的,我个人只买了2本,以后根据需要会自己去选择书。一本《JavaScrip DOM编程艺术精讲》,全书280页,一个月随便看完,结合视频和书中的例子,你会对浏览器的兼容性,和JavaScript对页面对象的处理有一个初步了解。之后你需要第二本书,《JavaScript高级程序设计》。一门语言的学习不是一蹴而就,得慢慢来。至少得4个月,当然如果你是天才,2个月也可以。 最后在推荐一个很不错的网址M D N,这里我把中文网址给大家JavaScript | MDN,有 条件的同学可以FQ看外文的。
讲到这里,你以为前端就这么简单,那你就大错特错了,真正的坑才刚刚开始!你会发现你学的越多,不懂的就越多,永远有学不完的新技术,新特性出来。
这里给大家说说学习过程中会用的许多软件,首先就是谷歌浏览器,再来个火狐和opera,三个主要浏览器,一定要一定要一定要学会F12自己解决BUG,和调试代码。当然你说要去兼容IE6,那好吧,出门左拐。
第二个git和github,一点要学会使用,不要求你对快捷键有多熟悉,基本功能,包括github pages得学会使用吧
第三个FQ工具,小白还是老老实实花钱吧,也不算贵,18块一个月,买不了吃亏买不了上当,少去Youtube看电影。FQ是为了你在使用github方便一点,同时学会使用Google输入关键字,寻找解决问题的办法,很多时候别人没有时间来帮你,也没有义务来帮你。
第四个IDE,开发工具,但对于我们来说可能只是代码编写工具吧,我还是首推sublime3,我2个月以来也一直用的是它,如何安装,下载插件自行百度,这个都要别人手把手教建议换个职业。最近我换成了webstorm,因为要从git上下一些代码,觉得方便些。最后一个,如果以后想前后端一起开发的,可以了解PHP,下一个phpstorm,用法和前者差不多。
最后,关于前端的学习,光这些哪里够啊.但是万丈高楼平地起,能自学7–8个月,做到上面我所说的,你离找工作也就不远了。后面的bootstrap框架和angular。以及jQuery,ajax,nodejs,等等这些技术,当你养成一个自我学习的能力,后面这些你可以通过一定的学习去了解去接触。也希望我的这篇文章能给那些犹豫不决的小伙伴一点帮助。
版权声明:本文为lyy-1原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。