IT技能 培训

课程中心 www.xinrongcn.com
热线: 0755-28529666

网站建设前端

发布时间:2017年03月23日浏览次数:
课程内容 内容描述 知识点列表


网页样式与布局课 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实现交互原型图。详细讲解一,二,三线互联网行业的面试,笔试技巧和简历的设计技巧。选择合适自己的企业。

上一篇:Office办公软件

下一篇:没有了