WEB前端开发基础班

导读 .掌握前端必备知识,会使用流行框架;通过实战达到让学员具有一年*经验的水平。
400-888-9073 171
UI设计培训 PHP培训 WEB培训 游戏原画

课程详情

2017-12-06

fyxy

  适合对象

  1.计划从事WEB前端开发的学员;

  2.计算机专业类学生;

  3.在职前端开发;

  4.计划转职*者;

  5.零基础或者少量基础,对前端有兴趣的学院。

  学习目标

  1.掌握前端必备知识;

  2.会使用流行框架;

  3.通过实战达到让学员具有一年*经验的水平。

  课程大纲

  单元一:Html基础

  1.了解HTML及W3C标准:Html简介及DreamWeaver的使用;

  2.HTML标签:HTML快速入门、文本、图像、链接、表格、列表、表单等;

  3.HTML框架:frameset的使用,简单框架布局。

  单元二:CSS3基础

  1.CSS3基础:选择器,颜色,文本,边框;

  2.CSS3盒模型:CSS3弹性盒子模型;

  3.CSS3布局:flex伸缩布局,多列布局等特性;

  4.CSS3动画:过渡,动画,转化;

  5.WEB字体及兼容性:字体格式,图标,兼容性。

  单元三:JS基础

  1.JS简介:JS作用,书写位置,执行入口,事件三要素等;

  2.JS变量和数据类型:变量的作用域,数据类型,常用数据类型转换;

  3.JS函数及流程控制:函数的声明及使用,运算符,分支语句,this;

  4.JS常用对象:数组对象,String对象,Math对象,Date对象。

  单元四:前端高级框架

  JQUERY的使用

  1.JQUERY的基本使用:函数入口,时间处理等;

  2.JQUERY选择器:JQUERY选择器,事件;

  3.JQUERY效果:隐藏和显示,淡入淡出,滑动,动画等;

  4.JQUERY操作DOM:遍历元素,设置,添加以及删除元素;

  5.JQUERY页面效果插件:用JQUERY插件实现常见的网页效果;

  6.JQUERY动画插件:GSAP、VelocityJs、JqueryTween等常用的动画插件及案例。

  Bootstrap

  1.bootstrap框架的介绍和使用:css组件架构的设计,js的插件架构设计;

  2.bootstrap组件使用:小图标,下拉菜单,按钮组,导航条等各种组件的使用;

  3.用bootstrap完成响应式布局:组件的扩展,综合练习。

  单元五:前端开发进阶

  AJAX

  1.AJAX基础

  H5进阶

  1.HTML5概述

  2.新增元素及属性1:新增主体和非主体结构元素、网页音视频播放及表单属性详解;

  3.新增元素及属性2:拖放、地理位置及其他新增标签;

  4.canvas、SVG:Canvas的使用、图形绘制处理及绘制SVG图形;

  5.Web存储:localStorage、sessionStorage详解;

  6.应用缓存及web works:应用缓存及web works应用;

  7.服务器推送事件:服务器推送事件及其他新增事件讲解。

  C3进阶

  1.CSS3新选择器和属性:新选择器、字体、背景、边框、阴影、渐变;

  2.CSS3弹性盒模型;

  3.CSS3动画和3D效果:元素变换—移动/旋转/缩放,3D效果制作;

  4.CSS3综合运营:CSS3案例。

  JS进阶

  1.DOM模型:DOM定义,节点访问和操作;

  2.JS浏览器对象:window,计时器,History,Location,Screen对象;

  3.JS面向对象:面向对象的概念,继承,多态等高级特性;

  4.常用设计模式:工厂模式,单体模式,命令模式等常用设计模式。

  单元六:移动应用开发

  Responsive&Bootstrap

  1.bootstrap框架的介绍和使用:CSS组件架构的设计,JS的插件架构设计;

  2.bootstrap组件使用:小图标,下拉菜单,按钮组,导航条等各种组件的使用;

  3.用bootstrap完成响应式布局:组件的扩展,综合练习

  Node.JS

  1.Nodejs开发环境搭建:Node.js简介、安装、运行和NPM的安装与配置;

  2.事件机制;

  3.程序处理:文件、进程、流;

  4.Web应用:构建Web应用程序;

  5.Express框架应用;

  6.Nodejs综合应用:NodeJS实例讲解。

  Node cordova

  1.Webapp/本地app/混合app简介、开发环境搭建、cordova实战、lonic框架的使用。

  React

  1.react安装:react安装,快速搭建Webpack+React+Es6脚手架;

  2.JSX语法:JSX语法介绍、JSX语法使用;

  3.react组件:React组件入门、State和Props、组件API、组件的生命周期;

  4.React表单与事件:React表单的使用、React事件;

  5.React Ajax:React AJAX异步调用数据渲染UI的运用;

  6.React-router:React Router的基本使用;

  7.React项目实战:React开发widget实战。

  Vue.js

  1.Vue.js基础

  单元七:*指导与实战

  1.职业生涯规划、职场礼仪与沟通;

  2.模拟面试与简历指导(基础)
上一篇: 影视*装与剪辑精修班 下一篇: 无

推荐课程

查看全部课程
北京市泛艺学苑

北京市泛艺学苑

在线教育

查看全部校区 进入官方主页