广州Web前端培训

完美契合企业需求 严谨定制科学课程

第一阶段（4周）

前端页面重构

PC端网站布局

课程内容：

◆ HTML基础，CSS基础，CSS核心属性 ◆ CSS样式层叠，继承，盒模型 ◆ 容器，溢出及元素类型 ◆ 浏览器兼容与宽高自适应 ◆ 定位，锚点与透明 ◆ 图片整合 ◆ 表格，CSS属性与滤镜"

课程项目：

◆《世纪佳缘用户注册页布局》 ◆《卧龙控股网站项目布局》 ◆《华帅灯饰网站项目布局》 ◆《千锋互联网站项目布局》 ◆《京东首页布局》 ◆《腾讯游戏首页布局》 ◆《BOSS直聘布局》 ◆《麦田国际项目布局》

第二阶段（8周）

JavaScript高级程序设计

原生JavaScript交互功能开发

课程内容：

◆ 基本语法 ◆ 循环语句 ◆ 函数与数组 ◆ String与Date ◆ BOM与DOM ◆ 事件 ◆ 拖拽效果 ◆ cookie存储 ◆ 正则表达式 ◆ Ajax ◆ 面向对象基础 ◆ 运动与游戏开发

课程项目：

◆ 蘑菇街瀑布流 ◆ 打砖块游戏开发 ◆ 淘宝商品查询 ◆ 微信飞机大战游戏开发 ◆ 智能问答机器人

PC端全栈开发

jQuery经典交互特效开发

课程内容：

◆ 时间轴特效 ◆ tab页面切换效果 ◆ 网页定位导航特效 ◆ 滑动门特效 ◆ 焦点图轮播特效 ◆ 导航条菜单效果 ◆ 瀑布流特效 ◆ 弹出层效果 ◆ 倒计时效果 ◆ 抽奖效果

课程项目：

◆ 《天猫首页交互开发》

第三阶段（8周）

Node.js基础

课程内容：

一、Node.js介绍

◆ 开发环境搭建M ◆ 模块与包管理工具M ◆ CommonJS模块M ◆ URL网址解析M ◆ QueryString参数处理M ◆ HTTP模块M ◆ HTTP小爬虫M ◆ request方法M ◆ 事件 events模块M ◆ 文件 fs模块M ◆ Stream 流模块M ◆ 原生路由与参数接收M ◆ 读取图片文件M ◆ npm scriptsM ◆ Yarn 与 PM2M

二、MongoDB

◆ MongoDB介绍与环境搭建 ◆ 数据库常用命令 ◆ Collection聚集集合 ◆ document文档操作 ◆ 聚集集合查询 ◆ NodeJS连接MongoDB

三、GraphGL

◆ GraphQL初探:从REST到GraphQL ◆ GraphGL安装 ◆ 准备数据源 ◆ 搭建GraphQL服务器 ◆ 数据查询

四、Express

◆ express 介绍 ◆ 安装和创建基于Express的项目 ◆ Express 4.1x 初始化项目详解 ◆ 路由简介 ◆ 模板引擎EJS ◆ 模板引擎Pug（Jade）

五、Koa2

◆ Koa2开始 ◆ 路由 ◆ 请求数据获取 ◆ 静态资源加载 ◆ cookie/session ◆ 模板引擎 ◆ 文件上传 ◆ 数据库MySQL ◆ JSONP实现 ◆ 测试与debug

六、测试框架mocha

◆ 搭建框架 ◆ 断言assert ◆ 项目测试 ◆ 运行多个测试

七、socket 即时通信项目

◆ Socket简介和通讯流程 ◆ 基于net模块实现socket ◆ WebSocket ◆ Socket.io

课程项目：

◆ 《Node.js基础案例.》

Node.js高级全栈项目

课程内容：

◆ 基于M站+Node.js+MongoDB高级全栈项目开发

课程项目：

◆《打造仿拉勾网M站》 ◆《打造拉勾网后台管理系统》

Vue.js前端框架

Vue.js开发基础

课程内容：

