精研HTML5大前端课程——知识点精确到每一分钟

• 周

  开班典礼

  HTML基础

  部分表单元素及CSS基础

  选择符权重及CSS核心属性

  盒模型

  完整大项目应用

• 第二周

  页面重构及文本溢出的相关属性讲解

  元素类型

  定位，锚点

  宽高自适应

  表单、表格知识点补充、BFC

  完整大项目应用

• 第三周(交互)

  CSS3渐变及2D转换

  CSS3 3D转换及CSS3动画

  HTML5基础

  CSS3选择器、css3属性

  CSS3弹性盒

  辅导练习

• 第四周

  移动端布局（媒体查询及响应式 + rem）

  vw + rem

  图片整合、浏览器兼容

  grid布局 + css统筹（优化）

• 第五周

  JavaScript 基础

  分支结构语句

  循环结构

  函数

  作用域 和 递归函数

  辅导:重点循环和函数的练习

• 第六周

  数组

  ES5 和 字符串

  数字 和 时间

  BOM 操作

  DOM 操作

  辅导：重点数组和DOM的练习

• 第七周

  事件（上）

  事件（下）

  正则

  ES6

  左右切换版本轮播图

  辅导：重点数组和DOM的练习

• 第八周

  面向对象

  面向对象案例

  面向对象案例

  面向对象案例

  辅导：面向对象

案例学科实战驱动——项目开发场景贯穿全程

Smartisan手机商城整站开发
（PC全栈网站开发）

打造仿拉勾网M站
（WebApp基础与实战）

打造拉勾网后台管理系统
（Node.js基础与实战）

打造仿卖座网移动端网站
（Vue.js基础与实战）

打造在线英文教育网
（React基础与实战）

打造豆瓣电影App
（ReactNative基础与实战）

项目介绍Smartisan线上商城是一家移动互联网终端设备电商型项目,致力于打造用户体验数码消费类产品(智能手机为主交易),主打坚果手机系列有坚果R1手机,坚果3手机等。

技 术 点1.HTML5+CSS3实现高精度还原页面布局 2. Javascript + jQuery 实现页面逻辑交互、动效 3. Ajax 、cookie数据交互技术实现前后端分离开发 4. Gulp + Git + Sass + Bower 前端工程化开发 5. PHP + MySQL + Apache服务端部署

项目介绍拉勾网是一家专为拥有3至10年工作经验的资深互联网从业者，提供工作机会的招聘网站。拉勾网专注于在为求职者提供人性化、专业化服务的同时，降低企业端寻觅良才的时间和成本。

技 术 点1. Gulp + Webpack + Git + Sass 实现前端工程化、自动化开发 2. 移动M站布局技巧、屏幕适配与事件处理 3. Swiper、Better-Scroll等热门插件工具 4. Director.js + Handlebar.js 打造高体验RMVC架构的SPA单页应用 5. Canvas/Navigator等H5API应用

项目介绍拉勾网管理系统是为拉钩内部人员使用的职位信息等数据管理的的平台项目，主要功能有：权限验证，查看职位信息，增加、修改、删除职位信息内容等功能。

技 术 点1. Node.js环境安装与NPM包管理的使用方式 2. Javascript在Node.js中的运行模式 3. Node.js常用模块实用技巧(http/url/querystring...) 4. Express框架 + AdminLTE框架开发CMS系统 5. 搭配MongoDB实现数据的增删改查操作

项目介绍卖座网是一个是一家集电影资讯、在线购票、用户互动社交等服务的智慧电影互联网平台，提供国内超3500家影院在线选座购票服务。

技 术 点1. Vue.js + Virtual-DOM开启组件化高性能率开发模式 2. Vue-Router 实现无切换体验的单页面应用 3. Vuex 实现多组件间状态共享管理 4. Mint-UI、VUX等高性能组件库实现快速开发、界面优化 5. Webpack4.0 + VueCLI 3.0搭建热新前端开发环境

