课程详情 学校简介 学校地址 网上报名
标签定义的。
样式:外部样式表、内部样式表、内联样式
链接:超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
图像:图像由 标签定义。
表格:表格由标签来定义。
列表:无序列表(UL)、有序列表(OL)、
表单:表单是一个包含表单元素的区域。
框架:Frame 标签定义了放置在每个框架中的 HTML 文档。
内联框架:iframe 用于在网页内显示网页。
背景:拥有两个配置背景的标签。背景可以是颜色或者图像。
语义化标签,HTML5标签的兼容处理,HTML5标签SEO
新的元素选择器,HTML5中的选择器
本地存储,安全性、容量、和cookie区别
HTML5表单新特性,新的input类型,placeholder的使用和兼容,表单自动校验
FileReader和文件拖拽
geoLocation
canvas,功能和操作,图表、游戏和动画
WebGL,全3D网页浏览
video、audio
离线应用,Manifest文件编写
webSocket,优点,和Ajax的区别
webWorker,用途和优点
webSql
CSS3新特性,文本溢出,分栏模式,背景,圆角,阴影,渐变,transform,CSS3动画,rgba等
HTML5的应用范围
CSS3基础
css3与css2的区别,CSS3的兼容性,浏览器前缀,不需要前缀的样式
JS设置CSS3样式,setStyle3()的封装,IE前缀的问题
transition基本使用,transition的参数,不同运动形式的区别
transition运用范围,transition和JS平滑结合,transition的问题
border-radius的使用,圆角的单位,圆角大小的测量(PS中),圆角的各种参数
rgba的使用,rgba和opacity的区别,rgba的应用,rgba和渐变
text-shadow的用法,各种参数,配合rgba的另类用途
box-shadow的用法,内投影和外投影,扩展阴影
线性渐变的使用,最简形式,渐变方向的控制,多点渐变和rgba的结合
圆形渐变的使用,中心点位置,形状和大小
CSS3变形和应用
transform的作用,旋转、缩放、位移、倾斜的使用,transform与内联元素
rotate的使用,deg,origin的使用,origin的各种写法,角度的换算
scale的使用,等比缩放和拉伸,翻转和变形,scale和改变宽高的区别,CSS3属性和盒模型尺寸,scale的其他写法
skew的使用,PS中的倾斜,倾斜模拟旋转
translate的使用,translate和left、top的区别
多transform组合使用,顺序的问题
CSS3 3D变换,3D旋转,perspective的使用
3D变换的坐标系,旋转方向的分辨,perspective的两种用法
backface-visibility的使用和问题
backface-visibility的bug,translate另类解决方法
transform-style的使用,3D空间的继承
CSS3动画
纯CSS动画animate,关键帧,格式和编写
animate的调用,时间单位和重用
animate的可选属性,运动类型、延迟、重复、重置
animate和JS的配合
animate和transition的比较
动画结束的检测,Mozilla的问题和解决
自定义链式动画库
JS运动和CSS3动画
圆角的精确控制
CSS3多背景和背景尺寸控制
渐变高级应用,控制点、重复背景、渐变与背景结合
本地存储
本地存储和cookie的区别,localStorage和sessionStorage的区别
localStorage的支持情况,兼容性检测
添加、删除数据,删除数据
localStorage使用的注意事项
实例:基于localStorage的待办事项
localStorage的方法和属性,setItem、getItem
清空localStorage,遍历localStorage的方法
实例:基于localStorage的记事本
localStorage的事件,onstorage的兼容性写法,事件对象的各种属性:key、oldValue、newValue、url/uri
Json对象的方法,stringify、parse,parse和eval的区别
调试工具的使用
窗口间通信
地理信息
geolocation的用法,地理信息的定位精度,测试geolocation的方法
兼容性和兼容检测,getCurrentPosition()的使用
返回结果的作用:accuracy、latitude和longitude、altitude和altitudeAccuracy 、heading和speed
实例:配合百度地图显示当前位置
获取失败的处理,message、code,授权和常见错误
可选参数,高精度模式,超时处理
监听地理位置变化
HTML5特性、表单
contenteditable的作用
实例:基于ajax的简易excel
自定义数据的使用,兼容性,自定义数据配合JS,优点、缺点
HTML5表单特性,placeholder的使用,autocomplete和autofocus
新的input类型,控制手机输入法
实例:JS处理placeholder兼容问题
HTML5表单验证,required属性的使用,pattern属性的使用
下拉选择框,search和datalist
novalidate属性、multiple属性
JS配合HTML5表单校验,checkValidity()方法的使用
2.Web核心编程
学习周期:5个月
学完此阶段课掌握的核心能力:
1、可以清晰划分项目开发模块;
2、根据开发任务编写详细设计文档;
3、根据文档对功能模块进行编码;
4、根据测试信息修复模块功能缺陷;
5、能对现有产品进行升级和维护。
学完此阶段可解决的现实问题:
能解决常规业务逻辑,PHP操作MySQL实现增删改查,动态网站项目开发,独立编写mvc框架。
2.1 环境搭建
了解PHP的基本概念,明白静态网站和动态网站的区别,熟练掌握WAMP环境的搭建流程,能够独立的搭建环境和配置域名以及虚拟主机。
2.2 PHP核心编程
对PHP基本语法进行加强,更深入的配置Apache服务器和灵活的使用PHP三大流程控制语句,掌握位运算,对计算器的二进制(原码、反码和补码)有所了解。
2.3 Mysql数据库开发
从目前看,任何一个有商业价值的项目或者网站,都离不开MySQL数据库, 因此系统深入的掌握MySQL数据库各种操作非常重要,重点是围绕ddl/dql/dml/dcl/dtl讲解。同时会穿插项目中如何设计出有商业价值的数据库模型的技巧,并涉及到MySQL的优化细节。本章节相对轻松。
2.4 Http协议
超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用广泛的一种网络协议。是工作在tcp/ip协议基础上的,所有的WWW文件都遵守这个标准。http也是我们web开发 的基石。对我们了解PHP底层机制有很大帮助,做到知其然,还知其所以然。
2.5 文件编程
文件主要的作用就是保存数据,它既可以保存一张图片,也可以保存视频、声音...本章节要求同学们掌握文件的各种操作和上传下载,动态创建和删除目录,文件和无限级扫描文件等,掌握好这些知识点对我们项目开发非常重要。
2.6 会话技术
了解会话技术的基本概念和产生历史,掌握会话技术的原理,其中Session和Cookie是很重要的用户行为跟踪技术,尤其是电商,sns项目中运用广泛,因此是 我们学习的重点和难点。
2.7 GD库技术
使用图表动态显示数据。而这些图表的显 示都要使用到PHP的绘图技术,本章节要求同学们熟练的使用PHP的绘图函数完成项目的需求。
2.8 面向对象(OOP)编程
面向对象编程已经成为PHP编程的主流,面向对象编程让程序变得更加强大 和灵活,更利于项目的开发和维护。本章节是PHP核心编程的重中之重.要求同学们深刻理解面向对象本质,会使用 OOP的程序设计思想来编写程序和项目。
2.9 MVC设计模式
MVC是一个设计模式,它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件:模型、视图、控制器。它们各自处理自己的任务。 MVC的各个字母分别是M(model模型)、V(view视图)、C(controller 控制器)。目前90%以上的项目和网站使用的就是MVC开发模式。因此同学们需要深入细致的把握MVC。
项目实战
项目实战阶段是同学们把老师前面讲过的知识点实际运用到项目中的恰当时机,也是检验自己学习成果的时候。当同学们通过加班加点,小组讨论把项目完成时, 经历了项目从无到有,从有到完善时,同学们的编程能力和把控项目的能力在潜移默化中提高了,为学习下一个阶段 (PHP高级应用)打下扎实的基础。
3.前端高级程序设计
学习周期:3个月
学完此阶段可掌握的核心能力:
1、 具备解决复杂问题和技术难点的能力;
2、丰富的调试技能和组件开发能力;
3、能够独立设计开发复杂的功能模块。
学完此阶段可解决的现实问题:
1、能够实现功能的同时,考虑代码的优雅性,注重代码的性能和重用性;
2、针对项目中的bug和技术难点,能够提供解决办法;
3、深入理解前端框架实现原理,能够开发和重构通用的前端组件。
课程内容:
3.1 面向对象开发思维引导
通过面向对象的基本概念和程序开发思维引导,以及现实生活中的例子,结合程序的实现方式,浅显说明面向对象的开发思想。
3.2 JavaScript面向对象
掌握面向对象的特性,通过实例详细讲解封装、继承、多态的概念并且从程序开发的角度进行深入理解。
3.3 JavaScript闭包、作用域链、原型链等高级特性
掌握面向对象的高级特性,通过专题的方式强化闭包、原型链、this等概念的深入理解,增强js的扎实功底。
3.4 常用设计模式
掌握常见的设计模式,通过联系生活实际的方式,体现设计模式在程序开发中的精妙之处。
3.5 原生JavaScript封装框架
掌握框架封装原理,通过原生的方式,对框架实现的基本理念进行详细的阐述,通过实践强化对框架封装的深刻理解。
3.6 jQuery框架
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
3.7 Ajax技术
Ajax技术包含了几种技术:javascript、xml、css、xstl、dom、xhtml和 XMLHttpRequest七种技术,所以ajax就像是粘合剂把七种技术整合到一起,从而发挥各个技术的优势,威力惊人。本章节通过大量的案例让同学们快速深入的掌握 Ajax技术。
3.8 Bootstrap响应式
掌握原生响应式实现机制,能够使用Bootstrap的栅格式布局方式以及响应式开发复杂的页面布局。
3.9 组件和模块化开发seajs/requirejs
掌握js的模块化开发思想,并且通过seajs和requirejs两个具体的实现深刻理解模块化实现原理,以及模块化开发的优越性。
项目实战
4.大型网站架构
学习周期:3个月
学完此阶段课掌握的核心能力:
1、能够对系统架构进行分析和设计;
2、控制开发产品质量,参与制定开发规范;
3、能对现有项目进行性能调优;
4、参与网站项目需求分析,根据项目需求设计提供优化技术方案;
5、改进公司现有框架,提高产品质量。
学完此阶段可解决的现实问题:
服务器高级部署优化,互联网常用技术。MySQL优化、读写分离、Nginx服务器集群、Laravel框架、千万级并发商城系统开发。
4.1 SVN
subversion(简称svn)是近年来崛起的版本管理软件(源码),是cvs的接班人 。目前,绝大多数开源软件都使用svn作为代码版本管理软件。本章节要求同学们能正确使用Svn进行项目协同开发, 并可以通过Svn来管理项目的源代码, 在项目开发过程中,使用svn来解决源码修改冲突和版本升级问题。
4.2 Linux
LAMP是(Linux+Apache+Mysql+Php) 的缩写,也是目前软件公司使用的比较多的一种技术组合。本章节要求同学们可以独立在Linux系统下搭建LAMP开发环境,并对其进行优化处理,让LAMP开发环境达到优配置。
4.3 Memcache
Memcache就是在内存中维护一张巨大的hash表,通过自己的一套算法来维 护数据的操作,这个算法比较复杂,这里我们只做简单的介绍,对我们PHP程序员而言,重点掌握如何在项目如何使 Memcache技术. 本章节要求同学们深刻理解Memcache运行原理,并能够正确使用Memcache对网站优化提速。 Memcache也是面试官重点考察的内容。
4.4 Redis
Redis 是一个高性能的key-value数据库。 redis的出现,很大程度补偿了memcached这类key/value存储的不足,在部分场合可以对关系数据库起到很好的补充作用。它提供了Python,Ruby,Erlang,PHP客户端,使用很方便。目前很多大型网站都使用Redis来优化性能,从而解决大并发,大存储的问题。
4.5 Mongodb
在Linux和Windows下正确的安装和配置MongoDB;在实际项目中灵活的使用MongoDB进行CRUD操作;对面向文档的概念有较为深刻的认识;
了解MongoDB底层的运行原理;
使用MongoDB对项目进行优化,对MongoDB高级特性有初步了解。
4.6 Nginx服务器集群
Nginx 是一个很牛的高性能Web和反向代理服务器,它具有很多非常优越的特性:在高连接并发的情况下,能够支持高达 50,000 个并发连接数的响应。也可以支持作为 HTTP代理服务器对外进行服务。Nginx 同时也是一个非常棒的邮件代理服务器。Nginx 是一个安装非常的简单,配置文件非常简洁(还能够支持perl语法),Bugs非常少的服务器:即使运行数个月也不需要重新启动。
4.6 Mysql优化
目前90%的PHP网站都是以数据为中心的应用,数据库的好坏直接影响到程 序的性能,因此数据库性能至关重要。一般来说,要完成数据库的效率,要做好以下四个方面的工作:
① 数据库设计
② sql语句优化
③ 数据库参数配置
④ 恰当的硬件资源和操作系统。本章节要求同学们能正确的设计数据库表, 并能够通过数据库正确设计、sql语句优化、数据库参数优化配置和表的分割对网站优化提速。
4.7 Sphinx
在Linux和Windows下正确的安装和配置Sphinx。灵活的使用Sphinx进行对项目进行优化。通过Sphinx行高速索引、 高速搜索及高可用性。它们可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。
4.8 Mysql读写分离
正确的安装和配置Mysql主从服务器并实现复制。在网站高并发、海量存储和大负载的情况下,灵活使用Mysql读写分离优化网站。
4.9 页面静态化
我们大多数情况下是直接访问php文件,php脚本在服务器端执行并返回信息,对于一些大型的网站,访问量很大,频繁的操作 数据库会加重服务器的负担,在实际开发中,通常使用页面静态化来解决。本章节要求同学们深刻理解页面静态化的原理,并能够正确使用页面静态化技术为网站提速。页面静态化技术是PHP网站优化常用的技术之一,也是面试官重点考察的内容。
项目实战:基于Laravel框架的千万级并发商城系统
网上商城是在Laravel框架的基础上,即将启动网上商城建设项目,用于建立销售、管理以及运营为一体的在线型网上商城系统,包含商品管理、订单管理、类目管理、客户管理、合作商管理、客服管理、购物平台、内容管理等。
5.移动端APP开发
学习周期:2个月
学完此阶段可掌握的核心能力:
1、从前端的全局角度认识相关的框架;
2、深刻理解移动App的开发模式和技术选型;
3、了解主流的后台技术和前后端协作方式,从全局角度理解项目的整个生命周期。
学完此阶段可解决的现实问题:
1、能够熟练使用前端工作流工具;
2、熟悉移动App的开发模式,能够基于流行的技术进行移动端App开发;
3、熟悉软件开发中整个项目的生命周期,了解主流的后台开发技术以及相应的前后端协作方式。
5.2移动Web项目开发
掌握canvas的基本画图api,通过案例实现canvas在报表和广告展示效果方面的应用,并且能够实现炫酷的展示效果。
掌握jQuerymobile和Zepto移动端框架的基本使用方法,并通过案例充分理解框架开发的优越性。
掌握常见UI框架的使用方法,通过案例介绍常用UI组件的使用技巧,快速高效实现页面的效果呈现。
5.3 微信开发
掌握微信开发的方法与技巧,可实现对微信的公众号的正确申请,微信的应用设计,微信的用户管理,素材管理,接受与发送消息,微信JSSDK,微信小程序开发。
5.4 AngularJS
掌握前端MVC/MVVM框架实现机制,通过angularjs的实践深刻理解MVC的开发模式,理解双向数据绑定等相关概念。
5.5 VueJS
Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
5.7 ReactJS/React Native
掌握移动端ReactNative的开发模式,通过实例展示框架在app开发上的独特之处。
项目实战
6.NodeJS全栈开发
学习周期:1个月
学完此阶段可掌握的核心能力:
1、掌握nodejs全栈式解决方案,通过案例实现js在服务器端实现高效开发的新模式;
2、熟练使用express框架搭建web或移动端应用;
3、掌握socket.io搭建即时通讯程序。
学完此阶段可解决的现实问题:
1、能够熟练使用nodejs编写服务器端程序;
2、能够熟练的使用express框架进行项目开发;
3、能够熟练使用socket.io构建即时通讯程序。
课程内容:
6.1 Nodejs全栈式开发
Node 是一个服务器端 JavaScript 解释器。主要用于方便地搭建响应速度快、易于扩展的网络应用。Nodejs 使用事件驱动,非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。
6.2 Express框架
Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
6.3 Socket.IO
Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。它会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用,非常方便和人性化。
上海移动互联网产教研协同基地又称上海ICT产教研基地,由上海市教委、上海市经信委、宝山区政府、上海市软件协会、上海市信息化教指委、大唐电信集团、思科公司、上海工商职业技术学院、幸子教育等机构共同组建,于2015年6月挂牌成立,致力于建设成为上海市移动互联网产教研创新先导区、IT高端人才培养及输出基地和服务示范区。基地位于嘉定区上海工商职业技术学院,占地面积21.87万平方米,建筑面积12.09万平方米。基地围绕移动互联网开发、终端、传输、软件、平台、应用六大重点领域,建立了ICT多功能展厅、移动通信实训室、web软件开发实训室、移动端软件开发实训室、物联网实训室等多个实验室,以培养职业化移动互联网开发IT高级人才以及人才输出就业服务为主导。
学校名称:上海移动互联网产教研协同基地
固定电话:400-004-0604
授课地址:上海市嘉定区外冈镇冈峰公路68号 预约参观