前端开发入门指南：从零开始学习

大家好我是一个不那么正经的“没有格子衫的程序猿”，本人的职业是一名专业的程序员，目前在南宁的一家软件公司任职前端工程师。从今天开始，我将会向大家介绍怎么从零开始成长成为一名根正苗红的前端攻城狮。

首先和大家说一说前端攻城狮的工作职能，以我自身为例子。我作为一名前端开发人员，首先要掌握基础的前端开发技术（HTML5，CSS3，JavaScript）；然后还要对美工设计有一定的理解(会使用ps切图等)；同时还要不断提示自己的技术能力，作为一个有理想的前端攻城狮，一定要学习一门后端语言，如PHP并且可以学习js的生态NodeJs。前端攻城狮大部分时间都是在和页面打交道，早上根据美工的设计稿码页面，中午调试页面BUG，下午根据页面编写js页面逻辑功能，晚上和后端开发对接数据接口。所以总的来说前端攻城狮主要的战场在页面逻辑功能这块的业务，后台的算法或者数据库不属于前端的业务范畴。前端开发的主要职能就是把网站的界面更好地呈现给用户。

接下来再来说说前端技术的发展历程。前端技术的发展其实也是互联网自身发展的一个缩影；前端技术指通过浏览器到用户端计算机的统称。在web1.0时代，大部分网站只能展示简单的图文信息，并不能满足用户在界面上的需求，而且在当时来说，对前端的界面要求也不高，只要能显示图片文字即可；只要会Photoshop和Dreamweaver就可以制作网页；这就导致在以前人们对前端开发的轻视，往往都是后端程序员称霸天下。但是在2005年以后，随着互联网进入web2.0时代并且随着电脑硬件的完善、高性能浏览器的出现和宽带的普及，前端技术给用户体验带来了更多的可能，使得前端在这里得到了一个前所未有的发展。

而且现在的智能设备也在促进着前端的发展。智能手机，平板电脑，智能手表，个人PC等等这些设备中的各个软件无不都在使用前端技术的。在web2.0时代，用户不仅仅只关注页面上的文字或者图片信息了，用户更多的也会关注网页的体验。现在的网页无论是在配色设计或者页面逻辑，都有严格的要求，有些网页为了能够达到吸引用户，甚至都加上了炫酷的动效。

web1.0时代的网页页面

web2.0时代的网页页面

以上两个网页的对比从视觉上来说用户更愿意接受图2，因为它比较符合人们对视觉审美。所以说现在的前端工程师越来越体现出了价值。现在大部分的软件公司都会有自己的前端开发工程师和UI设计师。这两个现在是不可或缺的岗位，有兴趣的朋友可以学习前端开发。

下一期我带大家认识一下前端开发，怎么写一个最简单的网页。