企业级JavaScript应用技术核心及HTML 5开发实践

授课特点:

1、授课强调技术需求,设计原理,思维模型建立,而不是单纯“语法知识”讲解。

2、过程大量采用“立足本位,横向联系,反思式学习”,让受训者成为技术的“主人”,而非为完成需求而使用技术的“奴隶”。

3、案例练习贯穿课程始终,大家针对案例练习中的代码展开讨论,通过讨论,得出结论。

三、培训内容:

(一)大前端技术通览及JavaScript定位:

1、        迟到的盛筵:HTML 5标准落地,后WEB时代的技术转型

2、        向光的生长:云平台日渐主流,软件工程师新的定位。

3、        配角的声音:聚光灯的转换

4、        管理的落地:敏捷的推手

5、        我不是玩具:全能型语言--全栈型工程师的宠儿

(二) 动态大潮的老将新兵:动态JavaScript:

1、        开放的武器库:开发工具选型

2、        无规矩不方圆:ECMAScript标准漫谈

3、        小白变灰:语法知识,数据类型,全局函数

(可伸缩部分)

4、        以对象的名义说话:内建对象类型介绍

5、        脚本的家:全局,宿主、this的概念

6、        变量作用域,作用域链

7、        内存管理也疯狂:内存占用,垃圾回收

8、        最佳实践:JS开发规范,原则,约定。

(三) 精彩的javaScript函数式编程:

1、        “函数”重新认识

2、        arguments,this,prototype深入认识

3、        递归方式使用

4、        回调模式的实现

5、        即时函数,名称空间防污染手段

6、        私有函数,浏览器嗅探框架技术

7、        函数借用:call和apply

(四)有趣的链:JavaScript的闭包

1、 原理分析

2、 实现的手段及技巧

3、应用场景及编程技巧

(五)为JavaScript正名:面向对象的JavaScript:

1、理解“动态语言”的本质

2、理解原型对象,使用原型语法

3、JS对象全面认识,实例化手段,构造函数

4、重新认识this

5、封装特性的实现,”javaBean”开发模式。

6,打造自己的类库

7、基于原型的继承机制实现

8、关于JSON

9、面向对象设计模式实现

(六)HTML 5无障碍通道

1、躲不过理还乱:浏览器环境

2、传统:HTML BOM

3、扬弃:HTML5 DOM

4、防守反攻战术:HTML5事件处理

5、看脸的时代:CSS3及与之结合的布局技巧

6、响应式网页开发技术原理

(七)大AJAX技术实现

1、基本实现:

分析HTTP请求头及响应头

XMLHTTPRequestLEVEL 1原理及使用

XMLHTTPRequestLEVEL 2原理及使用

2、基于Restful的WebService企业应用

3、跨域请求处理

4、Comet服务器推送技术

(八)天道之初:JQuery

1、为什么要用它?

2、设计原理是什么?

3、核心

4、选择器设计思维

5、DOM操作

6、链式操作技巧

7、AJAX

8、动画

9、不能不说的缺点

(九)JavaScript的后端革命:Node.js

1、任性的ECMAScript 6。

2、用它的需求何在?

3、缺陷之美:单线程的引擎+异步+回调的工作原理分析

4、模块化技术

5、异步编程技术

6、Node的Web开发技术

7、Node组合RDB

8、Node组合NoSQL DB

9、Node与WebSocket

(十)新一代MVC JS前端框架:Angular.JS

1、效率之源:双向数据绑定技术

2、优雅:MVXX模式

3、模板

4、指令

5、性能与标准:Angular.JS 2的展望。

(十一)新型企业应用架构展示,分析,讨论。

时间: 2024-08-29 13:06:20

企业级JavaScript应用技术核心及HTML 5开发实践的相关文章

探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密

原文:探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox: 下面是chrome: 在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问百度首页的情景. 在firefox的请求瀑布图里有个表现非常之明显:就是javascript文件下载完毕后,有一段时间是没有网络请求被处理的,这段时间过后http请求才会接着执行,这段空闲时间就是所谓的http请求被阻塞

.NET应用架构设计—重新认识分层架构(现代企业级应用分层架构核心设计要素)

