如何快速成为一名Web前端开发者？_惠州前端培训学校

如何快速成为一名Web前端开发者？最近惠州北大青鸟很多学员都在问这个问题，那么下面惠州北大青鸟学术部老师给大家解答一下这个问题。

对于Web开发刚刚入门的菜鸟们，我觉得只有通过去做，去实验，学会Web开发，可能是学着学着，实验着实验着就会了。

没有人告诉你如何去做。我学习的时候，我的导师只是给了我一堆视频，一堆文档。我们从明确一个目标开始：“哦，这个阶段，我要独立完成一个简单的Web应用程序，例如新闻发布系统”。

或许学会如何开发Web应用程序只是在完成这个Web应用程序过程中产生的副产品而已。你可以管它叫项目驱动，也可以认为这只是学习任何语言的一个非常有效的方法。

一、分析与设计

无论做一个传统的桌面应用程序，还是做一个Web应用程序，前期的分析与设计是不可避免的。

分析：需求分析，你必须了解你要做的是什么，你的客户到底想要的是什么，在做新闻发布系统的时候，我就必须问我自己这样的问题：我的新闻发布系统能干什么，我想他是什么样子的等等。

当搞明白了，我到底要做什么的时候，就要开始设计了。设计是很繁琐的，记得以前做机房收费系统，设计几乎是改了又改，细化了又细化，这里也是一样。

对于刚刚入门的你，我想应该简单地画画页面流程图，选择什么样的工具？不重要，可以用Word，可以用Visio，即使用纸也无所谓，因为铅笔和橡皮能让你快速应变，只是如果要保存和传播，就不要选择纸了。这个时候，页面画出来，就是一堆框框的罗列，很简单，只要能让自己知道，这个应用最后大概会是什么样就可以了。当然点击某个按钮能完成什么等，可以用程序流程图表示出来，流程图还是推荐大家画的，因为这样你对系统的整个脉络会有更加清晰的认识。

二、网页原型开发

网页原型是用HTML开发出来的，肯定是要使用CSS渲染的。一般，我们的HTML文档都会利用外部样式来定义文档中使用的样式。Javascript也放在外部文档中，这个文档只包含了Javascript代码。

按照这样方式进行分离，网站将包含三种文本文件：HTML，包含页面的内容和结果；CSS：控制页面的外观和表示；Javascript，控制页面的行为。

HTML,Javascript,CSS文件必须是纯文本格式的，这样浏览器才能理解他们，推荐几款不错的编码工具：NotePad++（小巧，免费），EditPlus（功能全面的文本、HTML、程序源代码编辑器），VIM（速度，用它你可以把鼠标扔掉了）。

这个时候，在我的网页原型上做一些可用性测试，防止以后出现大面积的失误。在这个步骤的最后，我基本上就知道了我的web应用是如何组织到一起的了，前台页面有什么，各个页面是怎么跳转的等等。

这就好比，我做好了一个车模，剩下的就是让车跑起来了，又或者，我是造人，我已经把人的皮囊做好了，接下来就是做它的五脏六腑了，哈哈，貌似人不是这么造的，不太贴切。

三、网页实体模型

呵呵，理论上说，草图整完了，应该做实体模型了，仍然可以看做是页面的细化，不过这次看起来应该像最后Web应用程序成品的一个截图了。当然，如果你的客户就是你自己，只要你自己看着满意就可以了。

如果你是在不信任自己的Ps技术，或者，你实在没有审美细胞，又或者你不想成为大牛的网页设计师，你也可以偷懒，直接奔向网页原型的开发。当时，我就偷懒了，给自己的理由是：我是没有审美的程序员。事实证明，如果你没有实体模型，做起网页原型来肯定是要花费更多时间的，有句话说得好，“出来混，早晚要还的”。

四、选择框架

现在你已经知道了要去开发什么东西了，接下来的工作依然很多，我想，这个时候，你就该选择，要采用什么语言，什么框架了。

有选择自然就有痛苦。我至今没有看到，有人大胆宣称，哪个框架最好，哪种语言最好。

其实，它们都各有不同，每个都有自己的长处。最重要的是你要知道它们任何一个都能让你开发出好用的web应用。

选择合适自己的，真是不容易，还好，如果你并不想花时间去研究所有框架，那么建议你选择比较容易上手的ASP.NET框架吧，语言自然就选择C#了。

如果不是开发很小的系统，我想，你应该会用到数据库，如果你不知道如何选择，那就先从Access或者SqlServer开始吧。

五、开发进行时

好像蓄势待发了，那就挽起袖子开干吧，标准的编程工作嘛。在后台，你要创建类，对象，服务，过程，以及数据持久层来把这些对象保存到数据库中。

后台是整个应用的核心，对任何应用来说，它跟普通的编程没有什么区别，才用面向对象的方式，应用设计模式，等等，可以把C/S开发的经验应用过来。

然后，把后台的程序和原型界面集成到一起，把系统各部分集成到一起。集成的过程依然是可以用Javascript精雕细琢滴，采用jQuey，采用Ajax等等。

六、测试，调试。

这个时候，你的web应用程序开发已经接近尾声了，只是开发。再回头看看自己的需求和设计是否被实现，你同时还要确保你的程序能够在各种浏览器里都能正确的运行（如果是IE6，我想你还是会纠结一下的，至于为什么？真正做的时候，你就知道了）。

在各个浏览器中调试的时候，推荐你安装一些插件，例如FireFox浏览器中的Firebug，IE下可以用WebDevelopmentHelper等。

自己测试没有问题了，最好找一个身边的人简单测试一下，你也不希望，发布了后，你的应用被一些“愚蠢的网友”莫名其妙的操作搞死吧。

如果你是一个追求完美客户体验的人，那么接下来就要花些心思去改变你的Web应用程序去给用户创造更美好的体验了，这个时候依然会用到一些刚才提过的技术，jQuery和Ajax等，如果你选择Asp.NET框架，你可以试着了解一下Asp.NetAjax。

七、发布和后续工作

这最后一步是发布你的应用，如果你愿意，先发布一个Beta版，因为肯定会有bug，这样只有一小部分用户能够发现你的应用里的大问题。

他们会帮助你改进程序的质量。切记，不要忙着增加功能，要专注于把你目前的程序变的稳固。

经过了beta阶段，就要发布正式版了，这里会牵扯到一个推广的问题，像我这种小人物，我还是喜欢用微博，这是个好东西，如果你不懂，可以去了解一下这方面的动态。

或许直到你彻底完成自己的第一个Web应用程序才明白我开头说的那句话："或许学会如何开发Web应用程序只是在完成这个Web应用程序过程中产生的副产品而已"。

想知道更多关于前端的资讯，联系在线客服，或者来惠州北大青鸟新方舟校区了解了解。

前端

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