课程介绍
一阶段HTML5+CSS3
课程主题
HTML5基础;CSS基础;HTML5进阶;CSS3进阶;Less
实战项目
PC端项目:《小U商城-PC端》
移动端webApp项目:《小U商城-移动端》
响应式项目:小U商城后台管理系统
培养方向
掌握HTML基本语法;掌握HTML常用标签及属性;掌握HTML语义化
掌握CSS语法及使用技巧;掌握DIV+CSS布局方法;掌握浏览器常见兼容性解决方案
掌握PS基础知识、切图及插件切图;掌握浏览器调试工具的使用方法;掌握网站重构开发基本流程和规范;掌握语义化、模块化、兼容性的PC端网站重构
掌握HTML5新增的结构化标签;掌握HTML5浏览器兼容方式
掌握CSS3新增的选择器;掌握CSS3新增的样式属性;掌握弹性盒布局方法及技巧;掌握Animate动画库使用方法
掌握Less的使用方式;掌握Less的常用语法
掌握移动端屏幕适配的解决方案;掌握设备系统不同的解决方案;掌握移动端重构常见的兼容问题解决方案
掌握响应式布局适用场景;掌握实现响应式布局的解决方案
二阶段JS交互设计
课程主题
JavaScript核心语法;DOM和BOM;JavaScript高级进阶;面向对象编程;Touch;jQuery;Zepto
实战项目:优学在线
培养方向
掌握JavaScript的基本语法;掌握JavaScript内置对象;掌握JavaScript常见算法;掌握JavaScript函数应用
掌握DOM的各种操作;掌握BOM的各种操作
掌握JavaScript事件的对象;能够熟练使用正则表达式进行表单验证;掌握闭包的应用场景及优缺点;掌握AJAX的实现原理及封装
熟练使用面向对象思想进行编程
掌握项目的开发流程;掌握音频视频常用API使用;熟练使用WebAPIs编程
掌握Touch.js在移动端的应用
熟悉jQuery常见操作;熟悉jQuery DOM操作;掌握jQuery核心API
掌握Zepto的使用方法
三阶段Node开发
课程主题
JavaScript ES6;Node;Express;MySQL;Webpack+Gulp+模块化;WebSocket+Koa2
实战项目:小U商城后台管理项目
培养方向
掌握ES6新特性;掌握模板字符串用法;掌握解构赋值用法;掌握箭头函数用法;掌握Promise、async...await用法;掌握ES6 class用法
掌握Node特性;掌握Node操作文件和目录;掌握Node搭建服务器;掌握前后台交互过程
掌握Express的用法;掌握Express的路由配置;掌握Express的内置中间件使用;掌握Express的常见第三方中间件使用;掌握Express渲染视图模板
掌握MySQL数据库设计规范;掌握MySQL之CURD操作指令;掌握Node操作MySQL;掌握MVC和MVP概念
掌握Webpack打包项目过程;熟悉Gulp用法;掌握ES6和commonjs模块化用法
掌握WebSocket;熟悉Koa2的用法
掌握接口设计规范;掌握权限系统设计;掌握token令牌设计;掌握登录拦截;掌握项目部署
四阶段前端框架
课程主题
Vue基础;Vue进阶;TypeScript;React
实战项目:小U商城电商项目;优社区项目
培养方向
掌握Vue基础语法和指令;掌握Vue计算属性和监听的使用方法;掌握Vue组件的定义和基本使用
掌握Vue组件通信的方法;掌握Vue路由的使用;掌握Vue路由守卫的使用;掌握Vue网络请求Axios的使用;熟悉Vuex状态管理;熟悉UI库的使用
掌握Vue相关知识的综合使用;熟悉Vue项目的开发、部署流程;熟悉Git版本控制软件的使用;熟悉数据可视化工具的使用"掌握TypeScript基本类型的使用;能熟练在Vue-cli3.0中使用TypeScript
掌握React的JSX语法使用;掌握React事件绑定的方法;掌握React组件的定义和通信;掌握React路由及相关路由组件的使用方法;掌握React网络请求的使用方法;熟悉React状态管理Flux、Redux的原理和流程;熟悉React项目优化、部署流程
五阶段小程序+数据可视化
课程主题
小程序基础;云开发;uni-app基础;数据可视化
实战项目:菜谱云平台;小U商城;课堂监管大数据系统
培养方向
掌握Vue基础语法和指令;掌握Vue计算属性和监听的使用方法;掌握Vue组件的定义和基本使用
掌握Vue组件通信的方法;掌握Vue路由的使用;掌握Vue路由守卫的使用;掌握Vue网络请求Axios的使用;熟悉Vuex状态管理;熟悉UI库的使用
掌握Vue相关知识的综合使用;熟悉Vue项目的开发、部署流程;熟悉Git版本控制软件的使用;熟悉数据可视化工具的使用
掌握TypeScript基本类型的使用;能熟练在Vue-cli3.0中使用TypeScript
掌握React的JSX语法使用;掌握React事件绑定的方法;掌握React组件的定义和通信;掌握React路由及相关路由组件的使用方法;掌握React网络请求的使用方法;熟悉React状态管理Flux、Redux的原理和流程;熟悉React项目优化、部署流程
六阶段指导+项目提升
课程主题
指导;优办公系统(综合项目提升);企业面试复盘
培养方向
从简历、面试技巧等层面培养学员沟通表达能力;让学员清晰了解职业发展规划,明确自身定位,找到适合自身发展的工作
掌握React高级用法;掌握项目的整个开发流程;通过项目实战使React达到中高级水平
通过面试专项指导、面试复盘等,巩固所学技能,更好的展现自己的专业知识
项目实战演练
1.社区平台
项目介绍:该项目是一个社区平台,用户可以在社区注册登录并创作文章,互相交流;项目基于React技术架构,学习完该项目可以掌握React核心技术架构体系。
功能实现:项目环境搭建、首页开发、详情页面开发、登录权限校验开发、列表页面开发。
技术要点:React、React-Router、React-redux、Redux DevTools、Redux-saga等主流新技术。
2.点餐平台
项目介绍:该项目是一个点餐平台,用户可以在该平台浏览商家信息,商品,点餐、下单、评价等;项目基于Vue技术架构,学完该项目可以掌握Vue的核心技术架构体系。
功能实现:商品列表、商品详情、商家详情、评价页面、订单等。
技术要点:Vue、Vue-cli、ES6、Webpack、Vue-router、axios、stylus、Mock数据等。
3.旅游平台
项目介绍:该项目是一个景点订票平台,用户可以浏览本地景点、景点评价、网上购票;该项目采用前后端分离,前台基于Vue架构,后台基于node搭建服务,学完该项目可以掌握Vue核心的技术架构和node服务的核心技术。
功能实现:项目环境搭建、首页开发、地区选择功能开发、景点详情页面、订单购票功能等。
技术要点:Vue、Vue-cli、Vue-router、axios、swiper、stylus、Node、express、MongoDB等。
4.电商平台
项目介绍:该项目是一个电商购物网站,主要包括后台和前台两个模块,后台模块负责管理商品信息,前台模块负责展示商信息,用户通过访问前台模块相关页面,可以浏览该网站中在售的手机产品信息了解相关手机产品的相关信息。该项目采用PHP+MySQL实现,学完该项目,能够掌握PHP+MySQL核心技术。
功能实现:项目环境搭建、数据库结构设计、后台商品基本信息的管理和文件上传、前台展示商品信息。
技术要点:PHP、MySQL、MVC、Smarty、HTML5、JQuery、Swiper等。
5.影视平台
项目介绍:以该视频网站项目为例,详细分析企业项目开发流程,一个网站从无到有的所有过程,回顾布局技巧,搭配交互合理布局,前后端数据交互流程分析、安排、实现,网站常见交互效果。视频类网站除了基本的布局以外,还包含诸多常见的网站交互效果,视频播放等功能,一通百通,掌握了该项目的开发技巧以后,其他网站效果都能轻松应对。
技术要点:切图技巧、DIV+CSS布局、整站布局技巧、浏览器兼容性处理、JavaScript网页交互、ajax、jsonp前后端数据交互技术。