上海实体班:不想学好 JavaScript 的程序猿不是好攻城狮

什么是程序猿?

  • 性格单纯,直接,大部分会卖萌,相处起来轻松;
  • 程序员往往是对一件事特别执着的人,耐得住寂寞,并且专一;
  • 而且工作很忙也杜绝了出轨的可能,还有聪明啊,对下一代有好处O(∩_∩)O…

找一个程序猿做朋友好处多多,作为一名程序员好处多多啊~(^__^) 房子、车子、票子、挑逗高富帅、赢取白富美…想想就很激动呢~

想不想要?一扇通往 IT 职场进阶的前端之门已经打开!妙味上海 JavaScript 实体班学员名额火热预定中…

《JavaScript 资深全栈 WEB 工程师进阶课程》

开课时间:2017 年 9 月 19 日

内容详情:http://miaov.com/index.php/course/coursedetail/cid/36


课程简介:

今天的前端开发领域已经在飞速发展, 企业要求的前端知识体系也正日益复杂。 新出的框架和其他语言的理论尚未在前端流行开, 马上就被另一波眼花缭乱的框架和理论覆盖淹没…… 为了不让大家在各类框架集、工具集等纷繁复杂的环境中彻底迷失, 我们慎重的考量了多项技术的搭配组合, 精心为大家准备了这套升级版 JS 课程体系。

课程服务:

1、全程有资深讲师面授讲解
2、海量 VIP 会员视频观看权限免费赠送
3、可反复多次向讲师提问,享有面对面解答讲解,以及作业批改服务
4、讲师提供技术支持,辅导做出优秀的学员作品
5、绝佳的工作推荐机会

学成作品:http://miaov.com/index.php/example/exampleList

课程大纲

第一章:JS 入门 - 原理分析、语法规则、自定义属性操作、if、this、for

  • 1.1 - 网页特效原理分析
  • 1.2 - 编写 JS 的流程
  • 1.3 - 第一个 JS 特效实例
  • 1.4 - JS 中的属性操作
  • 1.5 - if 判断
  • 1.6 - 图片切换综合实例
  • 1.7 - 元素获取的其他方法
  • 1.8 - for 循环
  • 1.9 - 关键字:this
  • 1.10 - 自定义属性

本章节案例&练习:
模拟单选
点击生成V形并变换四个方向(提高版)
图片切换综合应用
控制多组图片
好友列表练习
模拟手机短信发送
百度文库评分
百度音乐全选
京东幻灯片

第二章:ECMAScript 5.1、数据类型、函数传参、作用域、运算符、流程控制

  • 2.1 - JS 语言核心:ECMAScript
  • 2.2 - 运算符
  • 2.3 - 函数传参
  • 2.4 - JS 作用域
  • 2.5 - 程序流程控制

本章节案例&练习:
修改文本框的值
商品累计
验证QQ号码
找数据

第三章:定时器和日期对象、setInterval、setTimeout、MTween、new Date

  • 3.1 - 定时器
  • 3.2 - 清除定时器
  • 3.3 - MTween 运动框架(基础版)
  • 3.4 - 日期对象

本章节案例&练习:
图片时钟
图片轮播
点击加分效果-可重复点击
图片切换
商品下架
自动切换选项卡

第四章:字符串和数组、JSON、for in、Math对象

  • 4.1 - 字符串
  • 4.2 - json 和对象
  • 4.3 - 对象遍历 - for in
  • 4.4 - Math 对象
  • 4.5 - 数组的方法

本章节案例&练习:
图片排序
查找替换文字
消除表情小游戏
文字搬运工

第五章:DOM - DOM 基础、DOM 节点、元素的操作、表格表单操作

  • 5.1 - DOM 基础
  • 5.2 - DOM 节点
  • 5.3 - 元素的属性操作
  • 5.4 - 元素的操作
  • 5.5 - 操作表格/表单

本章节案例&练习:
留言板
创建文件夹
表单表格数据操作
多级菜单
商品筛选
Tips 提示
上移下移
左右移动元素

第六章:BOM - BOM 基础、常用方法、常用属性

  • 6.1 - BOM基础概念
  • 6.2 - 常用方法
  • 6.3 - 常用属性
  • 6.4 - 窗口尺寸
  • 6.5 - 常用事件

本章节案例&练习:
遮罩层
土豆网登录弹出层
返回顶部
招聘信息

第七章:PC/移动端事件基础 - Event 对象、事件流、事件默认行为、mTweenPlus 实现

  • 7.1 - 焦点事件
  • 7.2 - Event 对象
  • 7.3 - 事件流
  • 7.4 - 键盘事件详解
  • 7.5 - 事件默认行为
  • 7.6 - 移动端事件

