网页样式与布局课 I |
Web样式与布局:网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页框架制作技术,包括结构标签,学习网页样式表现方法,使用CSS对网页进行细节美化 |
1)HTML简介、基本结构、编辑工具、常用标签、W3C标准; 2)CSS结构、语法、样式表分类、优先级、块元素、选择器; 3)图形、图像软件的使用(PS); |
|
|
|
网页样式与布局课 II |
Web样式与布局:了解特殊布局的实现技巧,了解浏览器基本发展情况,浏览器的兼容,SEO基本常识 |
1)各种浏览器兼容性以及处理方式; 2)垂直居中,水平居中的处理方式; 3)雪碧图处理,滑动门处理及高宽自适应等高级应用技术; 4)CSS预处理器LESS框架的使用; 5)CSS组件框架编写。 |
|
|
|
HTML5与CSS3基础应用课 |
了解HTML的发展历史,熟悉HTML5的文档结构,熟悉HTML5特性与CSS3新特性,媒体查询实现简单的响应式布局. 1 中文非主流字体--外部资源(有字库) 2 增加伪类选择器: nth-of-type 3 codepen页面结构搭建精简; 4 增加响应式理论知识:优缺点,设计原则, 视口, 断点选择 5 做一个移动端的简易网页; |
1)HTML5核心元素及布局应用; 2)CSS3 复杂选择器(包括兄弟选择器、属性选择器、伪类和伪元素选择器等) |
|
|
|
Web界面多平台项目实训课 |
完成PC端整站与移动端项目的开发,包括浏览器兼容性等知识点的补充 1 增加3d景深案例 :transform-style, perspective,perspective-origin 2 京东页面,只带练有特色的部分, 对于重复性的结构,作为练习晚间独立完成; 3 一个移动端的页面(响应式: em rem ),表格; |
1)2D/3D 转换(包括移动、旋转、倾斜和缩放、视点的定义和使用)、过渡、动画; 2)CSS Hack、CSS 优化、浏览器兼容性。 |
|
|
|
Javascript语言基础语法课 |
计算机程序基础,认识网页交互原理,深入讲解Javascript基本语法,了解DOM事件、属性、样式,学习js变量、函数(参数、返回值)、判断语句、运算符、表达式等 |
1)了解什么是JavaScript; 2)了解JavaScript如何使用及运作原理; 3)掌握JavaScript的理论体系结构; 4)掌握JavaScript基本语法; |
|
|
|
Javascript交互原理与应用课 |
鼠标、键盘事件,事件对象,默认事件,事件冒泡,元素的移动拖拽操作,模块封装及前端工程化开发 |
1)掌握事件,事件原理; 2)掌握JavaScript基本特效的制作方法; |
|
|
|
Javascript内置对象应用课 |
BOM基础,取模运算,DOM元素的创建、删除、插入等,节点操作,事件监听,事件委派, 深入讲解javascript内置对象(字符串对象、数组对象、日期对象、数学对象等) |
1)掌握BOM的用法; 2)掌握原生DOM操作的用法; 3)掌握JavaScript内置对象(如Array、String、Date、JSON、Math、RegExp); |
|
|
|
JavaScript运动框架应用课 |
回调函数,自运行函数,正则表达式、面向对象基本知识,详细讲解javascript运动框架及实例 | 1)javascript运动框架及实例。 |
|
|
|
Jquery与Ajax交互应用课 |
1、通过案例了解Jquery库原理,熟悉移动网页常用Jquery库使用方法。 2、详解JAX特性与实例、AJAX的子对象、AJAX库封装,AJAX跨域问题 |
1)jQuery各种选择器的使用,及选择器的应用优化; 2)Dom节点操作、插入、删除、复制、移动节点等操作; 3)事件处理、事件处理模型、事件处理机制、jQuery事件封装机制、jQuery事件应用; 4)jQuery中的动画、动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题; 5)表单开发,设计可用性表单、表单验证、增强型表单; 6)Ajax、XMLHttpRequest 基础、jQuery Ajax、工具函数、缓存; 7)Ajax动态读取数据、异步操作、与DOM、JSON的结合使用; 8)Ajax跨域问题。 |
|
|
|
Node.js服务器端开发技术 |
讲解Node.js的安装和使用;Node.js的包管理(NPM);讲解Node.js的事件循环、缓存、流、文件系统、工具模块、web模块和Express框架应用。 | 讲解Node.js的安装和使用;Node.js的包管理(NPM);讲解Node.js的事件循环、缓存、流、文件系统、工具模块、web模块和Express框架应用。 |
|
|
|
MVC前端框架应用课 |
讲解开源的前端JavaScript MVC框架AngularJS。主要内容包括: MVC设计模式、指令、服务、表达式、路由系统、消息系统、angular动画等 |
1 ) 基础知识(ng-app,Modules,Controller,$apply,$watch) 2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide) 3 ) 过滤器(date,limitTo,filter) 4 ) 表单(NgModelController,表单验证) 5 ) 服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http) 6 ) 其他(Controller as 语法,安全的依赖注入方法) 7 ) directive(指令,组件) 8) ng-router |
|
|
|
Web APP轻应用开发课 |
移动端web app 轻应用 - ionic框架。主要内容包括: Ionic框架的主要组成、Ionic的UI框架、Ionic的扩展指令、Ionic所使用的angular-ui路由系统等,以及轻应用在微信上的发布技术。 |
1 ) ionic css布局 2 ) ionic js指令布局 3 ) ionic路由 页面切换 4 ) ionic-tabs 5 ) ionic侧边栏ion-side-menus 6 ) ionic列表 ion-list 7 ) 上拉下载更多与下拉刷新 |
|
|
|
CSS3与JS动画交互课 |
讲解基于HTML5的移动网页布局,移动页面css定义原则,利用javascript中运动与css3中动画完美结合完美移动网页完美交互效果.域名申请、备案,网站上传。 |
1)HTML5概述以及应用场合; 2)HTML5基础:新标签,表单,文件Api; 3)移动端加强 ? 手机浏览器的特点; ? viewpoint 视口,dpi,px的区别; ? meta属性,缩放,拖放; ? rem实战,字体选择; ? 移动端事件模型; ? 响应式布局,弹性盒子模型; ? CSS3属性加强; ? 硬件加速原理; ? 移动端性能优化点。 |
|
|
|
PC端项目综合实训课 |
详细了解HTML5中canvas和SVG的应用与媒体标签,使用javascript打造属于自己的播放器,智能表单在移动网页中的应用 |
1)HTML5画布:canvas; 2)HTML5多媒体:video,audio; |
|
|
|
H5移动项目综合实训课 |
通过案例讲解css3中变形属性应用,深入讲解3D控件变换。HTML5的桌面通知与本地应用、移动端布局 | 1)通过案例讲解css3中变形属性应用,深入讲解3D控件变换。HTML5的桌面通知与本地应用、移动端布局 |
|
|
|
Web前端行业标准和面试技巧 |
讲解Axure软件,了解网站项目流程,Axure实现交互原型图。详细讲解一,二,三线互联网行业的面试,笔试技巧和简历的设计技巧。选择合适自己的企业。 | 1)讲解Axure软件,了解网站项目流程,Axure实现交互原型图。详细讲解一,二,三线互联网行业的面试,笔试技巧和简历的设计技巧。选择合适自己的企业。 |
|
|
|