Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
前端开发课程体系

前端开发课程体系

《HTML & CSS》

第一章:初识前端开发

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

  • 文档类型 !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

第三章:布局和定位

第四章:表格和表单

第五章:页卡和多级菜单

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

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

  • 做一个复杂的多屏的页面制作
  • CSS编码规范
  • CSS hack
  • html条件注释
  • PNG图片压缩
  • 三栏圣杯布局
  • 兼容性根本原因

第七章:整站开发实践

  • 目录结构
  • 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游戏开发

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment