上海WEB全栈工程师精品班
44人感兴趣￥请咨询
上课时段：
详见内容
课程特色：
上海WEB全栈工程师精品班的优势：报名WEB全栈工程师培训课程，赠送视频包、软件包、素材包、材料包。在学习过程中，学员有机会参加学院派接的订单实战。
预约试听
咨询学费
400-660-3310
课程详情
WEB全栈工程师精品班
课程课时： 600课时
使用教材： 学校自编的WEB全栈工程师培训课程教材或者内部专业电子教材，采用理念与实战相结合、案例分析和设计为主
可考证书： 教育部SIC《前端设计师》和《网页设计师》认证证书
学习周期： 平时白天4个月；业余制8-10个月
入学条件：
1.零基础学习WEB全栈工程师培训课程最好有美术方面的基础
2.通过WEB全栈工程师培训课程达到前端网页设计的效果，可以胜任网页前端、移动端开发、前端工程师等职位
课程介绍
通过WEB全栈工程师培训班的学习，学员有了一定的网页规划和搭建能力，能熟练快速完成网页界面设计、网站美工设计；能运用H5+JS进行开发前端交互设计能力，开发各种网页框架；能运用PHP等软件开发常见后台网站管理系统；通过网页网站实训模块，学生能熟练掌握门户网站，电子商务网站，企事业单位网站，垂直类网站等成套商业网站的设计流程，设计理念，设计风格等；通过软技能培训，学员对自己人生规划，口才表达，服务心态，就业技巧，沟通技巧等有了全面提升，足够应付在以后的就业工作过程中游刃有余；WEB全栈工程师培训课程学习完，学员基本上具备半年以上的工作经验。
上海非凡教育作为沪上正规WEB全栈工程师培训机构，具有办学许可证，全程名师面授教学，PPHA教学考核体系，毕业答辩+招聘双选会，为国内外知名品牌企业提供优秀专业设计人才！
课程详情
| WEB全栈工程师精品班 | ||
| 课程模块 | 课程科目 | 培训内容 |
| 第一阶段（WEB前端布局与交互开发） | ||
WEB前端HTML5/CSS3 布局与样式 | HTML标签梳理 | 1.5分钟上手Hbuilder软件，对HTML5和CSS3有初步的了解和认识 2.掌握HTML5九大基本标签，包括标题、图像、音频、视频等 3.掌握HTML5智能表单基本标签和智能表单扩展标签 |
| 七组CSS基本样式 | 1.讲解CSS三大引用方式，包括行内样式、内部样式表和外部样式表 2.CSS七类样式详解，包括背景、文本、字体、链接、列表、表格、边框样式 | |
| CSS3炫酷特效 | 1.掌握CSS3四大“变形金刚”，旋转、扭曲、缩放和位移 2.CSS3过渡属性详解，通过过渡属性完成网页漂亮的交互效果 3.CSS3动画特效讲解，通过动画属性可以做多个状态交互的网页炫酷特效 | |
| 选择器细解11大类 | 1.掌握CSS五类常用选择器，包括通用选择器、ID选择器、类选择器等 2.三代关系选择器详解，包括子元素选择器、兄弟选择器、后代选择器 3.CSS3伪类选择器和伪元素选择器详解，可以多样化的自由选择网页元素对象 | |
| CSS布局四大技巧 | 1.掌握多列属性布局技巧,三种定位方式，绝对定位、相对定位和固定定位 2.五句话吃透盒模型，清楚盒模型的计算和浏览器兼容性中的注意事项 3.左浮动和右浮动的设置以及如何清除浮动以达到父级自动扩高问题 | |
| 响应式双法则 | 1.了解媒体查询的引用方式，包括内部样式表、外部样式表等 2.掌握媒体查询使用方法，了解关键词的使用技巧 3.了解根元素的字号适配，通过字号设置完成响应式页面 | |
| 兼容性调试技巧 | 1.CSS优化减肥技巧，包括图片优化和代码优化，提升网页的加载速度 2.了解CSS优先级的计算，解决样式覆盖问题 3.掌握兼容性调试技巧，如何能够让代码兼容各大主流浏览器 | |
| 项目实战提经验 | 1.熟悉PS切图技巧，如切片切图、选区切图等，以及网页项目的正规创建 2.页面布局规范讲解，从整体到局部的规划，先标签后样式的代码顺序等 3.完成三大项目实战，企业站，商城站和响应式页面，能够独立完成H5静态页面 | |
| web前端 JavaScript交互 | 核心语法 | 1.掌握JS的组成和语法,为进去代码的世界做铺垫,数据结构,不再看见代码而发愁 2.对象的创建方式和this详解,提前带你熟悉企业中变量的命名规则和规范 3.熟悉JS中的数据类型,流程控制,循环语句,轻松让你在网页上写出九九乘法表,计算器等 |
| 对象类型 | 1.基本数据类型(number、string、boolean、undefined、null) 2.引用数据类型( 数组 array .. 函数 function ... 对象 object) 3.掌握不同对象类型之间的转换 | |
| BOM与DOM操作 | 1.DOM操作和BOM操作大全,轻松操作网页上的每一个按钮等,同时给他们加上不同的功能 2.利用JavaScript代码实现酷炫特效,京东首页轮播图升级版 3.页面布局,结合H5代码,让你的网页功能更加全面,可以1:1写出小米官网首页及功能 4.熟悉事件处理,让你的代码更加严谨,相同的页面效果,写的代码更少 5.浏览器兼容性处理,让市面上的不同浏览器品牌,打开你的网页效果不会有差别 | |
| 事件编程 | 1.Javascript的事件机制,了解底层,才能写出更严谨的代码,企业开发常见事件的使用详解 2.offset家族和scroll家族,了解浏览器和代码之间的关系 3.键盘事件及键盘码的属性,让你的键盘能和钢琴一样,按下之后有不同的声音 | |
| 正则表达式 | 1.创建正则表达式,从零开始写表单验证,轻松还原百度注册功能 2.正则的3大核心：字符串类元字符、边界类元字符、量词类元字符,让你写的验证功能更强大 3.正则的使用和替换,随心所以换校验规则 4.完整版表单校验,提前进入企业实战开发 | |
| 面向对象编程 | 1.掌握面向对象和面向过程,熟悉JS的精髓;深拷贝和浅拷贝,让你知道更加底层的代码 2.原型和原型链,JavaScript最重要的核心,让你写的代码复用性更强 3.企业开发中沙箱模式,了解企业中是怎么团队合作开发 | |
| JQuery交互特效开发 | 1.jQuery的优势介绍,jQuery选择器,让你最快半个月搭建一个简单网站 2.jQuery中的动画详解,让你的网页不再单调,贪吃蛇,水果忍者,都能通过代码写出来 3.链式编程和隐式迭代,了解jQuery的底层核心 4.JQuery插件使用和制作,自己也能制作酷炫动画插件,使用插件1分钟做出京东轮播图效果 | |
| Bootstrap | 1.Bootstrap开发优缺点介绍,如何通过模板搭建网站 2.响应式开发原理,无论电脑、手机、平板等,都能适应屏幕 3.Bootstrap框架的使用,4个口诀让你做出标准官方首页样式 4.Bootstrap的栅格系统详解,不同屏幕尺寸,显示不同的效果 5.Bootstrap的Javascript插件使用,掌握不同网页按钮和输入框更换样式和颜色 | |
| ECMAScript6 | 1.ES5中的严格模式,让代码自己检查自己 2.ES6中的新语法详解,面试必问的语法 3.实际开发中最常用的箭头函数,解构赋值和字符串模板,让你代码更加简洁 4.定义变量的新方式LET和const,让你与企业开发同步 | |
| Ajax数据交互 | 1.Ajax技术介绍,json格式与XML格式详解,现在的技术和历史技术的区别,教你如何链接服务器 2.Ajax中post与get两种请求方式详解,2种方式从后台服务器拿数据 3.JSON数据分析,了解后端数据是怎么写的,不再盲目的被后端程序员怼 4.解决跨域访问的方法,让你的网页在任何协议都能访问,无论是http协议还是https 5.企业接口化开发详解,提前进入实战化开发 | |
| 第二阶段（WEB前端-移动端进阶开发） | ||
| WEB前端移动端开发 | git版本控制 | 1.什么是版本控制,为什么用git.了解今后工作中是如何获取项目源代码的 2.git常用指令(建立仓库，获取最新版本代码，提交代码) 3.使用可视化工具TortoiseGit进行git的常规操作 |
| HTML5 高级功能 | 1.画布标签canvas.了解如何绘制并填充线条（形状）,文字及图片。完成你画我猜小游戏 2.多媒体（音频，视频）标签的实际使用。开发并完成自己的网易音乐播放器 3.强化练习智能化表单以及和完成后台的数据交互。完成带有图片验证码功能的登录操作 4.本地存储（cookies,sessionStorage,localStorage）。一周免登陆是如何实现的 | |
| webAPP开发 | 1.视口viewport（手机浏览器中的虚拟窗口）为何手机中的网页有的能缩放尔有些不能 2.移动端的事件交互：触摸事件（touchstart/mov/end/cancel）。完成京东商城分类页 3.另一种布局方式：弹性布局（flexbox） 随堂项目：商城移动端首页、在线答题系统 | |
| 微信公众号开发开发（JSSDK） | 1.微信公众号介绍与申请开发账号 2.调用微信官方API接口函数 3.常见微信分享、投票、扫一扫、定位打卡等的设计与实现 随堂项目：企业公众号项目实践 | |
| 微信小程序 | 1.小程序相关介绍及账号申请\小程序开发环境搭建 2.小程序组件开发、API使用 3.WEUI,有赞Vant使用、云存储、云数据库 （文件，图片上传功能实战） | |
| 网校实训项目： 1.建立云开发环境 2.网校首页 3.课程详情页 4.日历组件（课程表） 5.个人中心（头像上传） 6.获取用户权限登录 7.打卡签到 8.日程提醒等 | ||
| 抖音小程序 | 字节跳动集团旗下小程序平台（包含抖音，今日头条等app内的小程序） 1.小程序相关介绍及账号申请，开发环境搭建 2.小程序布局原理、基础组件及API使用 3.小程序的自定义组件的开发，组件间的数据通信与交互原理 | |
| 阶段考核 | 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等 | |
| 第三阶段（WEB高级框架) | ||
| WEB前端高级框架与后台交互 | Vue.js | 1.Vue.js简介与安装,初始化Vue实例 2.Vue三大基础语法：数据绑定，列表渲染，条件渲染 3.监听属性与侦听器。快速实现购物车中的总价，总数的计算 随堂练习：实现购物车的三部曲 |
| 1.生命周期的钩子函数（vue页面的4个关键阶段） 2.自定义组件开发，数据的传递与自定义事件 3.过渡与动画,数据请求工具axios的使用 随堂练习：用户是怎么把商品加入购物车，Sku商品规格 | ||
| 1.脚手架vue-cli,搭建项目的基础骨架.了解大型网站项目是如何诞生的 2.路由router,网站页面间是如何跳转的.了解为什么现在的网页都没有.html了 3.状态管理vuex,全局管理及维护网站的简单数据.让学员明白网站为什么可以1个月都不用自己登录 4.自动打包工具webpack.掌握完成的项目是如何发布到正式环境的 | ||
| 1.路由简介,两大常规路由操作：动态路由，嵌套路由.掌握企业(电商)后台网站的布局及跳转方法 2.编程式导航,实现页面跳转的两种操作方法：声明式和编程式 3.命名路由与命名视图,路由的传参. 掌握从商品列表跳转到商品详情页如何显示对应的数据及评论 4.导航守卫.掌握淘宝在搜索商品前必须先登录的功能实现 | ||
| 1.什么是Vuex,Vue.js的状态管理模式 2.Vuex的五个核心属性：state, getters, mutations, actions, modules 3.通过学习vuex 掌握初步的网站1个月免登录功能实现 | ||
| 商城项目实训：1.搭建vue开发环境 2.商城首页 3.商品详情页 4.购物车 5.个人中心 6.商品分类 7.用户登录 8.商城打包上线 | ||
| 1.elment-ui简介，安装element-ui 2.主题设置，常用组件 3.element-admin 后台管理项目系统实践 | ||
| React.js | 1.react.js简介,开发环境脚手架的搭建. 2.基础概念介绍,遍历数组,实现一个vue的v-model功能 3.样式绑定,组件的开发,属性与自定义事件。 随堂练习：饿了么点餐项目实战 | |
| 阶段考核 | 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等 | |
| 第四阶段（WEB后台交互与开发） | ||
| PHP后台开发 | PHP基础搭建环境 | 1.PHP简介,服务器与数据库的环境搭建 2.PHP基础（变量和常量，基本数据类型，运算符） 3.流程控制，自定义函数，基础对象类型 |
| GD图像处理（图片验证码） | 1.程序员的对象到底是谁.面向对象（继承 封装 多态） 2.图形处理库介绍及原理.学会开发属于自己的图形验证码 | |
| 前端交互（接口，传值） | 1.什么是接口,前后端的数据交互与通信。掌握用户登录，查询个人信息功能 2.文件操作，图片上传功能.掌握完整的用户头像上传修改功能实现方式 | |
| mysql基础语法 | 1.数据库基本语法与基本操作（增删改查） 2.掌握php执行数据库操作语法。掌握新浪微博的底部加载功能的实现方法 3.用户登录,网易163的10天免登录功能的真正实现方式 | |
| Node.js | 基础介绍★ 模块系统★ 事件和接口★ | 1.什么是node.js,node.js的介绍,npm使用介绍 2.安装配置第一个node.js应用.创建模块.模块加载 3.事件驱动程序,GET请求与POST请求.获取请求参数 |
| web模块★ | 1.什么是 Web 服务器。使学员了解我们制作的网页是怎么被别人访问到的。 2.使用 Node 创建 Web 服务器 3.使用 Node 创建 Web 客户端 | |
| Express框架★ | 1.Express 简介与安装，开始你的第一个express项目，创建及启动项目 2.请求和响应，路由，中间件，文件上传及cookie管理等。 | |
| 第五阶段（岗前强化与就业指导） | ||
沟通技能 和就业指导 | 管理与沟通 | 心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作 |
| 就业指导 | 毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作 | |
| 特别说明 | 1.报名WEB全栈工程师培训课程，赠送视频包、软件包、素材包、材料包 2.报名WEB全栈工程师培训课程课程，在学习过程中，学员有机会参加学院派接的订单实战 3.WEB全栈工程师培训课程培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、美工设计，结业后相当于有半年左右实战经验，能成功胜任设计、前端/移动端开发，后台应用等职位 4.**学会：出勤率达90%以上，可享受1-2年内免费重新学习 5.考试认证：《网页设计师》、《网页前端工程师》（费用另付） 6.WEB全栈工程师培训课程学习周期：共576课时（45分钟/课时），平日班4-5个月；业余制10-12个月 7.WEB全栈工程师培训课程招生要求：大学以上学历 | |
学院优势
师资团队
选拔优质师资百位研究员组成的朗阁师资团队，分布于全国34座城市，其中90%拥有海外教育背景。以国际升学考试培训为研究主体，专注于中国考生海外国际升学考试教学
武老师
UI/UE交互设计讲师
12年UI设计、教学经历; Adobe ACCI认证讲师、Adobe交互界面设计师、资深摄影师；
代表作品有: aigopad触摸界面设计功德林点餐系统、酷我音乐APP设计、Photon播放器界面设计等
李老师
电商、SEO实战型讲师
拥有丰富的SEO实战经验与开阔的SEO知识理论体系，是中国网络营销行业一线开拓者;曾是国际、国内知名营销传播机构推手,运用网络为品牌创造奇迹8年网络营销、电子商务、SEO实战经验
王老师
室内设计讲师
东华大学艺术硕士毕业高级方案设计师、软装设计师、12年房地产 开发公司设计经理经验，
代表作品有中国电信博物馆(北京)改建汇贤阁别墅、会所、中房森林别墅、南京西路公馆、太仓联翔大楼;
学员风采
关于我们
浏览数
6600
课程数
100
校区数
5
上海非凡进修学院(上海非凡教育)成立于2005年7月是在团中央青年企业家协会、中国民主建国会徐汇区委员会等团体支持和领导下,由交大MBA同学会发起,经民政局、教育局核准注册成立的教育机构。
[详情]
