前端路线

前端

  设计组的前端方向,将来被叫做“前端工程师”,又叫Front End Engineer;可以百度一下前端,各种解释应该就会有了解了。简单来说前端要做的就是通过编辑器编写代码实现浏览器打开的网页效果。前端水很深,是个坑,欢迎跳坑,前方高能预警;
  关于就业和前景在此就不累述了,网络上各种社区论坛微信博客讲的都很好,就说一点,前端入门很简单,但想学好就难了,并且这也是为什么公司招不到优秀的前端工程师的原因。举个例子一个正常的高中生,学习一个星期就能写出一个不错的静态页,因此门槛很低,但入门后的大花园就繁华的多了。

工具
  编辑器:前端敲代码需要用到编辑器,很多啦,刚开始使用记事本,输出一个hello,world!OK,换吧,个人建议不要用记事本,当然有人会说记事本手写代码对刚开始学有利于记住代码,但是刚开始推荐直接用Dreamweaver或sublime text或EditPlus,其实写多了一样能记住代码,相信我。然后notepad++(服务器上经常是这个),hbuilder,富文本编辑器,Linux上的VIM等等。
  PS:几年前的前端被叫做“切图仔”。因设计师或者美工交给你设计图,然后你的活就是将图切开,然后用代码实现静态页。所以Photoshop是离不开的,有时前端也会设计logo或者网页Adobe illustrate也是分不开的。因此对于前端来说PS,AI必备。
  小工具:拾色器,截图工具,轻量级的图像处理软件eg:光影魔术手,美图秀秀等各种小众软件和在线处理网站,因为互联网的发展从C/S向B/S转变,在线的处理网站以后会越来越多。
  测试工具:浏览器(调兼容模式)(首先下载五大浏览器),IEtester,Utilu IE Collection(不推荐),DW设备检测,最完美的是测试IE兼容性1.原生操作系统2.虚拟机。不过知道这些没什么卵用,因为没人会这样做,并且浏览器调试就够用了。

路线
  在这里不像“思维导图”一样展开一条一条的,那样的路线百度一下就能看到,细化一下吧,说的可能有些偏差,但整体思路可以参考,欢迎修改和建议。
  有了工具就开始撸代码了,额感觉这个要写的东西很多,最难的就是这块儿了吧;html和css是基础,一定要坚固。多写,多看,多想。其实和设计差不多。额,开始可以选择看书或者http://www.w3school.com.cn/ ,看完这个你发现你还有做不出来你想要做的页面,然后就是模仿,练习。当用html和css写了至少5个页面后并感觉差不多可以向下学了,就开始接触JavaScript,然后跟着视频或者书籍也好,一个个demo便慢慢的浮现在你的文件夹中了,同时百度html5的新标签,发现H5好强大哦。然后练习,深入JS。然后JS和HTML5+CSS3选一个方向学,因为JS水很深,JS被公认为很难学的一门语言,只是开始没有面向对象的简单的DOM操作很简单。然后当你面向对象有困难时,可以看看JQuery,一个基于JS的框架,练习JQ。
  额,,后面尝试熟练JQ,或者JQuery UI,JQuery Mobile,bootstrap,ajax应用各种基于JS或者JQ的框架。
  同时你可以接触一下后台语言,php,.net,或者以后用JavaEE,spring等等。需要了解的知识,C语言,数据库,离散数学,http协议,计算机网络,数据结构,操作系统,计算机组成原理。
  上面知识了解,后期AngularJS,reactJS,或者NodeJS,然后基于node.js的Grunt,Gulp等等。

视频
视频网站
  网易云课堂 http://study.163.com/
  慕课网 http://www.imooc.com/
  妙味课堂 http://www.miaov.com/
  智能社 http://www.zhinengshe.com/
  极客学院 http://www.jikexueyuan.com/
  传智播客 http://www.itcast.cn/
百度云盘分享,这个设计组网盘里面有,其实也是培训机构分享到网络上的,建议html+css不要看视频,JS刚开始可以看一下视频,然后遇到问题百度,多想,写demo,模仿优秀网站。

书籍
《JavaScript高级程序设计》
《JavaScript DOM编程艺术(第2版)》
《锋利的jquery》
《JavaScript 学习指南》(犀牛书)
《CSS禅艺花园》

社区
  前端网址导航 http://www.whycss.com/
  前端开发仓库 http://code.ciaoca.com/
  前端乱炖 http://www.html-js.com/
  博客园 http://www.cnblogs.com/
  CSDN http://www.csdn.net/
  推酷 http://www.tuicool.com/
  Github https://github.com/
  大一大二在这里面挖掘基本够了,还有科技类社区新闻或者个人优秀博客就靠自己探索嗅探了

分块路线整理

一、 基础
HTML(了解各个标签的含义,快速过去,遇到记不住的再查) CSS(这个就是把每个属性熟悉下即可) HTML+CSS(重点了解下盒子模型,块级、行内元素特点,还有各种布局) Ps:这个阶段就是大量的重构页面,总结下常用的布局技术,多练,多总结

二、 美工
身为前端会点PS是必要的。切图时必不可少的。所以了解些简单的PS操作,不要你做多好的图片,会切就好。
三、 Javascript
Js属于编程语言,水很深,建议看些入门教学视频,同时看些书籍,对原生js有个系统的了解。
1、 语法(必备的)
2、 Js的面向对象编程(OOP)(做到心中有谱,具体在以后穿插)
3、 DOM操作,事件驱动(平时就主要干的就是这个了)
4、 HTML5脚本编程(暂时可不用管)
5、 Ajax(前后端异步信息桥梁)
6、 Json XML等数据格式
JS就是多练,把各大网站的效果自己写代码实现。俗称造轮子。使劲造,为什么写代码的叫工程师,因为需要一定(大量)的工程量!!!
四、 各大框架
比如bootstrap、Foundation、Uikit等等,看流行度了。
五、 各大流行js库
著名的就是jquery、 Dojo 、Scriptaculous 、Prototype 、yui-ext 、、Mochikit、mootools 、moo.fx 和上一部分这个就是结合项目特点选择相应的框架和类库了。
六、 了解后端知识
可以学习些后端的知识,很有好处。可以尝试node+MongoDB,也可以PHP+Mysql
七、 常用前端工具
比如前端预处理工具,less scss ... 自动化工具glup grunt包管理器 bower npm,模块化加载器seajs requires移动端手势库:Zepto Swipe Jquery Mobile 项目管理器github 原型设计:Axuer RP,
其实到这,你已经学习了很长时间,已经有自己的前端理解了。而这时候也有很多的方向等着你,比如H5开发,webapp开发,转nodejs服务器端,同时你也可以参考各大招聘网上,招聘公司对于前端的要求,有针对地学习等等,你的前面有很多东西,等着你去学习,还有很多新技术在诞生,前端要求的就是不断学习的心。
总结:作为前端入门的话,把前端三大基础,HTML CSS JS搞得差不多,就行了,剩下的不用我说就知道该学什么了。

附上我的github地址:https://github.com/wangshengfei/Design-Group

你可能感兴趣的:(前端路线)