Skip to content

Latest commit

 

History

History
376 lines (163 loc) · 5.69 KB

Stage3.md

File metadata and controls

376 lines (163 loc) · 5.69 KB

Level 3 渐入佳境

任务1 JavaScript基础

参考书籍(先看 JavaScript DOM编程艺术,其次 JavaScript高级程序设计,其他学的差不多时,再看无妨)

  • JavaScript DOM编程艺术

  • JavaScript高级程序设计

  • JavaScript 精粹

  • 你不知道的JavaScript

  • JavaScript忍者秘籍

  • JavaScript函数式编程

  • 高性能JavaScript

JavaScrit基础

  • Javascript 基础教程

  • JavaScript内置对象及常用方法

  • 常见DOM树操作大全

  • ECMAScript,DOM,BOM

  • 定时器和焦点图

必做练习

JS基本特效

  • 常见特效,例如:tab,导航,整页滚动

  • 轮播图,用JS制作幻灯片

  • 弹出层,手风琴菜单

  • 瀑布流布局,滚动事件

  • 滚差视图

JavaScript 高级特性

  • 正则表达式

  • JavaScript数据结构与算法,比如排序算法,递归算法

  • 闭包,函数节流,作用域链

  • 基于距离运动框架

  • 面向对象基础

必做练习

必做练习

  1. 下拉菜单

  2. Tab选项卡切换

  3. 倒计时效果

  4. 轮播图

  5. 一个简易JS计算器

  6. 利用Ajax做一个天气预报

要求:

+ 给你们一个接口,返回的是近5天的重庆天气格式为JSON

+ 写一个天气预报的页面

+ 根据所获得的数据做一个5天天气预报

+ 要轮播效果

+ 请求接口用ajax

[API地址][http://openweathermap.org/data/2.5/forecast/daily?id=1814906&appid=b1b15e88fa797225412429c1c50c122a]

PS:尽量好看点

任务2 HTTP与Ajax编程

推荐书籍

  • 图解HTTP

Web服务器基本知识

  • 服务器基础知识

  • Apache服务器和其他常见Web服务器介绍

  • Apache服务器搭建

  • HTTP介绍

PHP基础

  • PHP基本语法

  • 使用PHP处理简单的GET和POST请求

Ajax

  • Ajax简介和异步的概念

  • Ajax框架的封装

  • XMLHttpRequest对象详细介绍、兼容性处理方法

  • Ajax框架的封装

  • Ajax中缓存问题

  • XML介绍和使用

  • JSON和JSON的解析

  • 数据绑定和模板技术

  • JSONP、跨域技术

  • 图片预读取和lazy-load技术

  • jQuery框架中的AjaxAPI

  • 使用Ajax实现瀑布流案例

任务3 JavaScript 面向对象进阶

推荐书籍

  • JavaScript面向对象编程指南

  • JavaScript设计模式

面向对象中级篇

  • 从内存角度到理解JS面向对象

  • 基本类型,复杂类型

  • 原型链

  • ES6中的面向对象

必看博客

面向对象三大特征

  • 继承性

  • 多态性

  • 封装性

  • 接口

设计模式

  • 面向对象编程思维

  • 单例模式 工厂模式

  • 策略模式 观察者模式

  • 模板方法模式 代理模式

  • 装饰者模式,适配器模式,面向切面编程

必看文章

任务4 模块化组件化开发

推荐书籍(官网)

必看文章

面向组件编程

  • 面向组件编程的方式

  • 面向组件编程的实现原理

  • 面向组件编程实战

  • 基于组件化思想开发网站应用程序

面向模块编程

  • AMD设计规范

  • CMD设计规范

  • RequireJS,loadjs

  • Seajs

任务5 JavaScript运动/动画

相关资料

运动/动画基本内容

  • 速度动画

  • 透明度渐变

  • 缓冲运动

  • 多物体运动

  • 获取样式

  • 任意属性值

  • 链式运动和同时运动

任务6 jQuery基础

参考书籍

  • 锋利的jQuery(必看,先看)

推荐视频

jQuery基本使用
  • 选择器

  • DOM操作

  • 特效与动画

  • 方法链,拖拽,变形

  • jQuery UL组件基本使用

必做练习

将之前用js写的代码换用jQuery写

  1. 下拉菜单

  2. Tab选项卡切换

  3. 轮播图