阅读目录: 1.背景介绍 2.简要回顾下传统三层架构 3.企业级应用分层架构(现代分层架构的基本演变过程) 3.1.服务层中应用契约式设计来解决动态条件不匹配错误(通过契约式设计模式来将问题在线下暴露出来) 3.2.应用层中的应用控制器模式(通过控制器模式对象化应用层的职责) 3.3.业务层中的命令模式(事务脚本模式的设计模式运用,很好的隔离静态数据) 4.服务层作为SOA契约公布后DTO与业务层的DomainModel共用基本的原子类型 5.两种独立业务层职责设计方法(可以根据具体业务要求来搭

Android的JS调用Java代码或使用了Javascript相关技术改如何混淆

http://www.androidren.com/index.php?qa=282&qa_1=android的js调用java代码或使用了javascript相关技术改如何混淆 Android 4.2开始 JS调用Java代码的时候必须加上@JavascriptInterface才能调用. 加上@JavascriptInterface之后就必须要考虑混淆时候的问题,如果混淆的时候把@JavascriptInterface搞丢了你的程序就无法调用了. 其实很简单,你只需要在混淆里面加上: -ke

javascript系列之核心知识点(一)

JavaScript. The core. 1.对象 2.原型链 3.构造函数 4.执行上下文堆栈 5.执行上下文 6.变量对象 7.活动对象 8.作用域链 9.闭包 10.this值 11.总结 这篇文章是"ECMA-262-3 in detail"系列的一个摘要和总结.每一部分包含了对应章节的连接引用,所以你可以仔细去阅读得到一个更深刻的理解.适合的读者:资深程序员,专家.我们从探讨对象的概念开始,这也是ECMAScript的奠基石. 对象 ECMAScript,一个高度抽象的面向

JavaScript常见技术点

今天看到一篇博客讲解了几个JavaScript的技术点,感觉很实用. 原地址:Javascript常见技术点 1.javascript面向对象中继承实现 javascript面向对象中的继承实现一般都使用到了构造函数和Prototype原型链,简单的代码如下: <span style="font-family:Microsoft YaHei; font-size:12px"> function Animal(name) { this.name = name; } Anima

移动支付平台间接口报文解析技术核心架构实现、及平台交易处理项目全程实录教程

<基于移动支付平台间接口报文解析技术核心架构实现.及平台交易处理项目全程实录>课程讲师:MoMo 课程分类:Java框架适合人群:中级课时数量:52课时用到技术:JavaBean .Spring3.X. SpringMVC. Hibernate3.X.Apache HttpClient 3.x.JUnit4.x.自定义Annotation + java反射技术涉及项目:移动支付平台间接口咨询QQ:1337192913 课程介绍:   本课程抛开理论.以项目为驱动,适用于初次接触报文收发.组装解

时速云企业级容器PaaS技术沙龙 第九期【深圳站】

Docker容器技术的出现改变了企业应用从开发.构建到发布.运行的整个生命周期,而Kubernetes经历近4年的发展也已成为容器集群管理领域的事实标准,基于容器 + Kubernetes 的新型 PaaS 逐渐成为云计算的主流. 越来越多的企业开始使用基于 Kubernetes 技术构建企业级容器 PaaS 平台,从而加速业务应用的交付.提高运维效率.实现微服务架构升级.可以预见,未来几年企业级容器PaaS将会迎来爆发式增长. 时速云是国内首个基于Kubernetes 的企业级容器PaaS平台

企业级云管理平台的架构实现与落地实践、趋势分析

4月23日天云软件技术开放日已圆满落幕,接下来几天将陆续放出沙龙期间技术大牛们的干货分享现场实录及相关文件,敬请关注.此文为第一篇,由天云软件产品总监马俊带来的IaaS专题:企业级云管理平台的架构实现与落地实践.趋势分析,以下为演讲实录. 马俊:我给大家介绍一下云管平台,OpenStack现在比较流行,企业级客户IT架构在OpenStack上会有一个云管的平台,整个业界对云系统建设也都是怎么认识的. 我们看其实最下面有一个虚拟化的层,这里面有Vsphere.KVM.XenServer,然后在上面

重磅发布 | 《不一样的 双11 技术,阿里巴巴经济体云原生实践》电子书开放下载

2019 双11,订单创新峰值达到 54.4 万笔/秒,单日数据处理量达到 970PB,面对世界级流量洪峰,今年的阿里巴巴交出了一份亮眼的云原生技术成绩单,并实现了100% 核心应用以云原生的方式上云: 双11 基础设施 100% 上云 支撑 双11 在线业务容器规模达到 200 万 采用神龙弹性裸金属服务器计算性价比提升 20%? 这些数据背后是对一个个技术问题的反复尝试与实践.这一次,我们对云原生技术在 双11 的实践细节进行深挖,筛选了其中 22 篇有代表性的文章进行重新编排,整理成书<不