• IT培训
  • 专属学习计划
  • 培训技能,让学生能够顺利

400-888-4011

web前端培训

web前端培训

授课机构: 成都北大青鸟天府校区

上课地点: 天府校区

成交/评价:

联系电话: 400-888-4011

web前端培训课程详情

学习资讯

  成都北大青鸟天府校区的web前端培训专为0基础小白打造的课程,内容通俗易懂,老师诙谐幽默!掌握所学企业实用技能n高薪入职名企成就自我!

课程亮点
  1
  门槛低好,发展前景巨大
  2
  零基础可以,7大领域覆盖
  3
  全真课程项目,契合企业所需
适用对象
  适用对象
  不限
  学习目标
  掌握所学企业实用技能n高薪入职名企成就自我
学习模式
  PC端页面重构
  1.认知行业、岗位、部分专业术语,趋势与行业未来展望;
  2.HTML5核心元素及布局应用;
  3.CSS3核心属性及布局应用;
  4.图形、图像软件的使用(PS,FW,AI);
  5.浏览器兼容及解决方案;
  6.图片整合.滑动门及宽高自适应等高级应用技术;
  7、初步接触Javascript.
  PC端交互开发(原生S)
  1.Javascript基础语法和变量、控制语句、循环语句、函數、事件处理、数组、常见排序算法;
  2、DOM操作和BOM操作;
  3.定时器、Cookie本地存储、内置对象、正则表达式,闭,JS面向对象语法、JSON.堆栈结构;
  4.Ajax动态读取数据、异步操作、与DOM、JSON的结合使用;
  5.各种主流浏览器兼容性处理;
  6.单例、厂、代理、观察者等设计模式;
  7.ECMA6.0新特性介绍。
  三
  PC端交互开发JQuery)
  1.初识jQuery.jQuery的优势、jQuery框架核心功能、容易混淆的几个概念;
  2.jQuery各种选择器的使用,及选择器的应用优化;
  3.Dom节点操作、插入、删除、复制、移动节点等操作;
  4.事件处理、事件处理模型、事件处理机制、jQuery事件封装机制、jQuery事件应用;
  5.jQuery中的动画、动画时间的概念基本动画方法、复杂动画方法。停止动画与参数说明、jQuery动画的队列问题;
  6.表单开发,设计可用性表单、表单验证、增强型表单;
  7.Ajax.XMLHttpRequest基础、jQuery Ajax.工具函数、缓存;
  8、在jQuery中编写插件、插件扩展、插件应用、jQuery pagination分页、jQuery qtip信息提示jQuery artDialog弹出层、jQueryjsrollpane滚动条
  9.理解模块式开发,以及requrejs插件的使用。
  PC项目实训
  1.前端开发框架-Bootstrap;
  2、CSS预处理器SASS;
  3.分布式版本控制系统-GIT;
  4.了解项目需求,项目流程;
  5、了解项目管理,模块分配,项目时间预估;
  6、了解产品周期,参与团队协作;
  7.综合运用HTML+CSS,SJQ.Botstrap,SASS,JQUERY U,jquery easyui等技术,完成大型PC端项目开发。
  五
  HTML5+CSS3精讲
  1.HTML5与HTML4的区别,表单域增强元素;
  2.CSS3选择器,文字与字体相关样式;
  3.CSS3中的变形处理;
  4.css3中的过度动画和关键帧动画;
  5.弹性盒与媒体查询;
  6.本地存储,本地缓存;
  7.使用Canvas,svg绘制图形;
  8、多媒体播放器开发.workers。
  六
  WebAPP开发
  1.移动端切图(viewport/meta,.Rem/ww的使用,iconfont,flexbox详解,移动web特别样式处理);
  2.页面交互(Tap,touch,ECMAScript 5,ECMAScript6);
  3.前端工程(gulp,webpack);
  4.移动端常用框架(css framework,Zepto,iScrol/azyload,swiper);
  5、Css framework+SPA framework+Zepto+iSscroll+swiper构建WebApp;
  6、微信场景项目。
  七
  HybridApp开发基础
  1、Phonegap
  1)HybridApp介绍(独立App项目,嵌入式App项目,嵌入微信项目)
  2)工具与环境搭建
  3)WebviewJsBridge(扫--扫,图像选择与上传,加速器,地理定位,通讯录,通知)
  4)构建,打与发布
  5)Hybrid里页面测试
  2、微信接口开发
  1)熟悉WebAPP嵌入微信流程
  2)本地开发环境搭建与测试
  3)JS-SDK使用
  4)WebAPP X5浏览器兼容