本章节案例&练习:
放大镜
仿select
事件委托
多模式切换幻灯片
延时菜单
右键菜单
键盘控制元素移动 - 游戏人物运动

第八章:事件应用 - 简易拖拽、碰撞检测、自定义滚动条

  • 8.1 - 简易拖拽
  • 8.2 - 碰撞检测
  • 8.3 - 自定义滚动条

本章节案例&练习:
鼠标改变数值
QQ 邮箱删除
自定义滚动条

第九章:正则表达式、new RegExp、子项、转义字符、量词

  • 9.1 - 复习字符串操作
  • 9.2 - 找出字符串中的所有数字
  • 9.3 - 什么是正则表达式
  • 9.4 - 正则的写法
  • 9.5 - 正则.test()
  • 9.6 - 字符串.search()
  • 9.7 - 修饰符
  • 9.8 - 字符串.match()
  • 9.9 - 字符串.replace()
  • 9.10 - 子项()
  • 9.11 - 正则表达式字符类
  • 9.12 - 转义字符
  • 9.13 - 量词
  • 9.14 - 正则首尾
  • 9.15 - 常用正则实例(数据校验)
  • 9.16 - 静态对象封装正则工具

本章节案例&练习:
查找字符串中数字
数据校验
格式化日期
查找出现次数最多的

第十章:面向对象编程基础、构造函数、prototype 原型、原型与原型链

  • 10.1 - 面向过程与面向对象
  • 10.2 - 面向对象编程的特点
  • 10.3 - 对象的创建
  • 10.4 - 构造函数
  • 10.5 - prototype 原型
  • 10.6 - Mixed Constructor Function/Prototype Method
  • 10.7 - 面向对象的选项卡分析及实现过程
  • 10.8 - 面向对象编程(OOP)总结

本章节案例&练习:
选项卡
面向对象的幻灯片

第十一章:面向对象深入、包装对象、toString 使用、继承

  • 11.1 - 包装对象
  • 11.2 - 对象常用操作
  • 11.3 - 继承

第十二章:面向对象-组件开发、组件配置,extend 实现、组件事件

  • 12.1 - 组件介绍
  • 12.2 - 组件方法的作用和实现
  • 12.3 - 组件配置的作用和实现
  • 12.4 - 组件事件的作用和实现

第十三章:jQuery3 介绍-整体架构,css()、html()实现、sizzle.js、Event、动画 animate

  • 13.1 - 什么是 jQuery
  • 13.2 - jQuery 整体架构
  • 13.3 - 实现自己的 VQuery
  • 13.4 - jQuery 内置选择器库 Sizzle.js
  • 13.5 - $()中的参数说明
  • 13.6 - jQ 中对 DOM/BOM 操作
  • 13.7 - jQ 中对 event 操作
  • 13.8 - jQuery 动画研究
  • 13.9 - jQuery 工具方法和静态方法分析和使用

第十四章:Ajax 介绍及工作原理分析、XMLHttpRequest、onload、onprogress、JSONP 原理

  • 14.1 - 什么是 Ajax
  • 14.2 - 使用 Ajax
  • 14.3 - 发送请求方式(get 和 post 的区别)
  • 14.4 - 处理返回数据
  • 14.5 - 数据的异步无刷新上传与下载
  • 14.6 - 跨域请求
  • 14.7 - 跨域的问题和常用解决方式
  • 14.8 - JSONP
  • 14.9 - jQuery 中 Ajax 使用

本章节案例&练习:
动态留言本
jsonp-获取豆瓣接口

第十五章:JQuery 插件、表单验证插件、$().extend(),自定义事件

  • 15.1 - 面向对象
  • 15.2 - jq 静态插件—表单验证
  • 15.3 - jq 动态插件—拖拽

第十六章:JavaScript 兼容性、forEach、querySelector、attachEvent、stopPropagation

  • 16.1 - javaScript 基础
  • 16.2 - DOM
  • 16.3 - DOM 与 BOM
  • 16.4 - Event 对象
  • 16.5 - 事件侦听器
  • 16.6 - Ajax

第十七章:Git 及 GitHub 使用

  • 17.1 - git 安装
  • 17.2 - git 连接
  • 17.3 - github SSH
  • 17.4 - git 的基本使用
  • 17.5 - git clone
  • 17.6 - git add
  • 17.7 - git commit-m
  • 17.8 - git push origin
  • 17.9 - git pull
  • 17.10 - GitHub 免费的远程仓库
  • 17.11 - 使用 GitHub 搭建静态博客

