Web发展前景
网络前端不仅工资高,而且在中国也是一个供不应求的工作。从招聘网站的分析来看,员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5,更印证了HTML5在互联网时代的发展前景。据统计,中国HTML5前端工程师缺口将达到约12万。目前,北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 |
你是否遇到下面的困扰?
-
入职机会
许多公司并未设置前端职位,切图、用代码生成页面等前端工作都需要设计师自己完成—只会设计!
-
理想现实
完成了一个很棒的网页设计,可是前端的同事并不能完全呈现出自己想表达的效果,沟通出现障碍!
-
升职加薪
想要升职加薪,但不懂代码,无法跟后端程序员沟通,晋升机会渺茫—即便成功晋升,也不能服众!
-
需要搭伙
想要接一个私活,甲方要求设计和前端的工作都需要你自己完成—找个人搭伙,钱分出去一大半!
为什么选择我们
实战项目教学案例
-
盒马生鲜
盒马生鲜为一个电商类的小程序项目,其中实现了盒马生鲜小程序的大部分功能,如首页数据展示、商品列表、详情、加入购物车等操作。数据通过mock的形式来完成,对于初学小程序的学员,这个项目无疑是贯穿原生小程序开发最好的选择。
-
微信小游戏
随着跳一跳等各类小游戏的火热发出,微信小游戏也慢慢成为了下一个追逐的热点,海底大冲关是基于原生小游戏所开发出来的一款益智类小游戏,。通过该项目让大家Get到小游戏的开发全过程,同时具备自己开发一个新的小游戏出来的能力
-
爱旅行项目
爱旅行是国内家提供限时特价旅游产品的网络平台。为了此项目在PC端以及移动端更好的适配,课工场前端开发团队以React框架为技术主线,实现了爱旅行项目在PC端的展示,使用移动端的开发技术实现了在手机上展示,可以更加便捷的操作。
-
大麦网电商网站
该项目使用Vue框架开发,使用前后端分离思想,采用node、npm、Webpack、ES6、vuex、vue-router等技术,采用GitHub作为代码管理工具,结合第三方地图API实现定位及地图绘制,还会从易到难的教会大家组件的封装使用。
HTML5实操课程
掌握HTML5&CSS3前沿技术,以及常见HTML5跨平台开发工具, 能够完成跨平台WEB APP、 响应式布局网站、跨平台应用等的开发。
科目
Subject |
章节
Section |
目标
Hourss |
制作案例
Production Case |
第 一阶段 移动前端制作基础 (HTML5+CSS3基础) |
● HTML 快速入门
● HTML5文档结构与基础语法 ● HTML5新特性 ● CSS3基础语法 ● 图形、图像软件的使用(PS、AI) ● CSS3布局样式 ● 大型页面布局方法与技巧 ● 移动设备界面布局基础 ● Sass和Compass ● ............ |
.....(根据学员岗位需求教学) | |
第二阶段
移动前端交互 |
● 移动设备布局与响应式布局
●HTML5 绘图 ●HTML5 SVG ●音频和视频处理 ●HTML5 拖放 ●JavaScript编程基础 ●JavaScript交互编程实战
●JavaScript异步操作基础 |
......(根据学员岗位需求教学) | |
第三阶段
前端综合开发 项目实操 |
● H5音视频 |
● 能自行快速搭建开发环境
● 掌握H5音视频开发 |
|
● 微客服 |
● 掌握调用本地摄像头
● 掌握常用标签 |
||
● 地图 | 掌握H5地图定位 | ||
● 微信美食(1~3) |
● 掌握微信公众号开发
● 掌握H5列表开发 ● 掌握CSS标签使用 ● 掌握HTML5 web存储 |
||
● 微信汽车(1~3) |
● 掌握轻量级JS库JQUERY
● 实现动态效果 ● 掌握网页数据的异步交互 ● 掌握轮播翻页效果 ● 掌握支付接口的开发 ● 掌握HTML5新表单元素 |
||
● 微信医疗(1~7) |
● ......(根据行业岗位需求教学)
● 掌握HTML5 web worker ● 熟练使用开发工具,调试工具,SVN ● 熟练HTML5新表单元素 ● 掌握Canvas基础图像处理技术 ● 掌握HTML5新特性 ● 掌握支付接口的开发 ● 了解如何利用开发工具如PhoneGap、APPCAN实现开发跨平台应用程序 |
上海交大慧谷培训中心
-
机构简介
上海慧谷高科技创业中心成立于1999年5月,是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构,是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务,培育高科技企业和企业家,促进科技成果商品化、产业化、国际化。
立即咨询
上海web前端培训
课程模板 |
培训内容 |
项目实训 |
Photoshop |
熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用。网页导航的设计以及字体板式设计 |
阶段项目实训 |
Illustrator |
基本操作、导入、图层讲解绘制工具(基本形状、钢笔等)的使用方法和技巧颜色的操作:基本色、渐变色、吸管等上色方法和技巧实时描摹和实时上色、滤镜与矢量效果、文字处理排版和文件输出几何变形和图形组合、路径的高级编辑与图表制作、矢量绘图与路径造型熟练使用此软件、完成插画绘制、标识制作、排版艺术等 |
|
WEB界面设计元素设计 |
Banner版面设计的规则与规范,版面的排版。色相的选择,色调的调整。让banner制作更速成化,Banner广告强化设计,主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例,网页导航的设计以及字体板式设计 |
|
Axure RP-Web/AP原型设计 |
Axure RP创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 |
课程模板 |
培训内容 |
项目实训 |
XHTML(DIV) |
XHTML(html+div)--熟练掌握 HTML 各种标签(文本,图像,链接,表格,列表,表单,框架,层布局等) ,以便于能快速完成各种页面的编写 |
阶段项目实训 |
CSS |
Css---选择器的介绍,样式中属性与属性值介绍,以及各种页面样式的定义和编写。网页导航的设计以及字体板式设计 |
课程模块 |
课程内容 |
项目实训 |
Html5 |
Html5----基础概述和新特性,从html到XHTML到html5的过程,创建h5文档,h5 表单(新增的input输入类型,属性,元素),绘制简单的图形,图形的变换,图形的组合与裁切,更多的颜色和样式选项,绘制文字,音频和视频的操作,web存储,离线应用,多线程处理等知识。 |
阶段项目实训 |
CSS3.0 |
Css3---回顾css,css选择器(属性选择器,结构伪类选择器,UI伪类选择器,其他选择器),文本,字体,颜色,背景和边框,2D变形(旋转,缩放,移动,倾斜,变形),设计动画(平滑过渡,2D和3D动画,渐变效果),实例:礼品盒,易拉罐等设计。网页布局,用户界面设计,已经其他新特性讲解 |
课程模块 |
课程内容 |
项目实训 |
Javascript脚本 |
Js---简介,基础(数据结构、数据类型、运算符、表达式、数据类型的转换规则),流程控制(赋值语句、条件判断语句、循环控制语句、跳转语句),函数(定义,调用,使用,返回值,嵌套,内置函数,构造函数),对象与数组(内置对象、对象访问语句,数组),字符串与数组处理对象(字符串对象,数值对象),正则表达式,表达式语句,程序调用与错误报告,事件处理,加载事件与卸载事件,处理文档(文档对象常用的属性、方法、事件),文档对象模型(DOM概述,对象节点属性),window对象的操作等。 |
阶段项目实训 |
jQuery+交互动画+jQuery优质插件 |
结合案例了解jQuery库原理和动画的概念、方法,熟悉和掌握移动网页常用jQuery库使用方法。主要内容包括:jQuery各种选择器的使用,DOM节点操作,事件处理及事件处理机制,jQuery事件封装机制,jQuery事件应用,jQuery中的动画及动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题和jQuery插件的使用 |
网站设计流程与策划 |
网站设计流程,网站设计理念创新,网页结构图与原型图绘制等;如何从零开始策划一个网站,包括主题定位、栏目规划等,如何去策划盈利模式。 |
|
电商平台类网站项目实训 |
商业案例实训如京东、小米等平台,重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计,布局技巧及细节设计技巧,各类网页交互设计应用、响应式设计应用的展示 |
|
企业类网站项目实训 |
如小米、腾讯企业类平台,重点学习页面主题设计如TOP部分设计,BANNER设计,产品页设计,新闻页设计,首页设计,类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条(banner)制作、正文内容的详细设计 |
阶段 |
授课内容 |
阶段一:基础课程 |
1. 入门必备 - 新手学HTML+CSS 2. 入门必备 - JavaScript快速上手 3. 入门必备 - PS技法与切片技术 |
阶段二:中级课程 |
1. 无上心法 - CSS高级及兼容Hack技术 2. 前端利器 - 实战jQuery和Ajax技术 3. 前端综合项目实战 |
阶段三:高级课程 |
1. 晋升加薪必备技能 -HTML5+CSS3 2. 晋升加薪必备技能 -BootStrap响应式网页开发 |
阶段四:深度课程 |
1. JavaScript深入 -JavaScriptOOP面向对象编程及调试技巧 2. 移动开发必备 - 企业级BootStrap开发高级课程 3. 移动开发必备 -JqueryMobile从入门到精通 4. 前端框架技术 - Angular Js实战 5. 前端框架技术 - EasyUI快速上手 |
阶段五:进阶课程 |
1. CSS在工程中的应用 -Less零基础高级教程 2. MySQL快速上手 3. PHP/Java快速上手 |
阶段六:准备就业 |
1.项目演示 2. 做面试题 3. 模拟面试 |