大学专业是数字媒体技术,最开始接触的是网页开发,可视化Dreamweaver将元素拖拽,更改属性参数,即可生成网页,那会对js认知并不深刻,对基本的网页布局、网页元素有了了解。专业课有网页设计,Photoshop和UI设计,多媒体设计,后端java、jsp,甚至c语言等等;不过大学仅仅是了解性的学习,作为专业知识储备,还是很感激自己的专业和老师们,有点怀念母校了~~
切入正题,我的前端学习是自学的,就像好多人问我在学校学了啥,我想说的是学校让你了解有这个方向,有这个市场,如果你想学知识,那一定是长久的,不分地点的坚持才能有所收获的。
我刚毕业做网页设计,培养了自己UI设计的思维,如何体现这个产品,如何切页面,如何做好兼容性,如何一套代码pc端和移动端都可以正常显示,做了一年后开始学习框架,把前后端都会的人视为大神,感觉他们运用自如。网页设计让我有了设计和产品的思维,好多时候都可以站在用户角度思考问题。
另外有些人问我,是不是对英语有很高的要求,都是英语环境。可以这么说,英语是个工具,长期学习积累肯定没坏处,我们现在运用的开发技术基本上都是国外大佬开发,英语是他们的母语啊,所以我们也不要怕,有些开发工程师,用几年将英语学好,运用自如。
我是英语学习爱好者,提升上虽然慢,有难度,但很有意思,做些有意义的事情感觉也不错。
一、基础学习之路
如果你对这个行业未知,请从菜鸟教程看起,每个模块中基础的网页,请全部看完,尽量全部心里有数,消化掉它们,其实不难,多看,多练,多想,这是开发的基本知识。辅助的视频教程可以看,我觉得菜鸟教程很基础,慢慢看也是可以的。
菜鸟教程HTML 菜鸟教程HTML5 CSS CSS3 JAVASCRIPT es6 git
开发软件,在你看代码教程时候,都会有推荐,有安装和使用教程,我推荐使用vscode,轻量,插件多,一开始练习demo就用它,相信你会喜欢上它的。
二、中级提升之路
如果你已经能做基本的网页设计,能用js做基本的交互,那么可以看看以下教程,自学提升。
jJavaScript高级,《JavaScript高级程序设计(第3版)》,这本书从基础讲解,很厚,很实用;另外就是es6语法,像阮一峰等国内大咖的博客等等都可以学习es6;前端框架熟悉vue,react,angular,ui框架有element UI,移动端也有很多框架等等都可以去社区系统了解,比较容易上手。
自己搭项目也要学习webpack,从简单的登录、注册等等页面开始。学习完上边,可以说你已经入门了前端行业,在工作中多看看大佬们的代码,多想想,不会就查,没见过的东西就查。
三、坚持学习
平时除了上班,自己写写项目,多看看js高级教程,有问题多上网搜,找到权威的专业网址用英文搜,码农类的网站有很多,开源的框架和技术都有社群和开发指南,收藏下来,经常看看,多想想。
主流学习还是js,es6,大佬们运用的简直是简洁又强大。除了这些,学习git基本使用,是方便团队合作进行代码管理,后端基本了解,因为现在都是前后端分离要和后端配合写项目;另外也可以看看移动端开发,现在还有混合开发等等,在这个行业就是不停止的学习,多看。
工作中的项目提升最快,会一种框架,其他框架上手也会相对容易点,我比较喜欢vue和react。
前端学习主要靠自己对知识的运用和消化,有些技术点我也是看了好多遍看懂了,发现了其中的乐趣后,觉得开发很有意思。
本文仅作为个人分享,不喜勿喷,学习无止境,大家都有更好的方法,欢迎交流,有问题,欢迎留言。