我的web前端学习之路

  作者:娟娟罗

学习前端知识纯属偶然,但是随着学习的深入觉得还挺有意思,于是坚持学习了两个月,中间得到了很多人的指导,渐渐对前端开发也有了入门级的认识。本人工科出身,编程基础仅限c语言,在这种情况下,我的老板把我招进了公司,于是我开始了为期两个月的实习。实习期间,我先后学习了:html css —> html5 css3 —>JavaScript jQuery—> React ES6,老大给我开的书单有:《web开发入门经典》《Head first HTML&CSS

学习前端知识纯属偶然,但是随着学习的深入觉得还挺有意思,于是坚持学习了两个月,中间得到了很多人的指导,渐渐对前端开发也有了入门级的认识。


本人工科出身,编程基础仅限c语言,在这种情况下,我的老板把我招进了公司,于是我开始了为期两个月的实习。实习期间,我先后学习了:html css —> html5 css3 —>JavaScript jQuery—> React ES6,老大给我开的书单有:《web开发入门经典》《Head first HTML&CSS》《CSS权威指南》《精通CSS》《JavaScript权威指南》《JavaScript高级程序设计》《JavaScript语言精粹》《jQuery实战》,可见大佬都认为js是前端开发的重点,用的开发工具是vscode,当然也推荐使用sublime,参考网站有:w3school、highcharts、菜鸟教程、css88.com  ...


HTML CSS 

学习这部分感觉很轻松,就是看w3school上的语法和demo,很好理解,而且是真正的“所见即所得”,操作性强,基本上把所有的概念过了一遍,把demo选择性的敲了一遍,看了下《Head first HTML&&CSS》此间学习了git的基本用法,创建了gitlab账号,学会推拉代码,创建切换分支等操作。CSS也是走马观花的看了一遍,最后总结起来,这里面的东西浓缩为一句话就是:盒子模型和布局。这两点弄懂了基本上html和css就算过关了。回忆起来,当时看了两天,老大就让我学着写demo,还不让用智能编辑器,我当时用的notepad++敲了3周代码,写的demo实现出来的效果就是一坨shit,因为当时的我没有盒子模型的概念,没有布局的概念,所有的定位都用的width,height,padding,后来看到css3才知道到flex弹性布局。学习参考时间:2周。


HTML5 CSS3 这部分真的是走马观花的看了,也没怎么研究demo,感觉就在前面的版本上加了些新的标签和布局的方式而已。学习参考时间:1周。


JavaScript  jQuery

这一部分可以说是前端知识框架的核心了,有人说html是骨架,css是皮肉,js是灵魂,也有人形容他们是结构、样式、行为相分离,对于初学者理解到这层就差不多了,但是到了后面的学习框架,思维方式就得转变了。回归正题,这部分是学得最让人头疼的,对于没有雄厚的计算机基础知识背景的人来说,强烈建议,一遍看视频,一遍看w3school,一遍敲demo,这样才不至于云里雾里,我当时看的是渡一教育的视频,主讲人是姬成,本人挺喜欢他的上课风格的,风趣幽默(不是打广告哈)。讲真,闭包,对象字面量,变量提升等等这些晦涩的概念,我都是在他的讲解下才得以理解的。期间,我自己摸索着写了轮播图、公司项目的搜索界面、导航栏、导航栏弹出菜单、数据图(highcharts)、数据表(table)、数据图表的详情页。置于jQuery,我没怎么深入了解,仅仅限于百度几条语句的使用。学习参考时间:4周


React ES6

这一部分的学习持续了3周,就离职了。这块学习起来可以说很痛苦了,刚刚对js语法熟悉了一点,然后就来了es6语法,还有react完全不同的开发思维(根据接口来编程的思想),然后接着把之前写的demo用react重新写了一遍,期间不断的补充es6语法,还有参考react中文官方文档,虽然很不甘心但是学到这里就戛然而止了,老师催我回去干项目了。学习参考时间:4周

————————————————

本文为CSDN博主「VincentFu2017」的原创文章

原文链接:https://blog.csdn.net/Shrekul/article/details/82632076


有用  |  无用

猜你喜欢