上海WEB全栈工程师精品班的优势:报名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全栈工程师培训课程招生要求:大学以上学历 | |
武老师
UI/UE交互设计讲师
12年UI设计、教学经历; Adobe ACCI认证讲师、Adobe交互界面设计师、资深摄影师;
代表作品有: aigopad触摸界面设计功德林点餐系统、酷我音乐APP设计、Photon播放器界面设计等
电商、SEO实战型讲师
拥有丰富的SEO实战经验与开阔的SEO知识理论体系,是中国网络营销行业一线开拓者;曾是国际、国内知名营销传播机构推手,运用网络为品牌创造奇迹8年网络营销、电子商务、SEO实战经验
室内设计讲师
东华大学艺术硕士毕业高级方案设计师、软装设计师、12年房地产 开发公司设计经理经验,
代表作品有中国电信博物馆(北京)改建汇贤阁别墅、会所、中房森林别墅、南京西路公馆、太仓联翔大楼;