[关闭]
@wy 2017-08-31T16:51:53.000000Z 字数 2376 阅读 1039

WEB前端开发课程大纲介绍

未分类


第一阶段:JS 基础阶段---注重 “兴趣” 与 “专业知识” 的平滑过渡

第一节:js入门

JS入门 - 原理分析、语法规则、自定义属性操作、if、this、for
JS 原理分析、元素获取、事件、函数与匿名函数、变量、属性操作、innerHTML、value、src、href
JS 属性操作、if 判断、图片切换实例、元素获取其他方法、for 循环、this关键字、自定义属性

练习题:

模拟单选框
图片切换综合应用
控制多组图片
好友列表练习
模拟手机短信发送
百度文库评分
百度音乐全选
京东幻灯片

第二节:js数据类型

ECMAScript 5.1、数据类型、函数传参、作用域、运算符、流程控制
ECMA标准、JS数据类型、强制\隐式类型转换、运算符:算术、关系、逻辑、优先级
函数传参、JS 作用域、闭包、预解析
函数的使用、程序流程控制语句,switch、while、break、continue

练习题:

修改文本框的值
商品累计
找数据

第三节: 定时器和日期对象

定时器和日期对象、setInterval、setTimeout、new Dat
定时器类型、应用、清除定时器、编号存储、开启管理、日期对象、倒计时、运动函数的使用

练习题:
图片时钟
无缝图片轮播
点击加分效果-可重复点击
图片切换
自动切换选项卡

第四节: 字符串和数组操作方法

字符串和数组、JSON、for in、Math 对象
字符串格式、字符串方法:charAt\indexOf\slice\split
对象的操作、for...in遍历对象、Math对象、数组方法slice、map、filter...
json数据格式、冒泡排序、快排算法、数组去重

练习题:

图片排序
查找替换文字
消除表情小游戏
文字搬运工

第二阶段: JS 应用阶段:开始大量练习 与 编程思路 的专业训练

第一节: DOM文档对象模型

DOM 基础、DOM节点、元素的操作、留言本、尺寸相关、表单
DOM 基础、结构、节点类型、节点间关系、DOM属性操作、留言本
窗口尺寸相关属性、表单获取、表单事件、表单方法

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

第二节:BOM浏览器对象模型

BOM - BOM基础、常用方法、常用属性
BOM基础、常用方法、BOM 常用属性、用户代理、地址栏信息、BOM常用事件

练习题:
招聘信息
遮罩层
土豆网登录弹出层
返回顶部

第三节:事件和事件流

Event 事件、事件流、默认行为
事件流、事件绑定、事件注销、Event 对象、事件冒泡、事件捕获、事件委托
键盘事件、焦点事件、右键菜单事件、code值、事件默认行为
简易拖拽、碰撞检测、自定义滚动条、鼠标滚轮事件

练习题:

事件基础

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

事件应用

鼠标改变数值
QQ邮箱删除
自定义滚动条

第四节:妙味云盘系统实战

阶段实战:妙味云盘、树形菜单、增删改文件、面包屑导航、数据处理

第三阶段: JS 高级阶段:对编程领域的深入理解与不断探索

第一节:正则表达式

正则表达式、new RegExp、子项、转义字符、量词
正则表达式、规则模式、test、search、match、replace方法、量词、修饰符、子项、转义字符、正则首尾

练习题:

查找字符串中数字
数据校验
格式化日期
查找出现次数最多的

第二节:面向对象

面向对象编程基础、构造函数、prototype原型、原型与原型链、ES6、class、组件开发
面向对象编程、new操作符、创建对象、构造函数、原型prototype、继承
ES6 的类的概念、class、extends、super、constructor
组件开发、组件配置,深复制浅复制、自定义事件

第三节:jQuery整体学习

jQuery3 事件操作、jQuery 应用
jQuery 整体架构、选择器、DOM 操作,jQuery 事件绑定
jQuery 插件封装、jQuery 拖拽、jQuery 各类应用

第四节:数据交互---Ajax

AJAX 工作原理、XMLHttpRequest、onload、onprogress、JSONP 跨域
AJAX工作流程、异步和同步、封装简易、jQuery中ajax的使用、上传与下载
跨域请求、跨域问题和解决方案、JSONP概念、原理、实际应用

练习题:

jsonp-获取豆瓣接口
动态留言本

第四阶段: 前端开发工程化阶段:了解最新前端技术发展状况,迈向工程化之路

第一节:nodejs学习

nodeJS 介绍及使用
nodeJS 环境搭建、模块使用、npm 包管理器、express 开发框架的使用
express中间件、路由机制、模板引擎

第二节: Vue框架学习

Vue2.0 实例、模板语法、webpack
vue 实例、模板语法、条件和列表渲染、事件处理器、组件、自定义指令、脚手架、webpack 简易配置

第三节:reactjs库学习

React 简介、搭建环境、JSX、组件、Props,state、组件间嵌套、事件、组件间通信
React简介、搭建环境、JSX、组件、组件嵌套、事件、状态state、参数props、组件间通信

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注