怎么自学web前端开发,如何自学web前端开发呢?我想自己学

怎么自学web前端开发目录

怎样自学web前端开发_怎么样学好web前端

如何自学web前端开发呢?我想自己学

怎样自学web前端开发?

怎样自学web前端开发_怎么样学好web前端

1、首先,得学习一下html,主要是学习一下html标签的使用方法。

推荐一个学习平台,W3C菜鸟教程。

这个教程简单易用,适用于初学入门者,能比较完善的学习html是怎么使用的。

(如果感兴趣,学完后可以接着学一下html5,这个是目前最新版本的html,也比较简单的。

2、学完了html,接着当然是学习css。

html的作用是填充网页内容,css作用就是为内容加上外衣,让它看起来富有色彩,更好看。

推荐同样在W3C菜鸟教程上面去学习css,很简单,大概两三天的学习周期,这些内容需要强记一下,记下了多用就熟了,没有什么难度。

(学完css,可以接着学习css3,目前最新版本的css,这个有兴趣就学,一般的话css3用的不是很多,个人觉得)

3、学完了html,css,接下来是重头戏,轮到了我们的javascript,业界简称js。

很多程序员说js的难度超过了java,我想说的是,简单易学的入门,深究可能就要费脑子了,当然大家不要怕,企业应用级别的js也是很简单的,吧W3C菜鸟教程中的文档看完完熟了,也就了解了js的使用方法了,哈哈。

4、学完了上述的html,css,js后,咱们就可以成为一名合格的web前端程序员了。

但是光合格还是不够的,技术要拿得出手,工作中才能轻松胜任,学习咱们搞编程是不能停止学习步伐的,继续出发!学什么呢,学完js后,首先要学的是jQuery框架,说它的大名鼎鼎是一点都不为过,不知道jquery是什么的程序员我就不想说什么了,你现在知道它的重要性了吗,这个一定得好好学习。

5、接下来我想推荐另外两个现在非常热门的比较新的框架,它们未来会成为主流前端框架,一个叫angularjs,目前最新版本的是angular4,另外一个是vue.js,大家感兴趣可以学习学习。

如何自学web前端开发呢?我想自己学

第一步:入门 html & css ,用时 2 周

Head First HTML与CSS(第2版) (豆瓣)

head first 系列的书一直很受初学者欢迎,语言诙谐,图片丰富,行大字稀,这本 700 多页的书 2 周左右就能看完。

此书的用法非常简单,只需打开代码编辑器跟着作者的思路敲下去就可以了,一个个小案例从自己手上被敲出来,还真的很有成就感呢,因为是写给初学者的书,它假设读者没有任何相关的背景知识,新碰到的知识点,会用各种各样的图片说明一遍,生怕读者不懂。

这本书学完,只要不是太复杂的页面,基本上能够临摹出一套长相上差不多的了吧。

第二步: 入门 javascript ,用时 3 周

JavaScript DOM编程艺术 (第2版) (豆瓣)

这本书很薄, 280 多页,一开始看的时候,其实我是拒绝的,因为当时我的编程基础只有能够用 c 写出让别人输入两个整数然后打印出这两个数相加结果这种程序的水平。

然而即便如此,这本书依然能够让我看得懂。

此书前言的第一句就说了,“它不是专门写给程序员的,而主要是写给 Web 设计师的。

具体的说,本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。

”好吧,虽然也不是写给我这种初学的傻子的,但反正只要它不是写给程序员的就好,因为当时我不是程序员啊,当然我也不是设计师,但我会写一丁丁 HTML 和 CSS ,这就够了。

这本书跟上本书一样,新碰到的知识点,会专门用案例介绍一番,让人在不带着太多疑问包袱的情况下跟着作者的思路走,用法也跟上一本书一样,跟着作者的思路用编辑器一路敲下去,然后你会发现,自己能够给网页加特技了,duang~duang~ 棒棒的。

第三步:入门 jQuery,用时 3~4 周

锋利的jQuery (豆瓣)

这本书只需要看 1-9 章就够了,也就是 290 页左右的内容。

看完 《JavaScript DOM 编程艺术》 可能会觉得里面的程序很繁琐,想要达到一些目的经常需要拐来拐去的。

那么 jQuery 会解决这种繁琐,做到它所标榜的 write less, do more , 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。

这本书的内容有些啰嗦和跳跃,后面几章甚至还有错误,不过有上一本书的作为基础,配合搜索引擎是能够解决看着本书时碰到的绝大部分疑问的。

打开编辑器跟着作者的思路把书上的例子都敲出来跑一遍,另外把最后的案例吃透。

jQuery 就算是入门了。

最重要的一步:复习巩固,用时 6~12 周

OK 至此, 入门学习已经完成,接下来是复习巩固,这才是学习的真谛。

这一步,不能省略,不能省略,不能省略,重要的事情说三遍,否则会像一个学习了各种格斗技巧,但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。

此时可以用之前所学配合着搜索引擎模仿一些自己认为觉得好看的页面,学习使用一些第三方插件,大量模仿。

无他,唯手熟尔。

怎样自学web前端开发?

Web应用程序的开发过程

现在特征已经弄清楚了,我们就可以开始定义开发一个web应用程序的整个过程了。

当然,这依赖于工程的大小,过程中的某些步骤可能很小,在你的脑海里就能完成这种工作,但把事情整个的了解一下总是有好处的。

同时还有一点很重要的你要明白,这篇文章并不会对每个步骤进行深层次的描述。

步骤一:分析

开发一个web应用的第一步是分析你的需求。

你此时应该定义出一个尽量周全的你的应用应该提供的功能清单。

如果是你为一个客户做这些工作,你需要明白他们想要什么(要确保你们对方都知道对方在说些什么)。

从你们的讨论中,你能总结出需求和软件规格。

你即使是为自己开发,我也建议你把希望这个web应用能够做的功能写下来。

步骤二:设计

一旦你弄清楚了这个web应用需要做哪些事情,你就可以开始设计了。

这个步骤通常会反反复复进行很多次,每一次都把设计细化一些。

你第一要做的是画出页面流程图(画在纸上,或使用软件工具,凭各自所好吧。

我喜欢用纸,这样我可以做更快速的改变)。

页面流程图通常是很抽象的黑白绘画,画出你将要实现的web应用的样子(你可以加一些色彩,但尽量保持简单)。

这个步骤能够让你知道你的应用最终会是个什么样子。

跟37signals倡导的相反,我建议使用一些词语描述,适度细化。

当我想到一个很好的想法时,或想到事情该如何做时,我会把它标注到纸上(例如,当点击这个按钮时应该使另外一个元素改变或隐藏,我会把这写在流程图上)。

当你对做出的草图满意后,你可以开始制作实体模型了。

实体模型仍然是些图案,但有色彩和细节。

最终的实体模型看起来应该像你将要实现的web应用的一个截屏图。

如果你为一个客户开发,他会看看这些东西,并给你他的认可。

然而,很多人都喜欢跳过这一步(大多数都是非设计人员),他们喜欢直接奔向网页原型。

原型是用HTML开发出来,使用CSS渲染(有时也是有Javascript)。

这一步非常的重要,因为这里所有的东西都能用于你最终的应用中。

如果允许的话,在你的原型上做一些可用性测试,从长期的效果来看,这能使你避免大量的失误。

在这个步骤的最后,你基本上就知道了你的web应用是如何组织到一起的了。

登录页面有些什么,用户如何从主页转向到各个页面。

步骤三:实现选择一个框架

现在我们已经知道了要去开发什么东西,那就要把它做出来。

这一部分的工作很多,你大部分的时间都要花在这个上面。

你第一个要做的决定是如何着手,采用什么样的技术,什么框架。

你有很多选择的余地,你需要选出一个适合你的。

下面是一个最常用的框架的列表:

PHP上的任何一个流程的框架

PythonwithDjango

RubyonRails

没有一个明确的标准说哪个框架最好。

它们都各有不同,每个都有自己的长处。

最重要的是你要知道它们任何一个都能让你开发出好用的web应用。

开发

一旦你知道了如何去开发,那就要甩开臂膀开干了。

这个开发工作可以看作有很多块,但说到底,这都是标准的编程活动了。

在后台,你要创建类,对象,服务,过程,以及持久层来把这些对象保存到数据库中。

后台是整个应用的核心,对任何应用来说,它跟普通的编程没有什么区别。

接着是前台的开发,你现在编写的代码才是真正给用户使用的操作界面。

你把后台的程序和原型界面集成到一起,把系统各部分集成到一起。

你还可以把你在开发过程中想到的一些很炫的小功能用JavaScript实现。

再说一次,有很多种途径可以实现后台程序。

建议你去读一读跟你选择的框架相关的资料,弄清楚如何实现这一部分的工作。

通常,这些知识会跟面向对象编程有关,但有些框架正在慢慢的向领域驱动设计发展。

步骤四:打磨抛光

现在应用程序已经开发出来,各个独立的模块也集成到了一起。

你需要通过测试来确保你在步骤一中定义的需求和软件规格是否被实现(这个问题在你开发的整个过程中都要记在脑中)。

你要确保那些愚蠢的用户不能通过试图做一些你还没有实现的操作而把你的应用弄坏(参考白盒和黑盒测试)。

你同时还要确保你的程序能够在各种浏览器里(希望不是IE6)都能正确的运行。

现在也是你做一些小的调整,改进你的应用程序给人的感觉的时候,让它趋于完美。

步骤五:发布和后续工作

这最后一步(但不是就此完结)是发布你的应用,让用户能够真正使用它(如果这个应用是个公众开发的应用,别忘了做新闻宣传)。

如果你愿意,先发布一个Beta版,这样只有一小部分用户能够发现你的应用里的大问题(因为你的程序里肯定会有bug),他们会帮助你改进程序的质量。

不要忙着增加功能,要专注于把你目前的程序变的稳固。

当经过了beta阶段,你的程序已经变得十分的稳固,听取用户反馈的意见,自己试用一下自己的应用,你可以开始思考如何使应用变的更好。

找出不和谐的地方,消除掉。

以后每次的迭代都要经过上面所说的五个步骤,但就像我最初说的,你现在已经有了一个可以运行的应用程序,你很容易直接在心里完成这些步骤,直接奔向在代码里测试你的功能。

恭喜,你已经自豪的成为一个web应用程序的作者了。 (随机推荐阅读本站500篇优秀文章点击前往:500篇优秀随机文章)

来源:本文由易搜IT培训资讯原创撰写,欢迎分享本文,转载请保留出处和链接!