求知 文章 文库 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前端技术(JS,HTML5,JQuery,React,Vue.js)
2802 次浏览  51 次
Maglio老师
某企业总部研发中心 高级开发经理.
 
时间地点: 北京 上海 深圳根据报名开班
课程费用:5000元/人,详见 公开课学习手册
 
 
企业内训:可以根据企业需求,定制内训,详见 内训学习手册


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

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

    课程目标:
    • Web前端框架概览
    • Web前端框架实现原理
    • JavaScript基础
    • JavaScript 框架设计模式
    • Ajax 与异步开发技术
    • HTML5原理与应用
    • jQuery框架原理与应用
    • 前端应用发展趋势和框架选择方法
    • TypeScript教程
    • ReactJS原理与应用
    • Vue.js框架原理与应用
    • NodeJS原理与应用
    培训对象:web前端开发工程师
    学员基础:了解JavaScript编程基础
    授课方式: 定制课程 + 案例讲解 + 小组讨论,60%案例讲解,40%实践演练

    培训内容:2天

    Web前端框架概览 Web前端技术架构:
  • 展示层:html,css
  • 控制层:JavaScript
  • 后端服务接口:ajax,restful,node.js
  • Web前端运行原理解析
    Web前端当前开发趋势
    典型的web前端开发框架:
  • jQuery、
  • Bootstrap
  • Vue
  • ReactJS
  • Web前端框架实现原理 主流JS框架实现剖析:jQuery、Vue,ReactJS,Node.JS
    浏览器工作原理
  • JavaScript对象生命周期管理
  • JavaScript对象关系绑定:继承、多态
  • JS框架实现原理剖析
  • 类库的组织
  • JS事件响应模型
  • Html对象注入方式
  • 应用JS的绑定与注入
  • JavaScript原理与应用
    JavaScript基础 页面的层级结构
    实例:Hello World的文档结构
    JavaScript变量执行环境和作用域
    引用类型 Object对象
    日期对象
    实例:上线时间的地雷
    巧用apply和call
    JSON的使用
    JavaScript 框架设计模式 JavaScript 与面向对象
  • 使用function在ECMAScript 5规范下模拟类和继承
  • ECMAScript 6严格语法模式中接口的定义与实现
  • AMD异步模块定义的使用
    MVC模型框架与实现
    MVP模型框架与实现
    JavaScript的模块化 与动态装载管理

    BOM BOM的重要性
    location
    navigator
    实例:获取用户的分布

    DOM 页面的层级结构
    巧用父子关系
    实例:任意添加的文本

    事件处理 冒泡和捕获
    事件监听
    实例:拖拽的小方块
    事件深入解析
    JavaScript调试与监控 调试工具一览
    Chrome面板
    浏览你的资源
    熟悉网络的情况
    实例:新浪微博的跟踪调试

    JavaScript 开发介绍 介绍JavaScript 语言的基本特性
    如何使用JavaScript 语言进行应用开发
    以及JavaScript 技术面向对象技术的技巧
    Ajax 与异步开发技术 异步数据获取技术使用最为广泛技术,此部分介绍使用JavaScript 获取远程数据,并调用 远程服务
    HTML5介绍
    新的页面组织标记 HTML5中从应用角度出发提供了许多新的网页标记,专门用于定位各种网页内容,本节课程我们将介绍这些新标记,并说明如何使用这些新标记来组织你自己的文档结构
    智能表单设计 数据提交从来都是web应用设计中的重要部分,而其中的数据格式验证等功能需要脚本的辅助,HTML5为了解决这一问题提供了一些新的表单样式工具,为开发者开发更智能的表单输入提供了良好支持,本节课程着重于介绍如何制作这样一个智能表单
    引入多媒体对象(video audio webrtc) 在网页当中播放多媒体对象长期以来一直都是多媒体控件的专利,从HTML5开始,HTML标记中也可以引入多媒体音频和视频,如何应用这些新标记让自己的网页内容更丰富呢,本节课程将带大家制作一个简单的多媒体应用,来分享这一特性
    Canvas对象你的画布 网页中直接绘制图表也曾经是控件垄断的天下,各种图报表的绘制曾经困扰着广大开发者,现在HTML5中引入了原生的图形绘制工具,可以让你在HTML代码中直接绘制图表(矢量图与动画),本节课程将介绍如何使用这一功能
    扩展图形标记 本节课程介绍一些使用Canvas对象绘制位图,通过使用这些API可以实现位图的加载,水印文字的绘制,甚至可以提供丰富的像素级位图操作,在页面内实现滤镜效果。
    离线缓存标记 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势:
  • 离线浏览 - 用户可在应用离线时使用它们
  • 速度 - 已缓存资源加载得更快
  • 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源
  • HTML5中的地理应用 LBS(Location Based Service)是基于位置的服务缩写,LBS应用目前已经成为了移动互联网时代的新兴的最重要应用。HTML5中提供了对LBS的天然支持,可以让用户方便的开发出基于地理位置的网页应用。本节课程介绍如何使用这一特性
    独立数据存储 Web应用中也需要在用户端存储一些数据,从HTML5开始,这个存储功能不再仅限于存储一些简单的文本信息,HTML5提供了丰富的存储功能,开发者可以把更复杂的数据类型保存在用户端,本节课程将要以一个实例来介绍如何在用户端存储用户数据
    新的网络连接技术(Web Socket) Web应用中经常需要做一些异步交互,此次HTML5中专门提供了用于在后台取回数据的连接对象,本节课程介绍如何使用这一连接对象进行工作。
    Web Workers Web开发中经常需要大量的交互式脚本,其中一些脚本耗时费力,影响响应时间,降低用户体验,为了解决这一问题HTML5提供了一个独立线程,专门用于在后台运行各种脚本,大大提高了用户响应,这就是本节课程介绍的Web Worker技术。本节课程通过两个例子说明这一技术的优势。为广大开发者开发具有良好性能的Web应用提供帮助。
    JQuery原理与应用
    jQuery框架原理与应用 jQuery 安装
    jQuery 语法
    jQuery 选择器
    jQuery 事件
    JQuery结构解析
    JQuery资源目录
    JQuery编程接口
    jQuery事件模型
    JQuery中的样式定制
    JQuery实用工具函数
    在JQuery中使用插件

    jQuery AJAX jQuery AJAX 简介
    jQuery 加载
    jQuery Get/Post
    前端应用发展趋势和框架选择方法 前端应用发展的多平台化:PC、移动终端、HTML5
    浏览器相关技术规范的发展趋势:
    前端框架选择建议
    如何根据自己的应用需要组合框架,
    大型web应用:前端框架组合范例参考

    JavaScript (ECMA2018) 新特性介绍
  • arrows
  • classes
  • enhanced object literals
  • template strings
  • destructuring
  • default + rest + spread
  • let + const
  • iterators + for..of
  • generators
  • unicode
  • modules
  • module loaders
  • map + set + weakmap + weakset
  • proxies
  • symbols
  • subclassable built-ins
  • promises
  • math + number + string + array + object APIs
  • binary and octal literals
  • reflect api
  • tail calls
  • TypeScript原理与应用 TypeScript原理介绍
    TypeScript基础开发应用
    TypeScript高阶应用开发

    WebPack原理与应用
  • 生产环境构建
  • 缓存
  • 开发
  • 管理依赖
  • ReactJS框架原理与应用
  • 前端工程和 React 生态系(Ecosystem)简介
  • 开发环境设置与 Webpack 入门
  • React/JSX/Component 简介
  • Props/State 基础与 Component 生命周期
  • React Router
  • ImmutableJS
  • Flux/Redux
  • Container 与 Presentational Components
  • 实战教学:用 React + Router + Redux + ImmutableJS 写一个 Github 查询应用
  • Vue.js的技术基础
  • 模板语法
  • 计算属性
  • Class 与 Style 绑定
  • 条件渲染
  • 列表渲染
  • 事件处理器
  • 表单控件绑定
  • 组件
  • Vue.js高级实现
  • 深入响应式原理
  • 过渡效果
  • 过渡状态
  • Render 函数
  • 自定义指令
  • 混合
  • 插件
  • 单文件组件
  • 生产环境部署
  • 路由
  • 状态管理
  • 单元测试
  • 服务端渲染
  • NodeJS原理与应用 NodeJS简介
    CommonJS规范介绍
    基本语法
    文件操作
    手写HTTP静态资源服务器
    1. HTTP 相关API
    2. HTTP协议理论基础
    3. 一步步实现服务器
    Express & mongoose
    1. Express写静态网站
    2. Mongoose API
    3. 让网站动起来
    多进程
    1. Process & Child Process
    2. OS 和Cluster
    3. 网站部署

    Express框架介绍 Express 网页框架 (Node.js/JavaScript) 概览
    Express/Node 介绍
    架设 Node (Express) 开发环境
    Express 应用实践
  • 本地图书馆网站
  • 新建网站骨架
  • 使用数据库 (Mongoose)
  • 路由和控制器
  • 呈现图书馆数据
  • 使用表单
  • 部署至生产环境
  •  
    2802 次浏览  51 次
    其他人还看了课程
    基于 Angular + Ionic 的移动端应用实战   1070 次浏览
    HTML 5应用开发方法与实践  2081 次浏览
    Python全栈工程师实战培训  5617 次浏览
    HTML5开发框架PhoneGap开发实战  3028 次浏览
    人人学编程:Python系列培训  1236 次浏览
    Vue.JS开发  1631 次浏览
    定制内训


    课程计划
    数据建模方法与工具 12-3[北京]
    基于模型系统仿真与验证 12-14 [讲座]
    白盒测试技术与工具实践 12-24[线上]
    LLM大模型应用与项目构建 12-26[特惠]
    UML和EA进行系统分析设计 12-20[线上]
    SysML建模专家 1-16[北京]