欢迎来到深造了培训网!

咨询热线 400-809-8617

位置:上海深造了培训网 > 上海电脑 > 上海网络技术

上海web前端工程师培训(直营分校6所,就近入学)

授课机构:上海非凡学院

地址:上海徐汇区/黄浦区/浦东新区/普陀区/虹口区就近选择。

网报价格:¥电询

课程原价:¥电询

咨询热线:400-809-8617

课程详情 学校简介 学校地址 网上报名

关键词:上海web前端开发培训学校 上海专业WEB培训机构

【上海非凡学院】◆24小时咨询热线:400-809-8617 微信:abc45894589;非凡学院成立于2005年7月是在团中央青年企业家协会、中国民主建国会徐汇区委员会等团体支持和领导下,由交大MBA同学会发起。学院为各大学员广告设计、淘宝运营、淘宝美工、淘宝摄影、微商营销、网页设计、室内设计、景观设计、服装设计/制版、模具设计、办公自动化、网络工程、UI交互设计师、网页设计师、电子商务师、网络营销师、服装设计师、模具设计师等课程。

入学条件: 1.零基础学习,最好有美术方面的基础
2.学习后可以达到前端网页设计的效果,可以胜任网页前端、前端美工设计、淘宝美工、网页美工等职位
课程课时: 共384课时(45分钟/课时)
使用教材: 学校内部专业电子教材,采用理念与实战相结合、案例分析和设计为主
可考证书: 教育部SIC《网页前端设计师》和《网络设计师》认证证书
学习周期: 平时白天3-4个月;业余制8-10个月

本院课程基于Web2.0之上,主要学习web3.0的技术,实现网页在PC端和移动端的应用。
HTML5+CSS3布局、JavaScript核心框架与编程技术、移动端页面开发(HTML5)、移动端技术与服务器交互、实战项目训练,可实现小米登录、小米注册、淘宝登录、淘宝注册、京东产品详情页的页面动效以及交互实现、非凡官网项目的典型效果实现、唯品会订单页面设计开发

课程模块 课程科目 培训内容
第一阶段(设计与软件技能)
前端预科班
(赠送课程)
Dreamweaver 讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧,html基础应用,快速入门,css样式表的应用,网站的管理和维护
Illustrator 广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件,印刷和Web网络创作的专业平台,针对Web和移动的改进、介绍多个画板、触摸式创意工具等新鲜特性
Fireworks 讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用
Photoshop 熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用
培训目标 熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用
第二阶段(web前端 PC端和移动端项目开发)
web前端
HTML5+CSS3
HTML标签 1.HTML5入门与简介
2.文本、图像、链接、表格、列表、表单、框架(iframe)等标签
3.HTML5新增的智能表单
4.HTML5新增的结构化标签
随堂项目:
1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息
2.利用table标签课程表的实现
3.利用form、input表单标签实现简单登录注册页面
CSS基础语法
常见样式
1.CSS3语法规则
2.CSS3三种引入方式
3.标签的常见属性
4.CSS3中常见文字格式化处理
5.CSS3中常见颜色的表达方式
随堂项目:一般导航栏的制作
CSS选择器 1.什么是CSS选择器
2.ID选择器、class选择器、元素选择器
3.伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器
CSS盒子模型 1.什么是和盒子模型
2.盒子模型的内容区、边框、内边距、外边距
3.知晓盒子模型各个属性的使用场景
随堂项目:导航栏的制作,利用盒子模型拉开间距、hover效果添加后的内边距设定
浮动与定位 1.float的使用
2.利用clear 清除浮动
3.利用overflow消除float对于父容器的影响
4.position定位中的:static、fixed、absolute、relative的使用
随堂项目:导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮
响应式布局与页面优化处理 1.移动页面与PC端页面布局时候需要注意点
2.响应式布局的实现原理
3.各种浏览器对于CSS样式的支持情况
4.页面优化需要注意的地方
5.解决跨浏览器兼容性问题
随堂项目:移动端的用户注册页面、PC端的用户注册页面。
实战项目 1.熟悉网页前端开发的完整流程
2.PS设计稿的切图操作
3.导航栏的设计与实现
4.二级菜单的设计与实现
5.网页布局中的排列技巧
6.商品列表的设计与实现
7.hover效果搭配阴影效果在网页设计中的使用技巧  8.列表在网页设计中的使用技巧
9.盒子模型的使用技巧
培训目标:1.根据PS设计稿完成官方网页首页的代码编写
2.知晓整个团队开发协作流程能够独立的担任前端开发工作
web前端
JavaScript 开发
核心语法 1.javascript基础语法
2.javascript的引入方式
3.javascript中的对象、数组、变量
4.流程控制(if…else switch…case while for)
随堂项目:九九乘法表、闰年计算、谁是高富帅(if…else.. Switch…case)
BOM与DOM操作 1.熟知浏览器中的对象BOM,并利用javascript操作它
2.熟知文档对象模型DOM。并利用javascript操作它
随堂项目:网页时钟的制作、回到顶部
事件编程 1.javascript的事件机制
2.常见的JS事件:单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载
随堂项目:1.选不中的按钮的实现2.简单功能计算机的实现
正则表达式、面向对象编程、错误处理 1.正则表达式的语法基础
2.利用正则表达式做字符匹配
3.面向对象编程
4.javascript的处理处理机制
随堂项目:邮箱格式的验证、编写一个获取常见输入数据的格式验证类。
JQuery 1.JQuery基础语法
2.JQuery选择器
3.JQuery的BOM与DOM操作
4.JQuery事件编程
4.Jquery常见动画与自定义动画编程
随堂项目:打地鼠游戏、抽奖轮盘制作
JQuery
项目实战
1.图片轮播         2.利用jQuery制作拼图         3.贪吃蛇
Ajax技术 1.什么是Ajax技术
2.json格式与XML格式详解
3.Ajax的post与get两种提交方式详解
4.服务器端的数据反馈机制说明
5.如何利用jQuery实现Ajax提交
随堂项目:用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现
第三阶段(整站项目实训)
整站项目
实训
规划设计 1.开发流程介绍
2.知道什么是git.
3.搭建git版本库
4.安装git控制软件
5.学习commit 、push、pull等功能。
6.建立独立商城项目
首页项目 1.菜单栏重构设计
2.导航栏重构设计
3.banner规划设计
4.常用js动画效果
详情页设计 1.相同部分
2.商品详情页编写
3.商品页动画效果的制作
购物页面 1.完成商品选择功能
2.商品提交过程
3.错误信息提示窗体等功能
第四阶段(前端进阶开发)
前端进阶
开发
HTML5
高级功能
1.canvas标签的使用
2.多媒体在网页中的使用
3.HTML5中的智能表单
4.HTML5中API的详解(定位、数据库存储)
随堂项目:1.利用智能表单实现注册页面
2.利用canvas绘制小星星
3.利用HTML5中新功能实现一个最近超市搜索页面。
CSS3
动画详解
1.CSS3的动画功能
2.CSS3新增选择器
3.弹性盒模型
4.服务器字体
随堂项目:1.利用CSS3动画绘制一个三维立体动态的导航栏。
Bootstrap 1.什么是bootstrap
2.bootstrap的栅格系统
3.bootstrap的CSS样式
4.bootstrap的组件
5.bootstrap的javascript插件
随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面
webAPP开发 1.移动端页面的设计要求
2.HTML5动画的常见使用场景
3.多媒体在页面中的使用
4.商城项目首页、用户注册、登录、商品列表等页面的实现
微信公众号开发 1.是微信公众号项目开发的简介。
2.微信公众号项目的官方文档与demo样例全解析
3.调用微信官方API接口函数
4.利用H5的新特性构建更富有表现力的活动页面
5.常见微信分享、投票、活动、抽奖页面的设计与实现
第五阶段(岗前强化与就业指导)
沟通技能
和就业指导
管理与沟通 心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作
就业指导 毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作
特别说明 1.报名课程,赠送视频包、软件包、素材包、材料包
2.报名课程,在学习过程中,学员有机会参加学院派接的订单实战
3.零基础,可以达到高级网页前端设计的程度,相当于具有半年左右的工作经验。
4.保证学会:出勤率达90%以上,可享受1年内免费重新学习
5.考试认证:参加国家认证考试,可获得工信部《网络设计师》、教育部SIC《网页前端工程师》(费用另付)
地址:多个校区就近安排学习

