web前端HTML5前端班

  • 课程分类:网页编程
  • 原始价格:0 优惠价格:0
  • 所在地区:北京朝阳区
  • 发布机构:北京火星人科技文化发展中心

课程介绍

 

Web大前端(移动端+HTML5)精修班    

 

第一阶段 WEB前端核心CSS+HTML5+CSS3  (6周)

 

01WEB前端核心基础:

前端开发环境介绍:通过Dreamweaver、HBuilder、Notepad++制作出跨越平台限制和跨越浏览器兼容性的页面; HTML标记规范,CSS基础,CSS核心属性,CSS样式类型,选择器与权重,继承、控制元素性质,CSS高级应用,CSS文档统筹,整站案例; 浏览器兼容与宽高自适应;

02HTML5+CSS3移动端:

HTML5新增的元素与属性; 表单域增强元素; CSS3选择器; 文字字体相关样式; CSS3位移与变形处理; CSS3 2D转换与过度动画; CSS3 3D转换与关键帧动画; 弹性盒模型; 媒体查询; 响应式设计; 企业级BootStrap开发高级课程; 移动端WEB实战案例;

第二阶段 JavaScript交互开发8周

01WEB原生JavaScript交互开发

JavaScript的主要特点、应用与组成; JavaScript运算符优先级与数据类型的转换规则; JavaScript条件判断语句:if语句、switch语句; JavaScript流程控制-循环控制语句; JavaScript函数的调用与参数使用; 函数-验证登录的案例; 对象Object与String对象; 利用Date对象制作网页时钟案例; 的for.in循环语句(遍历对象); 创建Array对象; String对象抽奖案例演示; JavaScript正则表达式与正则表达式的创建; 支持正则表达式的 String 对象的方法与表单验证案例; 事件-鼠标键盘事件; 事件-页面相关事件; 注册与移除事件监听器; document获取文档中各类元素; 创建各类节点与JS的DOM操作; DOM操作通过文档根节点获取节点; BOM操作;

02JavaScript工具库自主研发

高性能、轻量级类 DOM库; 事件库; AJAX库的实现; 原型和继承库;

03移动前端中面向对象进阶与 ES5/ES6应用

移动端中设计模式(观察者模式开发等); 原型对象和原型链; 构造函数; 执行上下文栈与执行上下文; 变量对象与活动对象; 作用域链; 闭包:要执行的代码块; ES5中的核心特性; ES6中重要知识点;

第三阶段 jQuery与javascript交互特效开发应用6周

 

01Javascript实战

1. 自适应瀑布流 ; 2.淘宝首页轮播图 ; 3.淘宝分类菜单 ; 4.淘宝放大镜 ; 5. 微博弹出可拖拽窗口 ; 6.仿苹果菜单 ; 7.微信聊天界面 ; 8.模拟windows可拉伸窗口 ; 9.模拟烟花爆炸效果 ; 10.照片墙 ; 11.土豆悬浮菜单 ; 12.微信打飞机游戏;

02 jQuery程序交互特效开发

jQuery框架基本选择器; jQuery层级选择器和基本筛选器; jQuery可见性过滤器和表单过滤器; jquery侧边栏; 网页定位导航特效; 滑动门特效; 焦点图轮播特效; jQuery顶部导航效果; jQuery瀑布流特效; 仿京东多条件筛选; 京东商城左侧分类导航; 小米电商

第四阶段 AngularJS+移动端开发高级应用3周

01 Angularjs

Angularjs概述和数据绑定; Angularjs$scope作用域以及代码压缩; Angularjs内置指令; Angularjs购物车项目; Angularjs表单验证; Angularjs用户注册项目; Angularjs自定义指令; Angularjs过滤器; Angularjs服务; Angularjs自定义服务; Angularjs弹窗服务项目; Angularjs插件; Angularjs外部插件ui-router使用; 图书商城实战案例;

02 WEB端+移动端+PHP完成项目实战

Ajax进阶、跨域与 Defered; PHP基础; 完全掌握MySQL数据库的基本使用; MySQL数据库的多种高级应用; 掌握数据库的备份还原及性能优化操作; Apache与 Nginx 环境搭建与配置; 接口的定义; Mock数据; Restful; 前后端联调; 前端安全(XSS,CSRF,JSON注入); WEB端+移动端+PHP完成项目实战;

第五阶段 移动端项目开发+微信端开发5周

 

移动端HTML5

Canvas 基础知识; 绘制矩形、圆弧、线段、曲线、渐变与图像; Canvas 图表绘制案例; localStorage、sessionStorage 与离线缓存; animate.css; Yo/Mui; touch.js; zepto.js; swiper; IScroll;

微信场景

WeUI; Swiper animate 在微信场景项目中的使用; 常见的页面布局; 常见的交互与动画; 微信端实战项目;

企业级WebAPP开发实战

WebApp项目实战 ; 微信场景开发 ; Angular框架 ; ionic 框架 ; Angular+ionic 项目实战;

企业级Hybrid开发实践

phonegap;微信接口开发;

应用 Ionic开发 WebApp项目

css components; ionic基于 angularJS扩展的交互指令介绍; blank模板的安装; 头部与尾部; 内容区域; 列表; 区域滚动; 下拉刷新与上拉加载; 页签导航; 背景层与旋转 SVG图标; loading 效果; actionsheet 效果; 弹出窗口; 弹出浮动层; 底部满屏滑动窗口; ionic 自带的 swiper滑动; 基于 swiper组件的 swiper滑动; 页面导航切换; 侧边栏菜单;

应用 React.js开发 WebApp

(1) React简介 (2) JSX (3) 组件的生命周期 (4) 数据流 (5) 事件处理 (6) 组件的复合 (7) mixin (8) DOM操作与表单 (9) 动画 (10) 性能优化与服务端渲染 (11) 项目实战 2、React Native (1) 环境搭建与配置 (2)Flexbox布局介绍 (3)在React Native中使用导航 (4)动画和滑动菜单 (5)使用React Native播放音频与绘制Canvas (6)自定义视图 (7)应用程序状态 (8)使用Node来实现服务端API (9)深入理解JavaScript promise (10)fetch简介 (11)在IOS中使用SQLite (12)项目实战

第六阶段 WEB开发扩展+NodeJS6周

Git免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目; Bower客户端技术的软件包管理器; Compass系统是美国Newpoint Technologies有限公司的核心产品,是广播电视等行业的网络监控及管理系统。 gulp.js - 基于流的自动化构建工具; mongoDs; grunt; webPack;

NodeJS

Node.js介绍与交互式运行环境REPL; Node.js基础详解 ; 模块与NPM包管理工具 ; 使用Buffer类处理二进制数据 ; 使用File System类在Node.js中操作文件系统 ; TCP与UDP数据通信 ; HTTP与HTTPS ; Process/Child Processes进程与子进程 ;

第七阶段 毕业作品整理与就业应聘4周

 

毕业设计指导与整理;WEB前端开发高级讲师及WEB前端开发资深工程师指导你完成毕业作品,以备应聘时使用;

对学习过的所有课程和自己做一个完美的总结。要求必须完成成整套WEB前端网站实战作品并完成移动网站开发作品;

就业应聘技巧与职业规范:就业形势分析及指导;毕业学员在应聘前应该做的准备。

 

查看更多网页编程课程>>

上一篇:web前端
下一篇:H5

相关课程