项目介绍在线英语教育网是一款一站式学习互动交流平台,其内容涵盖了英语学习规划、成长导航、线上搜课、线上老师答问、在线咨询、网上讨论等内容。

技 术 点1. React.js实现高自由度组件化开发 2. React-Router4.0打造分离式路由开发模式 3. Redux / Mobix + React-Redux + Redux中间件工具实现多样化状态管理机制 4. Ant-Design + AD-Mobile 组件库实现开发、界面优化 5. create-react-app 脚手架工具自定义开发环境

项目介绍今日影视大全提供新的电影介绍及评论包括上映影片的影讯查询及购票服务。你可以记录想看、在看和看过的电影电视，顺便打分、写影评，也会根据用户的喜好习惯推荐精彩内容。

技 术 点1. Yarn + react-native-cli 搭建RN开发环境，Xcode模拟器及真机调试运行项目2. react-navigation、StackNavigator导航组件开发实现多界面跳转3. Fetch网络编程技术，封装ListView实现拉动刷新特效4. 模块组件分离开发，AsyncStorage数据库技术及离线缓存5. React Native与IOS 、Android混合开发

项目介绍直播管理系统是一款为直播应用服务的管理平台系统，提供了直播内容管理、礼物管理、直播间管理等功能的立体解决方案，同时大大优化了用户操作体验。

技 术 点1. Angular-cli搭建项目开发环境，初始化CMS项目 2. TypeScript + ES6语法学习 3. AngularRouter实现路由重定向、嵌套路由、resolve守卫 4. 依赖注入、数据绑定、响应式编程和管道 5. 组件通信、表单处理、数据交互构建界面主要功能结构

项目介绍起点读书是起点中文网推出的一款阅读软件，它具有便捷使用方便读、舒适阅读贴心用、海量书库热门推、格式多样支持强等特点，同时提供了赏心悦目的UI及轻松舒适的图书阅读体验，支持多端适配。

技 术 点1. Ionic CLI 进行项目的初始化构建，VSCode 插件2. Ionic Provider，Ionic 请求 RESTful，Ionic Loading、Ionic Toast等 模块的抽象3. Ionic Native应用及模拟器与真机测试4. 第三方Hybrid框架Cordova/Phone gap5. 自主原生Navtive Hybrid(iOS、Android)

项目介绍支付宝小程序是一种全新的开放模式，它运行在支付宝客户端，可以被便捷地获取和传播，为终端用户提供优的用户体验。

技 术 点1. 支付宝小程序开发工具IDE的使用与调试 2. 小程序结构、视图层事件与布局、自定义组件开发 3. 基础库的使用与兼容处理，性能优化方案 4. webview嵌入与智能客服等开发功能 5. 多端支持与API服务

项目介绍专业的在线宠物交易小程序，支持发布宠物交易信息，提供宠物担保交易，宠物交易安全放心，功能强大，深受用户信赖。

技 术 点1. 小程序的基础知识与概念以及开发技巧2. 小程序api与内置组件，生命周期钩子函数的合理利用3. mpvue小程序开发框架引入实现开发4. 小程序测试、发布上线一体化流程

项目介绍警情可视化系统是一体大屏可视化决策系统，面向公安指挥中心大屏环境，具备的大数据显示性能以及多机协同管理机制，支持大屏、多屏、超大分辨率等显示情景

技 术 点1. 数据可视化基础，基本开发工具的使用2. ChartBlocks、Infogram、plotly、Raw、Tableau等简易化开发工具3. 可视化插件D3.js、Echarts.js、Highcharts.js的使用4. Socket.io实现数据动态新后的图表re-render

打造直播课管理系统
（Angular基础与实战）

打造跨平台手机APP
（Ionic+Cordova基础与实战）

打造阿里支付宝小程序图表系统
（阿里钉钉企业E应用）

打造萌宠交易平台
（微信公众号+小程序基础与实战）

打造公安警情可视化系统
（数据可视化基础与实战）

查看多实战项目

4师管理服务全程——你知道的行业大神都在这里