前端开发是可以从零基础开始学习的，关键是要有坚持不懈的决心。不要再找借口或等待资源，行动起来，前端和移动开发领域正等着你探索，高薪也近在咫尺。

### 第一阶段：HTML与CSS

- **知识点：**


- HTML5基础：[HTML5教程](http://pan.baidu.com/s/1jIcd84ecss3)

- 京东页面开发：[京东页面教程](https://pan.baidu.com/s/1pLlRwDl)

### 第二阶段：移动Web网页开发

- **知识点：**


- H5C3进阶：[H5C3进阶教程](https://pan.baidu.com/s/1dxkr9s)

- 移动端开发：[移动端开发教程](https://pan.baidu.com/s/1d3nxxW)

### 第三阶段：JavaScript网页编程

- **知识点：**


- JavaScript基础：[基础教程](https://pan.baidu.com/s/1nwoDKHN)

- JavaScript进阶：[进阶教程](https://pan.baidu.com/s/1skDXr6tWeb)

- 高级JavaScript：[高级教程](https://pan.baidu.com/s/1o8POXKmjQuery)

### 第四阶段：Node.js与AJAX

- **知识点：**


- Node.js基础：[Node.js教程](https://pan.baidu.com/s/1hZ2FBzvES_Toz6SgW0t-AA)

- AJAX编程：[AJAX教程](https://pan.baidu.com/s/1miXNrtQ#list/path=%2F)

### 第五阶段：前端框架实战

- **知识点：**


- Vue.js基础：[Vue.js基础教程](https://pan.baidu.com/s/1bUdzAkPVHJrJPcBuOgKpgA)

- React.js基础：[React.js基础教程](https://pan.baidu.com/s/132sHEVZRF40Dx8l7irrmgw)

### 第六阶段：微信小程序与小游戏

- **知识点：**


- 微信小程序开发：[微信小程序教程](https://pan.baidu.com/s/162KQbsiytuj35mEgZLF08g)

本教程会持续更新，关注获取更多资源。

学习Web前端的基础较为简单，主要涉及十几个常见的样式标签。但若想制作精美页面，则需要投入更多精力于图片、图标和美工设计，这是一个不同的方向。通常可以从模仿他人的作品入手。