宁皓网的 Web 开发课程框架

不断完善中...

学习前端

所有的 Web 项目都离不开前端开发，前端的设计决定了项目的界面，与用户的交互功能。HTML，CSS，JavaScript 这几样东西是前端开发的重要组成部分，一个高效的工作流程也是必不可少的。

语言

HTML，CSS，JavaScript。

HTML 与 CSS

很难把 HTML 与 CSS 分开，通过下面这几个课程，你可以了解 HTML 与 CSS 的基础，去创建一般的静态页面。

一个网页的结构，是用 HTML 创建的，网页上的不同部分与内容，需要用到不同的 HTML标签去标记，比如网页上的一段文字，要用 <p> 标签去包装一下，内容的标题需要用到标题标签，像 <h1> ... <h6> ，表示不同级别的标签。

网页上的样式是由 CSS 控制的，比如网页的背景，字体，字号，行与行之间的距离，不同区块之间的间隔的大小，页面的布局等等。

1. CSS 网页设计基础教程
2. 用960网格系统布局网页
3. CSS3 选择器
4. 响应式网页设计

框架

基于 CSS 界面框架去创建项目，可以少写很多样式，因为一般的用户界面需要的一些组件（导航栏，列表，选项卡，按钮，表单，幻灯片... ），在这些框架里都可以找到，你可以按照框架的用法去创建这些组件。通过定制，可以改变化框架里的组件默认的样式，把自己的设计应用上去。

• Bootstrap 3 基础教程
• HTML5 与 Bootstrap 应用实例
• Semantic UI（计划中）

预处理

用一种动态的方法去创建样式，这就是 CSS 预处理工具的功能，比如 Sass 或者 Less，你可以把它们想像成是一种创建 CSS 样式的动态语言。学会基本的 CSS 的语法以后，就可以学习 Sass 或者 Less 了，使用它们为项目创建样式，更简单，灵活，也容易维护。

用 Sass 或者 Less 的方法去创建 CSS 样式，然后把 Sass 或者 Less 编译成浏览器能懂的普通的 CSS。

• Sass 基础教程
• Less 基础教程（计划中）

JavaScript

网页与网页的用户之间的交互功能，是用 JavaScript 这种语言创建的，比如用户点击了页面上的按钮会发生什么，元素在什么条件下显示或者隐藏。

1. JavaScript 基础教程
2. jQuery 基础教程
3. Backbone 基础教程
4. Underscore 基础教程
5. Backbone 应用实例

HTML5 API

• HTML5：应用缓存
• HTML5：Web 存储
• HTML5：文件 API
• HTML5：文件系统
• HTML5：Web SQL

框架

• AngularJS 基础教程
• Meteor （计划中）

工作流程

• Bower 前端包管理
• Grunt 自动化任务
• Gulp 自动化任务
• Git 版本控制

设计

Photoshop CS5 网页设计

学习后端

工作流程

开发与生产环境

学习后端开发，一开始先要学会搭建开发与生产环境，后端的应用程序要运行在这些环境上，比如你要创建或者运行的是 PHP 语言写的应用程序，就要先去搭建一个可以运行 PHP 的环境。

• CentOS : 在阿里云上运行网站（前两章）
• Vagrant 开发环境
• 阿里云 ECS

语言

PHP

1. PHP 基础教程
2. PHP 面向对象

框架

Laravel

1. Laravel 4 基础教程
2. Laravel 数据库
3. Laravel 身份验证

内容管理系统

WordPress

1. WordPress 3.5 基础教程
2. WordPress 主题开发
3. WordPress 自定义内容类型
4. WordPress 内容关系
5. Wordpress 一分钟

Drupal

1. Drupal 7 : 字段 视图 关系（上）
2. Drupal 7 : 字段 视图 关系（下）
3. Drupal 日常维护
4. Drupal Rules 自动化操作
5. Drupal Commerce 电子商务 （ 上 ）
6. Drupal 7 多语言网站
7. Drupal 应用开发基础
8. Drupal 一分钟

数据库

• MySQL 基础教程
• MongoDB