求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Model Center   Code  
会员   
 
 
 
开班计划 | 技术学院 | 管理学院 | 嵌入式学院 | 机械 | 军工学院 | 定向培养 | 专家指导  
 电话 English
成功案例   品质保证
 
   
成功案例
航天信息 Java EE 5
中科院研 J2EE高级开发
赛迪时代 “J2EE设计模式
福富软件 J2EE设计模式和
上海盛趣 J2EE架构设计
信城通 J2EE体系架构设
北大方正 Java中级&J2

相关课程  
Struts+Spring+Hibernate
基于J2EE的Web 2.0应用开发
J2EE设计模式和性能调优
Java EE 5企业级架构设计
Java单元测试方法与技术
Java编程方法与技术
 
全部课程 >web开发  
Web前端开发技术培训
392 次浏览  460 次
孙老师
某创业型技术公司 技术总监。
 
时间地点: 在线、北京、上海、深圳根据报名开班
课程费用: 4500元/人
企业内训:可以根据企业需求,定制内训,详见 内训学习手册
报公开课  


认证方式:
培训前了解能力模型。
培训后进行能力评测:
  • 在线考试
  • 能力分析,给出学习建议
  • 合格者颁发证书,作为职业技能资格证明


      本课程针对web前端开发,全面讲解从HTML、CSS、JS、HTML5、ECMAScript 6.0基础,到web前端框架Vue.js,结合实际案例讲解如何使用以上技术开发完整地前端应用,并可以结合PC端、移动端讲解跨平台的web前端开发以及相关的优化技术。

    课程目标:
  • Web前端框架概览
  • Web前端框架实现原理
  • HTML5原理与应用
  • CSS 样式控制
  • ECMAScript 6.0编程
  • Vue.js框架原理与应用
  • 培训对象:web前端开发工程师
    学员基础:了解web开发基础HTML和JavaScript
    授课方式: 定制课程 + 案例讲解 + 小组讨论,60%案例讲解,40%实践演练

    课程安排:2天
    Web前端框架概览 Web前端技术架构:
  • 展示层:html,css
  • 控制层:JavaScript
  • 后端服务接口:ajax,restful
  • Web前端运行原理解析
    Web前端当前开发趋势
    典型的web前端开发框架:
  • jQuery
  • Vue
  • ReactJS
  • 前端应用发展趋势和框架选择方法 前端应用发展的多平台化:PC、移动终端、HTML5
    浏览器相关技术规范的发展趋势:
    前端框架选择建议
    如何根据自己的应用需要组合框架,
    大型web应用:前端框架组合范例参考
    Web前端框架实现原理 主流JS框架实现剖析:jQuery、Vue,ReactJS
    浏览器工作原理
  • JavaScript对象生命周期管理
  • JavaScript对象关系绑定:继承、多态
  • JS框架实现原理剖析
  • 类库的组织
  • JS事件响应模型
  • Html对象注入方式
  • 应用JS的绑定与注入
  • Web前端JavaScript开发基础
    JavaScript基础) 页面的层级结构
    实例:Hello World的文档结构
    JavaScript变量执行环境和作用域
    引用类型
    JavaScript 框架设计模式
    BOM
    DOM
    事件处理
    JavaScript 开发与调试方法
    Ajax 与异步开发技术
    JavaScript运行与监控
    实例讲解:各种JavaScript对应的代码示例讲解、功能演示
    HTML5 技术解析 新的页面组织标记:
    智能表单设计
    引入多媒体对象(video audio webrtc)
    Canvas对象你的画布
    扩展图形标记
    离线缓存标记
    HTML5中的地理应用
    独立数据存储
    新的网络连接技术(Web Socket)
    Web Workers
    实例讲解:各种HTML5对应的代码示例讲解、功能演示

    CSS3原理与应用开发实践
  • CSS 基础语法:选择器和属性
  • CSS 高级语法:选择器分组和继承
  • CSS各种选择器:CSS 派生选择器,CSS id 选择器,CSS 类选择器,CSS属性选择器
  • CSS 创建和引用:内部样式表和外部样式表
  • 应用CSS 样式控制HTML元素:背景、文本、字体、链接、列表、表格、轮廓
  • 使用CSS 框模型 (Box Model) 处理元素框:内边距、边框 和 外边距
  • CSS 定位: 相对定位,绝对定位,浮动
  • CSS 选择器:元素选择器, 选择器分组,类选择器详解,ID 选择器,属性选择器,后代选择器,子元素选择器,相邻兄弟选择器,伪类,伪元素
  • CSS 高级:对齐,尺寸,分类,导航栏,图片库,图片透明,媒介类型
  • 使用 CSS 时尽量避免使用的
  • ECMAScript 6.0编程 ECMAScript和JavaScript的关系
    ECMAScript的语法
    变量的定义与赋值
    变量的解构赋值
    对JavaScript的扩展:字符串的扩展,正则的扩展,数值的扩展,函数的扩展,数组的扩展,对象的扩展,运算符的扩展,运算符
    对象解析:Symbol,Set 和 Map ,Proxy,Reflect,Promise
    Iterator 和 for...of 循环
    Generator 函数的语法,Generator 函数的异步应用
    async 函数
    Class 的基本语法,Class 的继承
    Module 的语法,Module 的加载实现
    编程风格与用法
    Vue.js 从前端到后端的JavaScript全栈开发
    Vue.js的技术基础
  • vue中的数据交互
  • vue中自定义过滤器、指令、动画
  • 在vue中使用vue-router
  • vue-cl使用
  • 模板语法
  • 计算属性
  • Class 与 Style 绑定
  • 条件渲染
  • 列表渲染
  • 事件处理器
  • 表单控件绑定
  • vue中组件化开发
  • 实践案例功能演示与代码示例:
  • 单表增删改成案例解析(table + search form + edit form)
  • 复杂 form 案例解析
  • Vue.js高级实现
  • Vuex框架与应用
  • 深入响应式原理
  • 过渡效果
  • 过渡状态
  • Render 函数
  • 自定义指令
  • 混合
  • 插件
  • 单文件组件
  • 生产环境部署
  • 路由
  • 状态管理
  • 单元测试
  • 服务端渲染
  • 实践案例功能演示与代码示例:商品列表页面跳转到详情页
  • 结合Vue.js和Node.s构建应用 应用背景介绍
    应用需求分析
    Web前端框架设计
    服务端框架设计
    Web前端开发
    服务端开发
    联调测试与验证
    实践案例:Vue.js的前端请求Node.js服务,进行数据访问和处理
    回顾与总结
     
       
    392 次浏览  460 次
    其他人还看了课程
    Three.js 3D 引擎详解与应用开发  240 次浏览
    Web应用安全架构、入侵检测与防护  4573 次浏览
    Web前端框架、选型与应用  2005 次浏览
    前端数据可视化开发  491 次浏览
    使用Vue.jS构建web应用实战  1613 次浏览
    微信小程序设计与开发  555 次浏览
    定制内训


    最新活动计划
    图数据库与知识图谱 2-25 [北京]
    数据治理与数据资产管理 3-24 [北京]
    软件开发过程中的项目管理 3-24 [北京]
    高级性能测试与性能分析 4-17 [北京]
    云原生架构与技术 4-21 [上海]
    深度学习与知识图谱最佳实践 4-27 [北京]