组件化网页开发 2019版

组件化网页开发 2019版
步骤1: 让页面动起来的JavaScript深入讲解

本阶段,大家将全力进军JavaScript进阶部分,先对JS变量作用域进行剖析,再到函数深入、DOM操作、面向对象、正则表达式等深入的内容,最后实现简易计算器和表单验证等案例。

第1课
JS变量、作用域
我们一起探究变量、作用域的本质,了解它们的定义及使用方法

第2课
JS函数深入讲解
研究函数的本质,了解函数的定义、调用,以及函数的参数和返回值

第3课
项目:JS实现简易计算器案例
本课程讲解简易计算器的实现,体会代码优化过程及其简约而不简单的魅力

第4课
JS面向对象
该课程介绍了对象的概念、声明方式等及js中的继承与封装。

第5课
正则表达式
本课程主要讲解正则表达式的创建、匹配字符串、转义、字符类、重复以及常用字符。

第6课
项目:JS表单验证案例
该课程主要介绍了常见的表单验证,有H5自带的验证和正则表达式的验证。

第7课
JavaScript深入 测试
本课为考评,满分100学分,共20道题,限时30分钟

步骤2: 一个快速、简洁的JS库–jQuery

jQuery是一个快速、简洁的JavaScript框架。本步骤会通过一个焦点轮播案例,带领大家学习jQuery的核心、实用技能点,选择器、事件、动画、ajax等,最终通过一个瀑布流案例综合运用。

第1课
jQuery入门
本课程带领大家初次认识jQuery,学习基础语法,并通过一个案例引出jQuery的核心。

第2课
jQuery选择器
本课程主要带领大家学习jQuery的核心功能选择器,并运用到实际的案例中去。

第3课
jQuery事件
本阶段带领大家学习实际开发常用的事件类型,并运用到我们的图片相册案例中。

第4课
jQuery扩展
本课程主要带领大家了解jQuery的动画以及扩展空能,并对课程进行总结。

第5课
JSON与AJAX基础
本课程讲解AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

第6课
项目:jSon和Ajax登录功能
结合前面所学的知识,动手实践ajax数据交互案例

第7课
实战:挂号平台首页
结合所学的HTML、CSS、jQuery知识,完成功能完善的网页开发。

第8课
jQuery详解 测试
本课为考评,满分100学分,共20道题,限时30分钟

步骤3: 一个高大上的思想,开发电商网页

组件化开发思想是实际工作中的核心思想。本步骤,我们通过一个仿淘宝案例综合学习组件化,它具有搜索功能、轮播图、分类菜单、懒加载、导航定位等功能,模拟真实开发流程,无缝隙转换到工作中。

第1课
实战:站点导航组件化
本课程介绍典型电商网站的站点导航的布局结构实现,及运用三种方式实现下拉效果。

第2课
实战:下拉菜单组件化
本课讲解封装下拉菜单,及用构造函数方法封装下拉模块,实现按需加载、延迟处理等功能

第3课
实战:搜索功能组件化
本课讲解头部布局,及搜索验证和AJAX自动搜索提示,并封装成组件,提高代码复用性

第4课
实战:中心focus区域组件化
本课程讲解分类导航,用多种方法封装轮播图组件,实现高质量、高性能代码

第5课
实战:楼层模块组件化
本课讲解楼层、电梯定位导航和侧边工具栏,tab组件,按需加载功能,让网页飞速加载
组件化网页开发 2019版
链接:下载地址
提取码:6xtd

猜你喜欢

转载自blog.csdn.net/Q1791198045/article/details/89074459