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前端开发的一片天空需要十八般武艺，需要走一条很长的路，但是我会坚持下去，不求健步如飞，但求一步一脚印。

附：

阮一峰的个人网站

Js编程中重要的中高级问题和技巧

张鑫旭-鑫空间

博客里有许多CSS相关的知识和技巧

Bootstrap中文网

菜鸟教程