Web前端开发如何零基础自学及学习路线(文末附赠教程一套)
零基础前端开发初学者一枚,无经验博客弱鸡一只,现阶段写不出具有广度和深度的干货。但是博客的意义或许就是“记录和整理点滴经验,仅供自己参考,若是恰好对他人有用,也算好事一桩”。
我知道万事开头难,学好某一技术并非易事,但我也知道“为之,则难者亦易矣;不为,则易者亦难矣”。我相信零基础也能自学好Web前端,那么问题来了……
1. Web前端是做什么的?
学习之前我对网页设计、UI、网页制所盒Web前端的概念很混淆,上网查了才明白:网页设计是指运用一些软件对网站进行美化,解决“好看”的问题;UI是指人与界面互动的优化,解决“舒适”的问题;网页制作着重PC端网页制作;而Web前端包括PC端和移动端的前端界面制作。
2. Web前端的基础技能及工作职责是什么?
爱它就要更深入了解它,学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实,这“很简单”,只要你精通HTML+css(包括现在的HTML5+CSS3)、JavaScript、JQuery,了解界面设计,了解后端编程,服务器知识+后端语言基础。
3. 怎么样才能学好拿高薪,Web前端开发职业的前途怎样?
个人觉得三百六十行,行行都蕴藏的无限可能,干一行就爱一行,只要脚踏实地,努力学技术,技术硬了,自然会有前途和“钱”途。但是努力学习之前,必须要明确的目标,否则就是“看起来很认真”而已。
4. 如何学?
说了一堆,终于说到如何学习Web前端了。我自己通过向师兄和同学请教,以及通过度娘、知乎及麦库搜索,给自己定下了学习方法。
1)html+css这部分 w3school在线教程上学习,也可以结合视频或者在慕课网学习,学边练。过一遍后模仿一些网站做页面。
学习这部分,我整理出的可以参考的书单是:
《Head first HTML&CSS》好入门,将w3school结合此书
《CSS权威指南(第三版)》有时间反复看,类似犀牛书
《图解CSS3:核心技术与案例实践》前几本停留在CSS2.1,2.1是基础
《CSS禅意花园》大牛所写,精粹
2)JavaScript w3school学习一些基本语法和定义,然后看书,实践。
这部分是重点及难点,我整理出的可以参考的书单是:
《JavaScript DOM编程艺术》(第二版)好入门,最新2010版()
《JavaScript高级程序设计》(第三版)Zakas
《JavaScript权威指南》犀牛书
《JavaScript语言精粹》老道所写 稍微入门以后看,了解中高级概念
3)学习一些后端编程,比如Jquery。
可以参考的书有:《JavaScript&Jquery交互式Web前端开发》、《锋利的Jquery》
下面是我的一个计划表。
第一步:3周(11.1-11.20)
完成html+css这部分的学习,主要通过w3school在线教程学习,重点参考《Head first HTML&CSS》
第二步:4周
(11.21-12.20)
完成JavaScript部分的学习,主要看书《JavaScript DOM编程艺术》(第二版)、《JavaScript高级程序设计》(第三版),结合线上学习
第三步:3-4周
完成第三部分的学习,锋利的Jquery
复习巩固6-12周
进一步巩固所学习的知识,并通过制作实例提高能力,最后找实习单位。附:本人收集的网络资源
不想当裁缝的司机,不是个好厨师,撑起Web前端开发的一片天空需要十八般武艺,需要走一条很长的路,但是我会坚持下去,不求健步如飞,但求一步一脚印。