|
|
| 网络前端不仅工资高，而且在中国也是一个供不应求的工作。从招聘网站的分析来看，员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5，更印证了HTML5在互联网时代的发展前景。据统计，中国HTML5前端工程师缺口将达到约12万。目前，北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 | |
许多公司并未设置前端职位，切图、用代码生成页面等前端工作都需要设计师自己完成—只会设计！
完成了一个很棒的网页设计，可是前端的同事并不能完全呈现出自己想表达的效果，沟通出现障碍！
想要升职加薪，但不懂代码，无法跟后端程序员沟通，晋升机会渺茫—即便成功晋升，也不能服众！
想要接一个私活，甲方要求设计和前端的工作都需要你自己完成—找个人搭伙，钱分出去一大半！
一、三大构成
1、平面构成与设计：点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。
2、色彩构成与设计：学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。
3、立体构成与设计：立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用
二、WEB界面元素设计
1、网页Banner排版与设计
1）Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更化。
2）Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例
2、网页元素
及规范：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范及页面元素；网页配色技巧、色彩与构图的概念及技巧；网页导航与按钮设计
掌握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架构
|
单机时代Web单机性能优化（TCP状态变化、HTTP协议、系统性能调优、Nginx性能优化）
集群系统Web集群实战（不同集群架构LVS、Nginx、Haproxy方案对比，实战经验） 文件存储集群系统中文件存储的方案（文件分发、文件同步、文件共享、分布式文件系统） 缓存应用缓存在Web架构中的应用 数据存储Web架构之数据存储（SSDB方案介绍、MySQL集群方案介绍） |
|
第二阶段
自动化运维
|
1DNS实战 DNS在自动化运维中的实战
自动化监控 自动化运维-监控平台之Zabbix（多维监控：网络监控、系统监控、硬件监控、服务监控、分布式监控、自动化监控） 自动化运维-使用Zabbix构建企业级监控项目实战（系统、TCP、Tomcat、MySQL、Nginx、Redis、Memcached等） 自动化配置 自动化运维-配置管理之SaltStack（远程执行、配置管理） 自动化运维-配置管理之SaltStack（实战案例） 自动化部署 自动化运维-自动化部署（如何设计一个自动化部署方案实现一键部署、秒级回滚） 自动化运维-持续集成、持续部署、持续交付（Gitlab+Jenkins+Snoar） 自动化日志收集 自动化运维-日志平台ELKStack实战（Elasticsearch、Logstash、kibana） 自动化运维-日志平台ELKStack实战（收集系统日志、错误日志、访问日志、MySQL Slowlog、完整的生产案例） Docker容器实践 自动化运维-Docker从入门实战 自动化运维-基于Docker构建企业PAAS平台项目实战 |
|
第三阶段
云计算实战
|
OpenStack实战云计算概述和KVM实战
使用OpenStack构建企业私有云-OpenStack入门实战 使用OpenStack构建企业私有云-深入理解OpenStack虚拟机 基于SaltStack+OpenStack实现自动化扩容、结课总结 |
|
第四阶段
成为合格运维总监/CTO训练
+
后端开发
|
晋升之道了解自己、了解人性。
如何进行团队管理。
运维总监/CTO的职责。
如何做好中层（上传下达）。
如何成为一名合格的领导（运维总监/CTO）。
|
| 学习阶段 | 学习大纲 | 学习内容 |
| 初级入门（UI视觉设计和JavaWeb开发课程） | 通识知识、HTML基础、CSS基础、JavaScript基础、jQuery基础、实战案例 | 计算机的规范应用、office办公自动化、邮件文化、记笔记的方法、提问的艺术、计算机英语、思维导图、Markdown笔记、沟通技巧/基础、表格、表单、案例搭建网页结构/选择的艺术、文本样式、盒子模型、float浮动、定位、网页布局基础/语法、流程控制语句、函数、内置对象、DOM基础、DOM事件、BOM基础、实现轮播特效/选择的艺术、DOM操作、事件、插件、弹出层案例、瀑布流布局案例/Photoshop设计基础、新渡在线商城网站案例 |
| 前端进阶 | 走进HTML5、CSS3详解、移动基础与响应式、Bootstrap详解 | 标签变化、网页布局、属性变化、音视频、表单验证/选择器、边框与圆角、背景与渐变、文本与字体、转换、过度、动画、多列布局、用户界面、实现汉克狗案例/移动基础、flex弹性布局响应式布局、移动端界面设计/栅格布局、模块分类与排版布局、常用组件、实战案例 |
| H5&JS进阶与组件化网页开发 |
HTML5进阶、JavaScript进阶、jQuery进阶 |
HTML5存储、拖拽上传、SVG视口、坐标和形状、SVG文本、填充和边框、SVG滤镜及动画效果、Canvas绘图基础、Canvas插件、Canvas案例/错误调试与处理、变量和作用域、函数深入讲解、实现简易计算器、面向对象、单例模式、DOM操作、DOM属性、事件、正则表达式、表单验证案例/动画、常用工具函数、JSON与AJAX、左侧导航案例 |
| 移动Web开发进阶 | Less基础、MUI框架、微信小程序、微信公众号 | CSS预处理器Less/MUI框架组件讲解，结合小案例熟练掌握MUI/入门概念及演示、开发工具、快速项目构建、文件结构、常用组件、常用API、反馈系统小程序案例/分享、支付、登录等API使用 |
| 企业实战高级进阶 |
ES6、NodeJS、Vue基础、综合Dodoke案例 |
变量声明const和let、模板字符串、函数、拓展的对象功能、数据访问-解构、Spread Operator展开运算符、展望ES7语法/历史发展、同步与异步、环境安装、文件操作、网络操作、模块化思想及操作、nmp、异步编程、Express、前端工程化工具使用（Webpack或Gulp等）/框架介绍、开发环境搭建、到页面、组件、前端路由、Vuex/通过Node和Vue等前端知识的配合，完成Dodoke商城完整动态网站 |
学习不知道如何选择学校？想要了解上海哪家机构教学优势强、教学师资、资质，还有学习的价格，这些问题专业的师资团队都会给你解答。
快拨打免费咨询热线：021-64320836，或【在线咨询】向老师提问！
张老师：132-6289-2960（手机/微信）
