WEB全栈工程师精品班

课程介绍 通过本专业的学习，学员有了一定的网页规划和搭建能力，能熟练快速完成网页界面设计、网站美工设计；能运用H5+JS进行开发前端交互设计能力，开发各种网页框架；能运用PHP等软件开发常见后台网站管理系统；通过网页网站实训模块，学生能熟练掌握门户网站，电子商务网站，企事业单位网站，垂直类网站等成套商业网站的设计流程，设计理念，设计风格等；通过软技能培训，学员对自己人生规划，口才表达，服务心态，就业技巧，沟通技巧等有了全面提升，足够应付在以后的就业工作过程中游刃有余；本课程学习完，学员基本上具备半年以上的工作经验。 上海非凡作为沪上首批网页设计的正规培训基地，具有办学许可证，全程名师面授教学，PPHA教学考核体系，毕业答辩+招聘双选会，为国内外*品牌企业提供优秀专业设计人才！ WEB全栈工程师精品班 课程模块 课程科目 培训内容 *阶段（WEB前端布局与交互开发） web前端 HTML5/CSS3布局与样式 HTML标签 HTMl5、H5标签、智能表单、结构化标签 随堂项目： 1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息 2.利用table标签课程表的实现 3.利用form、input表单标签实现简单登录注册页面 CSS基础语法常见样式 CSS3简介、.css3引入、常见样式、文字与文本、颜色 随堂项目：一般导航栏的制作 CSS选择器 css选择器、名字选择器、外号选择器、洋葱式选择器的用法、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器 CSS盒子模型 盒子模型、如何用好盒模型 随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定 浮动与定位 float、clear、塌陷的父容器、position：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed) 随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮 响应式布局与页面优化处理 移动页面与PC端页面布局时候需要注意点、响应式布局的实现原理、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题 随堂项目：移动端的用户注册页面、PC端的用户注册页面。 静态页面切图实战项目 企业站实训：1.首页导航 2.banner图 3.模块展示 4.新闻中心 5.产品中心 5.友情链接 6.版权申明 商城站实训：1.搜索框 2.头部导航 3.分类菜单 4.banner图 5.分类商品 6.帮助中心 7.版权备案 专题站实训：重点练习H5变形动画的添加，使页面有动态交互效果 个人页面：根据自己设计的个人页面效果图实现静态页面，独立完成切图和代码过程，指导添加动态效果，并整合自己所有的作品实现链接查看 web前端 JavaScript交互 核心语法 javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（if…else switch…case while for） 随堂项目：九九乘法表、闰年计算、谁是高富帅（if…else.. Switch…case） BOM与DOM操作 DOM操作：让一成不变的网页动起来；BOM操作：浏览器也有话要说 随堂项目：网页时钟的制作、回到顶部 事件编程 JS的事件机制：让网页回应你的问候；常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载 随堂项目：1.选不中的按钮的实现 2.做一个计算器怎样？ 正则表达式 正则表达式的语法基础、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象 随堂项目：邮箱格式的验证、编写一个获取常见输入数据的格式验证类。 面向对象编程 面向对象编程简介、对象的创建、继承的实现、原型与原型链。 随堂项目：仿windows屏保气泡 JQuery JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程 随堂项目：打地鼠游戏、抽奖轮盘制作 JQuery 项目实战 图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训 Bootstrap bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件 随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面 ECMAScript6 1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包 随堂练习：新前端开发环境搭建 Ajax技术 Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交 随堂项目：用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现 第二阶段（WEB前端-移动端进阶开发） WEB前端移动端开发 git版本控制 1.Git的简介 2.git常用命令 3.smartGit软件的安装使用 4.常用操作提交、推送、合并、回滚操作 HTML5 高级功能 canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解（定位、数据库存储） 随堂项目：利用智能表单实现注册页面、利用canvas绘制小星星、利用HTML5中新功能实现一个最近超市搜索页面。 CSS3 动画详解 CSS3的动画功能、CSS3新增选择器、弹性盒模型、服务器字体 随堂项目：利用CSS3动画绘制一个三维立体动态的导航栏。 webAPP开发 1.移动端页面的设计要求 2.HTML5动画的常见使用场景 3.多媒体在页面中的使用 4.商城项目首页、用户注册、登录、商品列表等页面的实现 微信公众号开发开发（JSSDK） 1.是微信公众号项目开发的简介。 2.微信公众号项目的官方文档与demo样例全解析 3.调用微信官方API接口函数 4.利用H5的新特性构建更富有表现力的活动页面 5.常见微信分享、投票、活动、抽奖页面的设计与实现 随堂练习：非凡公众号项目实践 微信小程序 1.小程序相关介绍及账号申请 2.小程序开发环境搭建 3.小程序布局原理 4.小程序组件、API使用 5.weUI使用、云存储、云端数据库、云函数 网校实训项目：1.建立云开发环境 2.网校首页 3.教师分类页面 4.课程搜索页面 5.课程详情页 6.个人中心 7.获取用户权限登录 8.购买课程页面 9.购物车 阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等； 第三阶段（WEB高级框架) WEB前端高级框架与后台交互 Vue.js 1.Vue.js简介与安装 2.Vue实例 3.模板语法 4. 监听属性与侦听器5.生命周期 6.自定义组件开发 7.自定义事件 8过渡与动画 9.数据的传递 10.数据请求工具axios的使用 11.脚手架工具搭建Vue开大环境 1.elment-ui简介 2.安装element-ui 3.主题设置 4.常用组件 5.element-admin 管理后台项目 1.路由简介 2.动态路由 3.嵌套路由 4.编程式导航 5.命名路由与命名视图 6.别名与重定向 7.路由守卫 1.状态管理 2.核心概念：state、getter、Mutation、action 3.模块化的状态管理 1.服务器端渲染 2.基本结构 3.路由和代码分割 4.客户端激活 5.缓存管理 随堂练习：1.To Do List 项目实践 2.饿了么APP开发 3.element-admin管理后台 商城项目实训：1.搭建vue开发环境 2.商城首页 3.商品详情页 4.购物车 5.个人中心 6.搜索页面 7.商品分类 8.用户注册 9.用户登录 10.商城上线。 Angular.js 1.angular.js简介 2.MVC概念 3.开发环境搭建 4.指令系统 5.主从组件开发 6.路由管理 7.服务 8.数据通信请求 随堂练习：To-do-list React.js 1.react.js简介 2.开发环境搭建 3.jsx语法 4.自定义组件 & props参数传递5.父子组件通信 6.state和生命周期 7.事件处理 8.列表 9.表单 10.ant-design前端框架 随堂练习：饿了么点餐项目实战 阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等； 第四阶段（WEB后台交互与开发） PHP后台开发 搭建环境 PHP简介、WEB程序的访问流程、安装Apache、MySQL、PHP7、配置虚拟主机 PHP基础 变量和常量、数据类型、运算符、流程控制、函数、字符串、数组、PSR规范 表单传值 表单传值的方式、PHP接收数据的三种方式、PHP处理复选框数据、文件上传 MySQLi扩展 基本操作、执行增删改操作、执行查询操作、与MySQLi相关的函数、MySQLi扩展应用案例 面向对象 面向对象概述、面向对象实现、封装、继承、多态、对象遍历、对象序列化、反射机制、命名空间、Trait新特性 GD图像处理 GD库概述、GD画布实现、验证码、缩略图、水印图 会话技术 会话技术概述、Cookie与Session的区别、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收机制 PDO扩展 PDO简介、PDO类、PDOStatement类、PDO预处理、PDO事务处理、PDO异常处理、PDO属性、封装PDO类 MVC设计模式 MVC设计模式、搭建自定义MVC框架 博客项目 项目开发流程、数据表数据、后台实现、前台实现、扩展功能 ThinkPHP5 框架 ThinkPHP5框架概述、基础、架构、路由、控制器、视图、模型、项目实用项 ThinkPHP5 商城项目实战 商城系统概述、数据表设计、后台设计、前台设计、会员设计、购物车设计、订单设计、接口设计（微信/支付宝、短信、QQ登录、邮件、地图、物流）、静态化 MYSQL 数据库管理 数据库部署 数据库服务概述、构建MySQL服务器、MySQL数据类型、表结构的调整， MySQL多实例、MySQL索引类型、MySQL存储引擎 数据库操作 表记录基本操作、查询及匹配条件、多表查询、数据导入导出、MySQL分割库表。 数据库权限 用户授权及撤销、数据备份与恢复、MySQL管理工具，实时增量备份、XtraBackup备份、MySQL主从同步 数据库优化 MySQL读写分离、MySQL性能调优. 商城实训项目 商城实训项目 及阶段考核 1.商城需求说明 2.开发环境的搭建 3.规划建立数据库 4.编写商城所需前端页面 5.商城业务流程控制 6.api接口开发 7.支付接口的使用 8.商城上线 9.调试优化 第五阶段（岗前强化与就业指导） 沟通技能 和就业指导 管理与沟通 心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作 就业指导 毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作 特别说明 1.报名课程，赠送视频包、软件包、素材包、材料包 2.报名课程，在学习过程中，学员有机会参加派接的订单实战 3.培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、美工设计，结业后相当于有半年左右实战经验，能成功胜任设计、前端/移动端开发，后台应用等职位 4.保证学会：出勤率达90%以上，可享受1年内免费重新学习 5.考试认证：《网页设计师》、《网页前端工程师》（费用另付） 6.学习周期：共600课时（45分钟/课时），平日班4个月；业余制10个月 7.招生要求：*以上学历 本课程支持付费方式 付费方案 付费方式 一次性付费 现金、刷卡、转帐、支付宝、微信 助学分期 （符合条件者申请） 支持百度钱包教育助学分期（6期、12期、4+8期） 注明：详细见“助学分期付费”说明文件 上海WEB全栈工程师培训是上海非凡进修学校(非凡)的特色实战课程,还开设web前端开发,web全栈工程师,网站开发培训班,已培养大批web网页人才