万事屋软件科技

零基础的前端开发初学者应如何系统地学习?

A.学习背景
开始网站开发,起先是从手机网站的UBB语法开始的,也因此有了深入学习的兴趣。为了让学习的热情膨胀,我有意的培养这一爱好 ,定位了自己要成为一名优秀的网站开发员的目标。
作为一名只有高中水平的零基础初学者,周围也没有掌握相关知识的朋友,打算自学的我只有通过google,baidu来了解要学习网站开发所需要的知识点。
目前掌握的知识点
了解到网站分为前端和后端。
前端方面:由于我是从UBB语法上开始的,我一开始就选择了学习的XML,后来学到,schema的一知半解,到后来的DOM就出现了瓶颈,于是放下这个开始学习HTML,CSS,可是一直都觉得简单,也就当看电影一样一气呵成,便开始了学习Javascript,一直坚持到了自己能编写一些简单的效果,也在这里进一步的了解了DOM,此时我觉得可以进行一些进阶级的网站效果设计,可是忽然发现我对HTML+CSS原来是如此不堪,我并不能很好的用它们去编排内容,更或者说我连从哪下手去设计都不知……为此我迷茫了很久,又回过头来学习一遍,我才发现自己脑子里的知识点是一片混乱!
由于我是断网自学(手机上网看文字的内容还是很方便的),原因是为了不让自己在网络上分散了学习上的那份专注。所以对于图片等素材是很是欠缺的。我也知道前端对于熟悉PS,AI,Flash等图行工具很重要,可是我看了这么多教程,就是找不到学习的窃门,只能对图片进行一些简单处理,Flash更是难点重重,我就一直想不明白,用鼠标键盘怎么画出那么好看的动画。。。。。。
后端方面:我选择了PHP,MySQL。由于前面学Javascript的经验,学PHP也不是很难,学完了一些基础语法,MySQL也了解了建库建表,可就是一直没用过,这也是因为前面的知识点一直没找到突破口,所以也就没打算怎么去深入学习后台知识。
B.问题
一. 怎样编写标准的HTML+CSS,对于这些规范的标准很是不解,对于编写代码(包括js,php)有哪些好的习惯?我一直没有给自己写的代码注释,也许是目前自己写的都是太简单了。
二. 从Javascript , xml 上我都对DOM这一知识点上了解不深,是不是一种面向对象的知识,我该怎么去形象通俗的了解面向对象?
三. 我该如何去系统的整合我现在的HTML+CSS+Javascript+xml+PHP+MySQL的知识,或者说是如何系统的学习,作为一名单独的自学者,我很是迷茫这一点!???
四. 图形工具(PS,AI,Flash)方面,有没有一个好的学习建议或窍门?
五. 从未来的互联网发展趋势来看,还有哪些知识点是网站开发者需要掌握的?
C.后记
个人对自己的点评:1)可能是约束力不够,搞得知识面混杂。2)有点好高骛远了,基础没劳固就想开发?3)急功求成,对于一个23岁没收入的青年来说,如果不能早日学成,是个很可怕的事,压力啊!
在此我也讲讲发这一篇像博文般问题的原由,知乎作为中国首家专注社交问答类的网站,我认为这必然有它的出彩之处。这里牛人前辈也是特别的多,所以我想单纯的提出问题,还不如上百度算了,这里提倡社交式的问答,问题问的不止是要答案,还要是着重于社交这一点,所以我加入了对问题背景的产生,更好的让人了解了我的现状,对回答应该有所帮助。
同时我也是想着能否找到一些与我一样的初学者,相互提高;或者是偏重图形工具的人能与我形成互补,希望以后能有合作的机会。

最后,我对所有对我的帮助者致以真诚的感谢! 

坐在一个完全与编程无关的职位上,我对着电脑,想了好久,这个问题的发出两年多了,让我认识了好多朋友,大部分都是在校的学生,你们都正当年,我很开心看到你们这么热情的学习心态,同时我也想让其它更多看到这个问题的人,好好珍惜学习的机会。我是没有适当的条件的,我没有在编程开发这条路上坚持到我成长成为一个工程师。现在的我依然感到有点惋惜,因为,我即将开始一场属于自己的事业,必然的选择了与互联网,网站开发建设有关,呵呵,大家也别笑我没这能力还去搞这玩意,具体我做什么的就不在这里表露了。
顺便说一下,有心找我学习编程知识,共同进步的人,可能要失望了,但是,这些都不会阻碍我们能成为朋友,而且从社会经验来讲,我这草根人物,很多经验会适合很多人,有兴趣的不妨也可以问一下。联系我邮箱就行。
在此最后,真心感谢用心回答这个问题的答主们,您们辛苦了!感谢您们为这么多迷茫在这条路上的学习者提供了这么好指引,声明,我不是来骄情式的感恩,我是诚心的,没有饿过的人,永远无法知道饥饿者对给他们一块面包的人那种感恩的心。
还有一些回复,一些点赞的事,我就不锦上添花了,希望能理解。谢谢。