◆ WebApp开发基础(Webstorage,移动端事件,UI组件, Zepto, IScroll, Swiper) ◆ MVVM模式 ◆ 前端组件化 ◆ 单文件组件 ◆ 组件间传值 ◆ Vue实例 ◆ E19Vue实例生命周期 ◆ Vue的模版语法 ◆ 计算属性,方法与侦听器 ◆ 计算属性的 getter 和 setter ◆ Vue中的样式绑定 ◆ Vue中的条件渲染 ◆ Vue中的列表渲染 ◆ Vue中的set方法 ◆ 父子组件间的数据传递 ◆ 组件参数校验与非 props 特性 ◆ 给组件绑定原生事件 ◆ 非父子组件间的传值 ◆ 在Vue中使用插槽 ◆ 作用域插槽 ◆ 动态组件与 v-once 指令 ◆ Vue动画

课程项目：

◆ 《Vue.js基础案例.》

应用Vue.js开发WebApp项目

课程内容：

◆ 环境配置 ◆ 项目代码介绍 ◆ 单文件组件与Vue中的路由 ◆ 单页应用VS多页应用 ◆ Mint UI ◆ Element UI ◆ 项目的联调，测试与发布上线

课程项目：

◆《打造仿卖座网移动端网站》

React前端框架

React 开发基础

课程内容：

◆ React简介 ◆ React开发环境准备 ◆ React中的组件 ◆ JSX语法 ◆ 拆分组件与组件之间的传值 ◆ React developer tools 安装及使用 ◆ PropTypes 与 DefaultProps 的应用 ◆ props，state 与 render 函数的关系 ◆ 深入了解React虚拟DOM ◆ 虚拟 DOM 中的 Diff 算法 ◆ React 中 ref 的使用 ◆ React的生命周期函数及使用场景 ◆ 使用Charles实现本地数据mock ◆ React 中实现 CSS 动画效果 ◆ react-transition-group 实现动画 ◆ Redux 概念简述和工作流程 ◆ Action 和 Reducer 的编写 ◆ ActionTypes 的拆分 ◆ 使用 actionCreator 统一创建 action ◆ UI组件和、容器组件及无状态组件 ◆ 使用Redux-thunk 中间件实现ajax数据请求 ◆ Redux-saga 中间件使用 ◆ React-redux 中间件使用

课程项目：

◆ 《React基础案例》

React Native

课程内容：

◆ React Native初探 ◆ React Native 项目导航 ◆ React Native 项目文本框 ◆ React Native 项目滚动分页 ◆ React Native 其他组件

课程项目：

◆《React Native豆瓣电影APP》

应用React开发WebApp项目

课程内容：

◆ Ant Design组件库 ◆ React Router 4 路由 ◆ 项目组件编写 ◆ 使用 Immutable.js 来管理store中的数据 ◆ 项目的联调、测试与发布上线

课程项目：

◆《打造在线英文教育网》

混合开发(Hybrid,RN)

微信公众号开发

课程内容：

◆ 初识微信公众号 ◆ 订阅号的基本功能 ◆ 使用百度BAE实现代码的快速上线 ◆ 使用Git完成线上代码部署 ◆ 公众号开发权限及功能接入 ◆ 微信JSSDK接口API ◆ 微信场景项目开发与接入

课程项目：

◆ 《卖座电影项目接入微信》

微信小程序开发

课程内容：

◆ 微信小程序初探 ◆ 小程序入门必学 ◆ 小程序组件体验 ◆ 小程序大功能 ◆ 项目实战带你征服小程序

课程项目：

◆《造萌宠交易平台》

Angular6基础

课程内容：

◆ TypeScript 基础与进阶 ◆ 开发环境配置 ◆ Hello World ◆ 架构、模块与组件 ◆ 模板 ◆ 元数据、数据绑定与数据显示 ◆ 表单 ◆ 服务与指令 ◆ 依赖注入 ◆ 路由 ◆ Ionic 3 框架

课程项目：

◆ 《直播课管理系统》 ◆ 《跨平台手机APP》

大数据可视化基础与实战

课程内容：

◆ 数据可视化基础 ◆ Echars、Hignchars ◆ D3.js 入门 ◆ D3.js 进阶 ◆ D3.js 选择集与数据 ◆ D3.js 高级应用 ◆ D3.js 应用工具：NVD3、n3-charts

课程项目：

◆ 《公安警情可视化系统》