第十八章:ECMAScript 6 与编译工具

  • 18.1 - let 和 const 命
  • 18.2 - 变量的解构赋值
  • 18.3 - 字符串/正则/数字/数组/函数/对象的扩展
  • 18.4 - Symbol、Proxy 和 Reflect
  • 18.5 - 二进制数组
  • 18.6 - Set 和 Map 数据结构
  • 18.7 - Iterator 和 for…of 循环
  • 17.8 - Generator 函数
  • 18.9 - Promise 对象
  • 18.10 - 异步操作和 Async 函数
  • 18.11 - Class
  • 18.12 - Decorator
  • 18.13 - Module

第十九章:zepto.js 与 miaov.touch.js、touch 事件、swipe 事件

  • 19.1 - touch 事件
  • 19.2 - swipe 事件
  • 19.3 - MScroll 对象
  • 19.4 - swipe 事件
  • 19.5 - gesTrue 函数
  • 19.6 - setGravity 重力感应
  • 19.7 - gravityShake 摇一摇

第二十章章:nodeJS 介绍及使用、环境搭建、全局模块、文件模块、文件夹模块、CommonJS 规范

  • 20.1 - node 环境搭建
  • 20.2 - node 模块使用
  • 20.3 - nodejs-web 开发框架介绍
  • 20.4 - express 的安装
  • 20.5 - express 项目初始化
  • 20.6 - Routing 的使用
  • 20.7 - jade 模板引擎
  • 20.8 - mongodb 数据库
  • 20.9 - MongoDB Node.JS Driver
  • 20.10 - 【案例】segmentfault 问答系统

第二十一章:webpack 构建工具

  • 21.1 - webpack 介绍
  • 21.2 - webpack 配置文件组织
  • 21.3 - 入口配置 entry
  • 21.4 - 模块处理 module
  • 21.5 - 加载器 loaders
  • 21.6 - 编译器 babel
  • 21.7 - 插件 plugins
  • 21.8 - 热替换
  • 21.9 - 内存打包 webpack-dev-middlewear

第二十二章:React15.5 介绍和使用、JSX 介绍、结构渲染 render、组件通信 props、组件状态 state、生命周期 lifeCycle

  • 22.1 - react 简介
  • 22.2 - 搭建 react 环境
  • 22.3 - JSX 介绍
  • 22.4 - 第一个案例
  • 22.5 - 第一个组件
  • 22.6 - 组件之间的沟通
  • 22.7 - 组件之间的嵌套
  • 22.8 - 事件 event
  • 22.9 - 改变组件状态
  • 22.10 - 组件间的通信
  • 22.11 - 组件生命周期

第二十三章:Vue2.0 实例、Vue2.0 生命周期 lifeCycle、模板语法、计算属性 computed

  • 22.1 - Vue 实例
  • 22.2 - Vue 生命周期 lifeCycle
  • 22.3 - 模板语法
  • 22.4 - 计算属性 computed
  • 22.5 - 条件和列表渲染
  • 22.6 - 事件处理器
  • 22.7 - 组件定义和使用
  • 22.8 - 组件间的通信
  • 22.9 - 标准组件的封装
  • 22.10 - 自定义指令
  • 22.11 - 单文件组件
  • 22.12 - 脚手架 vue-cli
  • 22.13 - 路由 vue-router
  • 22.14 - vueX 状态管理
  • 22.15 - 数据请求 axios
  • 22.16 - 完美版 todoList
  • 22.17 - vue 博客实战

第二十四章:Angular 4

  • 24.1 - TypeScript
  • 24.2 - 预编译( AoT)
  • 24.3 - 属性型指令 (attribute directive)
  • 24.4 - 插值表达式 (interpolation)
  • 24.5 - 即时编译 (JiT)
  • 24.6 - 生命周期钩子 (lifecycle hook)
  • 24.7 - 可观察对象 (observable)
  • 24.8 - 管道 (pipe)
  • 24.9 - 范围化包 (scoped package)
  • 24.10 - 服务 (service)
  • 24.11 - 模板 (template)
  • 24.12 - 结构型指令(Structural directives)
  • 24.13 - 模板驱动表单 (template-driven forms)
  • 24.14 - 转译(transpile)
  • 24.15 - 视图 (view)
  • 24.16 - 区域 (zone)

内容详情:http://miaov.com/index.php/course/coursedetail/cid/36

乘车路线:


课程咨询:

• 咨询QQ:2852509866、2852509867、2852509868
• 电话:010-57269690

想了解妙味最新公开课消息?长按二维码关注吧:

妙味网友
请登录后留言,请登录注册