0基础WEB前端开发精英超越

导读 全面学习前端开发技术和框架
400-882-5311 371
WEB前端课程 PHP全栈开发课程 UI课程

课程详情

2017-12-01

WEB

  适合对象

  1.计划从事WEB前端开发的学员;
  2.计算机专业类学生;
  3.在职前端开发
  4.计划转职*者;
  5.零基础或者少量基础,
  6.对前端有兴趣的学院。

  学习目标

  1.掌握前端必备知识;
  2.会使用流行框架;
  3.通过实战达到让学员具有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.Node.js开发环境搭建: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事件;React Ajax:React AJAX异步调用数据渲染UI的运用;
  5.React-router:React Router的基本使用;
  6.React项目实战:React开发widget实战。
  Vue.js
  1.Vue.js基础
  单元七:毕业项目
  1.企业综合案例项目实战
  单元八:*指导与实战
  1.职业生涯规划、职场礼仪与沟通
  2.模拟面试与简历指导(基础)
  单元九:挑战高薪进阶特训
  1.模拟面试与简历知道(进阶)
  2.企业面试题讲解与指导
上一篇: 0基础WEB前端开发职业培训 下一篇: 0基础WEB前端开发基础入门

推荐课程

查看全部课程
南京泛艺学苑

南京泛艺学苑

南京校区

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