中国石油企业课程定制方案

未分类

本课程大纲为中石油需求所定制

课程组成：授课 + 课后辅导
授课：根据课程大纲内容进行讲解
课后辅导：每节课后都有课后练习，讲师会根据学员所遇到的问题针对性辅导及解决。
上课安排：每周一次，一次课3小时，其中授课2小时，课后辅导1小时
- 总时长72时
- 上36次课
- 要上36周

JavaScript基础入门---课时：10时

课时：10时

第一课：

知识点：JavaScript开发方式、变量的命名规则、元素的获取、函数的使用、元素属性操作、字符串、运算符、

例子：入门小例子、简易留言板、图片切换
课后练习：热身练习

第二课：

知识点：流程控制if语句、布尔值、数组、状态使用、元素获取、流程控制for循环、this的使用、自定义属性
例子：切换多张图片、元素显示隐藏切换、选项卡
课后练习：模拟手机短信发送、百度文库评分

第三课：

练习讲解：模拟手机短信发送、百度文库评分
知识点：数据类型、类型检测、数据类型转换、运算符、函数定义、参数使用、return返回值
例子： 修改文本框的值
课后练习：找数据

第四课：

知识点：setInterval间隔型定时器、setTimeout延迟型定时器、定时器编号、清除定时器：clearInterval、clearTimeout，日期对象
例子：门户网站广告、倒计时
课后例子：图片自动轮播

第五课：

练习讲解：图片自动轮播
知识点：数组、字符串的方法、对象、for...in...、json数据格式、Math对象
例子： 文字搬运工、随机点名
课后练习：查找替换文字

javascript中级课程---课时：16时

课时： 16小时

第一课：

练习讲解：查找替换文字
知识点：DOM操作、DOM树、节点类型、创建&移出&克隆元素、元素尺寸&位置获取、getBoundingClientRect
例子：留言板、土豆登录框
课后作业：创建文件夹、tip提示

第二课：

练习讲解：创建文件夹、tip提示
知识点：事件流、事件对象、阻止冒泡、取消默认行为、事件绑定、解除绑定
例子：事件委托、简易拖拽、自定义下拉框
课后作业：放大镜

第三课：

练习讲解：放大镜
知识点：面向对象基本概念、构造函数、new操作符、原型、原型链、es6的class使用
例子：面向对象版的选项卡

第四课：

知识点：jQuery整体架构源码分析、ready、css、class类、html、index、data、attr、val方法的使用、选择器、链式调用
例子：选项卡、图片切换、留言板

第五课：

知识点：事件绑定、自定义事件、DOM操作、元素尺寸和位置、工具函数使用
例子：选项卡、图片切换、留言板

第六课：

知识点：jQuery动画、停止完成动画，extend函数源码分析、插件的原理、编写和使用
例子：无缝轮播

第七课：

综合实例--类“微云”网盘
功能：数据分析、渲染数据、数据处理、树形菜单、交互行为

第八课：

综合实例--类“微云、百度云”网盘
功能：全选、单选、新建文件夹、删除文件夹、框选文件

Less&&Sass大纲---课时：2时

课时：2小时

1. 概念
   
   • 理解预处理器
   • 扩展css语言
2. 环境搭建
   
   • Koala工具
3. 导入
   @import
4. 变量
   
   • 默认变量
   • 特殊变量
   • 多值变量
   • 全局变量
5. 嵌套
   
   • 选择器嵌套
   • 属性嵌套
   • 跳出嵌套
6. 混合mixin
   
   • 无参mixin
   • 有参mixin
   • 多参mixin
7. 继承
8. 函数
9. 运算
10. 条件判断及循环

Nodejs课程大纲 ---课时：6时

课时 6课时

第一课：

知识点： Node介绍、事件驱动、异步I/O、npm包管理器、引入模块 require、导出模块 module.exports、export、http模块的使用

第二课：

知识点：express框架安装和使用、中间件、路由、模板引擎、 path模块、fs模块

第三课：

知识点：MongoDB安装和启动、连接数据库、moggoose的使用
综合实战：网站的登录注册

Vue课程大纲 ---课时：16时

课时：16时

第一课：

知识点： vue的特性、Vue 实例、选项对象、响应的数据绑定、MVVM模式、指令

第二课：

知识点： 生命周期、条件和列表渲染、key值使用、样式、计算属性、watch、事件、修饰符、全局组件、局部组件、动态组件

第三课：

综合实战：todolist任务列表

第四课：

知识点：全局组件、局部组件、动态组件、递归组件

第五课：

知识点：单文件组件、vue-cli脚手架工具、路由、router-link、router-view、路由的配置、动态路径

第六课：

综合实战：类似“easy-mock”单页应用

第七课：

知识点： 状态管理模式、State、Getters、Mutations、Actions、Modules

第八课：

知识点： axios、数据请求模块、支持Promise的API

React课程大纲 ---课时：6时

课时：6时

第一课：

知识点： 环境搭建、创建组件、jsx、props传参、state定义状态、setState更新状态、绑定事件、组件间的通信

第二课：

知识点： children、PropTypes、defaultProp、受限和非受限组件、生命周期钩子函数

第三课：

综合实战： react版本的todolist任务列表

移动端 ---课时：8时

课时：8课时

第一课：

知识点：开发环境、目录结构、移动端基本概念、视口、
综合实战---类“奇妙清单APP”案例
功能：创建清单、添加任务、显示隐藏已完成任务、加星任务、排序

第二课：

综合实战---类“奇妙清单APP”案例
功能：编辑任务、设置日期和提醒、添加子任务、添加备注

第三课：

综合实战---类“豆瓣APP”案例
功能：下拉刷新、上滑加载、图片轮播、懒加载、搜索

第四课：

综合实战---类“豆瓣APP”案例
功能：书影音栏目、豆瓣接口数据请求、导航切换

angularJs大纲---课时：8时

课时：8课时

第一课：

知识点： angularJs的MVC模式、model 数据、view 视图、controller 控制

第二课：

知识点： $scope作用域、依赖注入、指令和双向数据绑定

第三课：

知识点： ng-controller、ng-app、ng-model、模块化操作angular.module、过滤器filter、管道符、自定义指令directive

第四课：

综合实战：购物车功能