徐家汇交大中心

地址:徐汇区广元西路

电话:400-809-8617

人民广场中心

地址:黄浦区山东中路

电话:400-809-8617

浦东八佰伴中心

地址:浦东新区张杨路

电话:400-809-8617

普陀长寿路中心

地址:普陀区胶州路

电话:400-809-8617

虹口足球场中心

地址:虹口区花园路

电话:400-809-8617

电商事业部中

地址:徐汇区广元西路

电话:400-809-8617



上海非凡学院简介

上海非凡进修学院成立于2005年7月是在团中央青年企业家协会、中国民主建国会徐汇区委员会等团体支持和领导下,由交大MBA同学会发起,经民政局、教育局核准注册成立的教育机构。
学院现有专兼职员工近百人,其中硕士及博士研究生有18 名。师资团队主要来自行业内的资深专家,他们不仅有高深的理论知识还有丰富的实战经验。课程设置主要以理论结合实践,偏重于岗位技能实战,同时还加强了学生职业素养方面的综合提升。学院现有办学面积近4000平方,其中现代化电脑机房30多个,多媒体教室、画室、办公活动场所及其他场所若干,符合现代化办学要求。
总部位于上海交通大学教育培训圈、徐家汇商圈处,是以电脑培训、设计培训、电商培训、企业培训为主的学院;学院以教育改变人生为使命,以培养优秀创意设计人才为己任,以培养实用型人才为目标,为企业和社会培养大量设计类人才,办学10多年以来,一直得到企事业用人单位、政府机构主管部门及学员们的一致好评。
上海非凡进修学院目前已与2000多家用人单位建立长期人才供需关系.提供UI交互设计师、平面设计师、网页设计师、室内设计师、电子商务师、网络营销师、服装设计师、模具设计师等专业人才,目前上海、苏州、无锡、南京、杭州等长三角大中城市用人单位纷纷高薪聘用学院学员。数千名学员已成为单位的技术骨干和管理骨干,不少学员还开办了公司、工作室,走向个人创业道路。合格学员推荐就业率达到95%以上,无数学员成功的事实证明了非凡学院培养出学员的实力。
上海非凡进修学院正以迅猛的速度、稳健的步伐为社会培养各类复合型实用型高技能人才,为不断提高国民素质,办好终身教育与继续再教育作出不懈努力。

  • 学校名称:上海非凡学院

    固定电话:400-809-8617

    授课地址:上海徐汇区/黄浦区/浦东新区/普陀区/虹口区就近选择。 预约参观