我的web前端学习之路

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

本人工科出身，编程基础仅限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周