class

前端培训课程安排

在上课初期会有一个 Motivation 讲解，主要介绍前端开发这个行业的情况。

现阶段前端招聘都会JS基础，JS高级的知识作为考察要点，学好下面的知识，找一个前端工程师实习将不会是一件很苦难的事情。

适合刚入门和初级前端的同学来强化基础知识，同时也适合学习一段时间的同学来强化自己的能力。

Motivation

• 前端开发的发展历史
  • 刀耕火种 - 浏览器混战，jQuery 一统天下
  • 发现新大陆 - Node.js 发布 前端迈向工程化
  • 移动互联 - 移动设备网页开发技术兴起
  • 百家齐放 - angular， backbone， react， 为开发spa提供便捷的体验
  • 工具统一 - 在包管理器领域， npm打败的所有的包管理工具
  • 。。。
• 前端开发所涉及的技术，平台
  • B/S 架构
  • 各种各样的浏览器
  • 页面布局技巧
  • 浏览器兼容性
  • http网络协议
  • 用户解决开发难题的mvc和mvvm框架
• 前端开发的主要开发工具
  • IDE webstorm
  • node.js
  • chrome 浏览器
  • chrome 开发者工具
  • 翻墙工具

培训大纲

• HTML

  • 什么是doctype
  • 行内元素和块级元素
  • 流行的浏览器内核
  • html 语义化

• CSS

  • 选择器
  • 盒模型
  • 浮动与清除浮动
  • 定位
  • 兼容性处理
  • 响应式设计
  • 布局技巧
  • 性能优化
  • css 预处理器

• JS 基础

  • 变量与函数声明
  • 作用域
  • this对象
  • 闭包
  • 数组方法
  • 对象和JSON
  • 原型与原型链
  • 继承与多态
  • call 与 apply
  • ajax
  • 异步与同步的区别
  • 跨域处理
  • window 对象
  • 正则表达式
  • 事件处理
  • DOM 操作

• JS 进阶

  • Promise 对象
  • 各类模块加载器及其原理
    • requirejs
      • 加载机制
    • seajs
      • 加载机制
      • seajs的懒加载
  • 移动端开发
    • 事件处理
    • 解决点透问题
  • 前端构建工具的使用
    • webpack的使用
    • fis的使用
  • ES6
    • generator
    • let, var, const
    • 函数的扩展
    • 数组的扩展
    • 对象的扩展
    • class
  • 异步处理
    • Promise
    • async await
  • jquery 相关源码剖析
    • 链式调用
    • 事件
    • ajax
    • 选择器
    • 缓存

• Node.js

  • 什么是Node.js
  • node.js的模块机制
  • node.js的核心模块
  • 理解异步I/O
  • express 基本使用
  • gulp 自动化工具流
  • 数据库连接与操作
  • 路由操作
  • 登陆验证
  • 中间件
  • orm 数据库对象模型
  • 安全验证
  • 搭建一个简单博客系统

• JS 高级

  • React 框架使用
    • JSX
    • 组件
    • 子节点和数据传递
    • 神奇的ref属性
    • 事件
    • 组件的声明周期
    • 控制渲染来优化性能
    • 通过后端渲染来提升首屏
  • Redux的使用
    • Redux 的开发守则
    • Actions
    • Reducers
    • Store
    • react-redux
    • 使用redux-devtools
    • 异步Actions
    • 异步数据流
    • 中间件
    • 基于redux react的后端渲染
  • 完整开发一个spa应用

上课安排

每周5天，每天2个小时，每天都会留相应的作业。 周末会有个强化练习

招生计划

学生人数 <= 7

1234