前端课程大纲

第一部分:入门必看

  1. 什么是前端、前端/网页设计/交互设计区别、互联网公司角色、前端工程师工作内容、如何学习
  2. 前端知识点、本课程学习路线

第二部分:HTML

  1. 编辑器sublime使用、Html构成、理解html、js、css关系
  2. HTML基础、HTML元素、浏览器查看html结构
  3. HTML属性、html常见标签、注释
  4. html格式化、html样式的引入
  5. html链接、html图像
  6. html表格
  7. html列表、块级元素、行内元素
  8. html表单
  9. html内联框架
  10. 认识javascript、html常见事件
  11. chrome调试工具使用
  12. doctype、meta、头部元素
  13. 搭建本地web服务器、svn命令、在云平台创建web应用
  14. 颜色、字符编码、服务器状态码

第二部分:CSS

  1. CSS简介、引入方式
  2. CSS语法、常见样式属性、样式继承与覆盖
  3. 元素选择器、选择器分组
  4. 类选择器、id选择器
  5. 属性选择器、后代选择器、
  6. 子元素选择器、兄弟选择器、伪类选择器
  7. 背景、透明、渐变阴影
  8. 文本、字体
  9. 链接样式、列表样式
  10. 边框、表格样式
  11. 盒模型、内边距、外边距、边距合并
  12. 定位、相对定位、绝对定位
  13. 浮动、清除浮动、文档流概念
  14. 栅格概念、典型布局实例讲解
  15. 水平居中、垂直居中、div做三角形,display几种值、zoom用法
  16. CSS hack
  17. CSS实战点点网、PM百科

第三部分:Javascript基础

  1. JavaScript简介、引入方式
  2. JavaScript的基本数据类型、运算符
  3. JavaScript表达式、函数
  4. 判断语句、循环语句
  5. 字符串操作,数组操作
  6. 日期、数学函数、布尔
  7. 正则表达式
  8. 基本类型、引用类型
  9. 函数声明、函数表达式、arguments、call、apply
  10. setTimeout、setInterval、同步异步
  11. dom简介 dom方法
  12. dom属性 DOM事件 事件冒泡 事件捕获 事件代理
  13. BOM: 窗口、location、History、Navigator、Cookie
  14. ajax
  15. jquery选择器
  16. jquery事件
  17. jquery效果动画
  18. jquery添加、删除元素
  19. jquery设置样式、获取、设置元素尺寸
  20. Jquery遍历方法
  21. jquery ajax、跨域、jsonp
  22. jquery 实战练习

第四部分 JavaScript高级

  1. 轮播
  2. 懒加载
  3. 瀑布流布局
  4. git使用、github创建项目
  5. 作用域、this
  6. 原型与原型链
  7. 面向对象、继承
  8. 常用设计模式
  9. CMD规范
  10. 模块管理之Sea.js
  11. 构建工具之Grunt
  12. npm包管理器
  13. hexo+github搭建个人博客
  14. 性能优化

第五部分 HTML5、CSS3、移动端

  1. HTML5简介
  2. h5新标签、输入表单
  3. 离线存储
  4. Geolocation定位
  5. H5其他功能介绍:web workers、视频api、canvas
  6. CSS3选择器
  7. 边框、圆角、边框阴影
  8. CSS3背景、文本效果
  9. CSS3变形——移动、缩放、旋转、拉伸
  10. 过渡效果、CSS3动画
  11. CSS3布局
  12. 移动端新特性:终端检测、屏幕方向、触控事件
  13. 响应式web设计
  14. 前端常用框架简介
  15. 笔试面试题讲解
  16. 实战练习

编辑