前端开发课程体系

The front-end development course system.md

前端开发课程体系

《HTML & CSS》

第一章：初识前端开发

• 什么是编程——程序设计是一门艺术
  • http://zh.wikipedia.org/wiki/%E7%BC%96%E7%A8%8B
• 前端开发语言介绍
  • HTML http://zh.wikipedia.org/wiki/HTML
  • CSS http://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8
  • JavaScript 以下简称JS http://zh.wikipedia.org/wiki/Javascript
• 前端开发工程师职位和所需技能
  • 职位分支：制作、前端、大前端、全栈工程师
  • 职业规划和人才的市场需求
  • 必备技能和知识扩展
• 开发环境和开发工具
  • 浏览器，Chrome、Firefox、Safari、Opera、IE
  • 浏览器调试工具，F12
  • 开发工具，编辑器，IED，Sublime Text、Dreamweaver、Editplus、Aptana
  • 切图工具，Photoshop、Fireworks
• 做一个简单的网页
  • HTML、CSS、JS，代码编写位置和顺序
  • 理解他们的作用，结构、样式、行为
  • 讲解这个网页中每一行代码的意思，深刻理解网页是如何开发出来的
  • Developer ToolsF12的使用和简单调试

第二章：常用标签、标签属性和样式

• 文档类型 !DOCTYPE
• 标题 h1 - h6 ……
• 块级元素 div
• 表格 table tr td
• 图片 img
• 链接 a
• 段落 p
• 列表 ul ol li dl dt dd
• 行内元素 span
• 强调 strong em
• 其他标签
• 样式选择符
  • id选择符（#）
  • 群组选择符（,）
  • class选择符（.）
  • 类型选择符(div……)
  • 包含选择符（div p）
  • 通配符（*）
• 盒模型
  • width height border padding margin
  • W3C标准盒模型和非标准情况
• 背景 background
• 文本 font-family font-size color line-height ……
• HTML语意化和SEO

第三章：布局和定位

• 文档流
• 显示类型 display
• 浮动 float
• 定位 position
• 溢出 overflow
• 光标 cursor
• 垂直对齐 vertical-align
• 兼容性 http://www.w3help.org/zh-cn/causes/index.html

第四章：表格和表单

• 表格
  • http://www.w3school.com.cn/tags/tag_table.asp
• 表单和表单提交
  • http://www.w3school.com.cn/tags/tag_form.asp

第五章：页卡和多级菜单

• 用之前学过的知识点做页卡和多级菜单组件
• CSS sprites介绍

第六章：兼容性和高级布局

• 做一个复杂的多屏的页面制作
• CSS编码规范
• CSS hack
• html条件注释
• PNG图片压缩
• 三栏圣杯布局
• 兼容性根本原因
  • http://www.w3help.org/zh-cn/causes/

第七章：整站开发实践

• 目录结构
• CSS命名空间深入
• CSS reset，normalize.css
• 图片压缩、合并，雪碧图工具
• ICON添加
• 校验、检测
• 代码压缩和优化

第八章：HTML和CSS高级开发

• 模块拆分和重用
• LESS, SASS
• 开发框架
  • 960grid，Blueprint，Bootstrap，Foundation ……

第九章：技巧和经验

• 实战，做一些常用的页面布局和组件
• 介绍HTML/CSS一些技巧和经验
• 考试，每个人做一个个人主页

《JavaScript入门实战》

第一章：JS基础

第二章：数据类型、函数和表达式

第三章：字符串、数组和对象的函数基础

第四章：高级函数封装

第五章：BOM

第六章：DOM

第七章：事件基础

第八章：事件进阶、定时器、Cookie

第九章：对象、类和继承

第十九章：jQuery

第十章：Ajax和JSON

第十一章：JS动画

第十二章：正则表达式

第十三章：开发实战（上）

第十四章：开发实战（下）

第十五章：框架的使用和开发

《JavaScript高级程序设计》

参考《JavaScript高级程序设计》、《Javascript语言精粹》、《Javascript高性能》等书

《HTML5 & CSS3》

第一章：新标签和样式

第二章：新的盒模型设计和响应式布局

第三章：新的UI解决方案：圆角、阴影……

第四章：过渡和2D变换

第五章：3D变换和CSS3动画

第六章：本地存储、离线存储、地理信息

第七章：通信websocket

第七章：视频、音频、Web Worker

第八章：移动端开发 Webapp

第九章：Canvas & SVG

第十章：HTML5游戏开发