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