新手如何系统的学习（自学）web编程技术？我的php自学心得（一）。

web基础教程 初级

写在前面

仅以此文献给还在迷茫的小白们。 我有一个好朋友，今年7月份的时候跟我一起大学毕业，为了工作难四处奔波，最后我找了一家小公司做了php程序员，他做了一家医疗器械的销售，他跑了两天辞了职，然后决定再找就找技术类的工作。

我曾经推荐他在大学期间学习java，所以算是有个“hello world”的基础，于是在7-8月份找了快一个月的编程工作，未果。我俩也曾探讨过关于他现在的尴尬处境，于是我推荐他先学习前端编程技术，原因是

1. 学习成本低，难度小，上手快。
2. 互联网web技术一直很热门，相比其他技术找工作应该会容易一点。
3. php与前端技术关联紧密，难度也不大，转型容易。

好，开始正文，我假设您没有基础，而且我尽量用“人话”讲

1. 网页的本质是什么？

• 拿起你的鼠标在桌面空白处右键->新建->文本文档，起名为

2016-08-12_222245.jpg

，这时将后缀名改为“.html”，你发现图标变成浏览器了

2016-08-12_222218.jpg

,这就是一个空白的网页文件，网页文件的后缀名为“.html”。

• 所以说，网页的本质，其实就是文件，你可以只用记事本就可以轻松的创建一个网页。
• 小试牛刀，用记事本打开刚才的文件，输入如下代码（如果觉得多，就输入中间哪一行，不过可能编码会有问题导致中文乱码）

2016-08-13_092817.jpg

效果出来了么？

1. web前端基础知识都包括哪些？

明白了网页的本质，接下来就是实际的技术问题了，您需要掌握的技术有：

• HTML
• CSS
• JavaScript

目前的你只需要掌握这三种，当你会的差不多了，不说自己完完整整的写一个前端框架，只要能大致看懂别人写的代码的时候，也许你还需要进阶学习一下JQuery，Ajax，bootstrap框架，php等等，我们慢慢来。

1. 你需要一个好用的编辑器

• 这里我推荐大家用EditPlus或者Sublime Text,这两款软件您就把他当成一个加强了的记事本就好，实际上它应该就是。

2016-08-12_221657.jpg

2016-08-12_221714.jpg

• 这里我还要推荐大家用chrome浏览器，不论你是上网还是调试代码，真的很方便。

1. 学习方法与步骤

• 接下来这一周的时间，您需要搜藏W3C这个网站，因为你要用每周的空闲时间来把这里的HTML与CSS部分看完，别忘记跟着敲一遍，这样你的成长会飞快！
• 为什么我说一周呢，我是在大二的时候自学php，经历过就把我的经验总结分享给大家，其实html这东西三天足以，看了三天您要是还一头雾水的话...只能说您没认真对待。熟悉基础语法的话一周应该足够（我说的是下班空余时间），不要把它想的很难。
• 接下来，您已经看完了它的基本知识，如果您还想巩固一下的话，可以去慕课网的这个教程上挑选自己不太熟悉的地方复习一遍，一般1~2天（我本来想说2小时的）吧，好，到现在为止，您应该可以算一个初级实习生程序员了：）

写在后头

• 其实仔细想一想并没有什么，最常见的标签无非就是 <div> <span> <p> <from> <img> <a> <ul> <li>
• CSS的属性太多记不住？没事的，常见的认识就好，一口吃不了胖次，不对，是胖子。主要还是入门，这些属性等你用到的时候百度都来得及。
• 第一期的入门就到这里了，题主当时学php的时候可是每天到晚上12点，光是教学视频就三百多部，每集基本上要一个小时，最难的是题主看完会自己敲一遍...心酸啊！

2016-08-12_230243.jpg

好，期待下一次与您见面，最后送大家一句话

精诚所至,金石为开。 共勉。