永利酒店赌场:向大师们学习Javascript(视频与PPT)

必看的 JavaScript 视频

2015/10/30 · 基础技术 ·
视频

去年 Sergey Bolshchikov
发起了一个倡议,视频列表已挺丰富了。

小提示:

  • 视频均在 Youtube。如有搬运到国内的热心童鞋,请在评论中留言;
  • Clip Converter:Youtube
    视频下载工具

Douglas Crockford:Douglas
Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript:The
Good Parts》(英文版、中文版)的作者。JavaScript的发明人Brendan
Eich说他是“Yoda of lambda programming and
JavaScript(lambda编程和JavaScript的精神领袖)”。他同时也服务于ECMA的JavaScript2.0技术委员会(TC39)。其个人站点和Blog是

参考链接

  1. 官方文件
  2. 综合介绍
  3. let和const
  4. 解构赋值
  5. 字符串
  6. 正则
  7. 数值
  8. 数组
  9. 函数
  10. 对象
  11. Symbol
  12. Set和Map
  13. Proxy 和
    Reflect
  14. Promise
    对象
  15. Iterator
  16. Generator
  17. 异步操作和Async函数
  18. Class
  19. Decorator
  20. Module
  21. 二进制数组
  22. SIMD
  23. 工具

Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns
和 Backbone Paginator,出版了《Learning JavaScript Design
Patterns》和《Developing Backbone.js
Applications》两本技术书籍,而且还是著名的 jQuery、Modernizr 以及
Backbone.js 框架的贡献者。《Developing Backbone.js
Applications》即将由@人民邮电出版社-信息技术分社
出版,中文名称:《Backbone.js应用程序开发》目前在印刷状态,即计9月15日可与大家见面。后面会给大家详细说明。

2015

  1. Dr. Axel Rauschmayer: Using ECMAScript 6 today
    • Part 1 [40:44]
    • Part 2 [53:04]
  2. Brendan Eich: ECMAScript Harmony: Rise of the
    Compilers
     [19:17]
  3. Andreas Gal: Dirty Performance Secrets of HTML5 | HTML5
    性能秘籍
     [14:15]
  4. Andre Staltz: What if the user was a function |
    假如用户是一个函数?
     [32:19]

YUI团队2008年底的合影,中间的长者即为Douglas Crockford:
永利酒店赌场 1

官方文件

  • ECMAScript® 2015 Language
    Specification:
    ECMAScript 2015规格
  • ECMAScript® 2016 Language
    Specification:
    ECMAScript 2016规格
  • ECMAScript® 2017 Language
    Specification:ECMAScript
    2017规格(草案)
  • ECMAScript Current Proposals:
    ECMAScript当前的所有提案
  • ECMAScript Active Proposals:
    已经进入正式流程的提案
  • ECMAscript
    proposals:从阶段0到阶段4的所有提案列表
  • TC39 meeting agendas: TC39
    委员会历年的会议记录
  • ECMAScript Daily:
    TC39委员会的动态
  • The TC39 Process:
    提案进入正式规格的流程
  • TC39: A Process Sketch, Stages 0 and
    1:
    Stage 0 和 Stage 1 的含义
  • TC39 Process Sketch, Stage
    2: Stage
    2 的含义

本文中的PPT分享来自博客园中昵称梦想天空整理的《前端大牛 Addy Osmani
的15个精彩彩PPT》

2014

  1. Ilya Grigorik: Website Performance Optimization | 网站性能优化
    (Udacity 课程) [1:13:57]
  2. Mark DiMarco: User Interface
    Algorithms
     |
    用户接口算法 [27:41]
  3. Neil Green: Writing Custom
    DSLs
     [29:07]
  4. Philip Roberts: Help, I’m stuck in an
    event-loop
     [20:13]
  5. Eric Bidelman: Polymer and Web Components change everything you
    know about Web
    development
     [36:12]
  6. Alex Russell, Jake Archibald: Bridging the gap between the web
    and apps
     [48:40]
  7. Scott Hanselman: Virtual Machines, JavaScript and
    Assembler
     [25:56]
  8. Jafar Husain: Async JavaScript with Reactive
    Extensions
     [26:38]
  9. John-David Dalton: Unorthodox
    Performance
     [43:39]
  10. Gary Bernhardt: The Birth & Death of
    Javascript
     [29:22]
  11. Addy Osmani: Memory Management
    Masterclass
     [55:06]
  12. Reginald Braithwaite: Invent the future, don’t recreate the
    past
     [39:16]
  13. Kyle Simpson: Syncing
    Async
     [42:25]
  14. Ariya Hidayat: JavaScript and the Browser: Under the
    Hood
     [29:13]
  15. Jafar Husain: Version 7: The Evolution of
    JavaScript
     [1:11:53]
  16. David Nolen: Immutability: Putting The Dream Machine To
    Work
     [22:05]

John Resig:你可以不知道John Resig,但你不会不知道jQuery吧,John
Resig正是它的作者。其个人的Blog是:
永利酒店赌场 2

综合介绍

  • Axel Rauschmayer, Exploring ES6: Upgrade to the next version of
    JavaScript:
    ES6的专著,本书的许多代码实例来自该书
  • Sayanee Basu, Use ECMAScript 6
    Today
  • Ariya Hidayat, Toward Modern Web Apps with ECMAScript
    6
  • Dale Schouten, 10 Ecmascript-6 tricks you can perform right
    now
  • Colin Toh, Lightweight ES6 Features That Pack A
    Punch:
    ES6的一些“轻量级”的特性介绍
  • Domenic Denicola, ES6: The Awesome
    Parts
  • Nicholas C. Zakas, Understanding ECMAScript
    6
  • Justin Drake, ECMAScript 6 in
    Node.JS
  • Ryan Dao, Summary of ECMAScript 6 major
    features
  • Luke Hoban, ES6
    features:
    ES6新语法点的罗列
  • Traceur-compiler, Language
    Features:
    Traceur文档列出的一些ES6例子
  • Axel Rauschmayer, ECMAScript 6: what’s next for
    JavaScript?:
    关于ES6新增语法的综合介绍,有很多例子
  • Axel Rauschmayer, Getting started with ECMAScript
    6:
    ES6语法点的综合介绍
  • Toby Ho, ES6 in io.js
  • Guillermo Rauch, ECMAScript
    6
  • Charles King, The power of ECMAScript
    6
  • Benjamin De Cock, Frontend
    Guidelines:
    ES6最佳实践
  • Jani Hartikainen, ES6: What are the benefits of the new features in
    practice?
  • kangax, Javascript quiz. ES6
    edition: ES6小测试
  • Jeremy Fairbank, HTML5DevConf ES7 and
    Beyond!:
    ES7新增语法点介绍

2013

  1. Nat Duca, Tom Wiltzius: Jank Free: Chrome Rendering
    Performance
     [40:53]
  2. Ilya Grigorik: Automating Performance Best Practices with
    PageSpeed
     [46:58]
  3. Eric Bidelman: Web
    Components
     [32:39]
  4. Alex Komoroske, Matthew McNulty: Web Components in
    Action
     [41:28]
  5. Paul Lewis, Peter Beverloo: Device Agnostic
    Development
     [40:44]
  6. John McCutchan, Loreena Lee: A Trip Down Memory Lane with Gmail
    and
    DevTools
     [42:09]
  7. Joe Marini: Upgrading to a Chrome Packaged
    App
     [43:49]
  8. Pete Hunt: React: Rethinking best
    practices
     [29:31]
  9. Martin Kleppe: 1024+ Seconds of JS
    Wizardry
     [31:01]
  10. Yehuda Katz: A tale of two
    MVC’s
     [31:06]
  11. Vyacheslav Egorov: Performance and
    Benchmarking
     [25:41]
  12. Brendan Eich: JavaScript at 18: Legal to
    Gamble
     [25:44]
  13. Mathias Bynens: JavaScript ♥
    Unicode
     [26:12]
  14. Mark Trostler: Testable JavaScript – Architecting Your
    Application for
    Testability
     [45:35]

Peter-Paul
Koch
:自学成才的世界级JavaScript专家,所维护的网站www.quirksmode.org已成为全球JavaScript开发人员最重要的参考资源之一,他著有《ppk
谈 JavaScript 》。

let和const

  • Kyle Simpson, For and against
    let:
    讨论let命令的作用域
  • kangax, Why typeof is no longer
    “safe”:
    讨论在块级作用域内,let命令的变量声明和赋值的行为
  • Axel Rauschmayer, Variables and scoping in ECMAScript
    6:
    讨论块级作用域与let和const的行为
  • Nicolas Bevacqua, ES6 Let, Const and the “Temporal Dead Zone” (TDZ)
    in
    Depth
  • acorn, Function statements in strict
    mode:
    块级作用域对严格模式的函数声明的影响
  • Axel Rauschmayer, ES proposal:
    global: 顶层对象global

因为《Developing Backbone.js
Applications》作者与PPT作者同为一人,所以微信君整合在一起与大家回顾PPT、分享技术书!

2012

  1. Ryan Sandor Richards: Garbage Collection & Heap
    Management
     [32:57]
  2. Addy Osmani: Scaling Your JavaScript Applications
    • Part 1 [22:38]
    • Part 2 [15:41]
    • Part 3 [33:32]
  3. John-David
    Dalton: Lo-Dash [25:08]
  4. Gary
    Bernhardt: WAT [4:17]
  5. Angus Croll: Break all the
    rules
     [31:29]
  6. Nicholas Zakas: Maintainable
    JavaScript
     [47:04]
  7. Douglas Crockford: Principles of
    Security
     [59:52]

Nicolas C.
Zakas
:大多javascript学习者一定熟悉《JavaScript高级程序设计》(它也是我学javascript的入门书籍)吧,Nicolas
C. Zakas正是它的作者。他同时也是另一本畅销书《Ajax高级程序设计》的作者。

解构赋值

  • Nick Fitzgerald, Destructuring Assignment in ECMAScript
    6: 详细介绍解构赋值的用法
  • Nicholas C. Zakas, ECMAScript 6 destructuring
    gotcha

作者PPT分享

2011

  1. Douglas Crockford: Level 7: ECMAScript 5: The New
    Parts
     [57:18]
    永利酒店赌场 3
  2. Douglas Crockford: Section 8: Programming Style and Your
    Brain
     [1:06:45]
  3. Ryan Dahl: Introduction to
    Node.js
     [1:06:33]
  4. Alex Russell: Learning to Love
    JavaScript
     [1:03:25]

言归正传,下面就一起通过这些牛人的讲座视频和PPT,感受大师风采,学习javascript。(多么希望自己的英文能在好一点……)

字符串

  • Nicholas C. Zakas, A critical review of ECMAScript 6
    quasi-literals
  • Mozilla Developer Network, Template
    strings
  • Addy Osmani, Getting Literal With ES6 Template
    Strings:
    模板字符串的介绍
  • Blake Winton, ES6
    Templates:
    模板字符串的介绍
  • Peter Jaszkowiak, How to write a template compiler in
    JavaScript:
    使用模板字符串,编写一个模板编译函数
  • Axel Rauschmayer, ES.stage3: string
    padding

1、Tooling For The Modern WebApp Developer

2010

  1. Douglas Crockford: Volume One: The Early
    Years
     [1:42:08]
  2. Douglas Crockford: Chapter 2: And Then There Was
    JavaScript
     [1:30:22]
  3. Douglas Crockford: Act III: Function the
    Ultimate
     [1:13:28]
  4. Douglas Crockford: Episode IV: The Metamorphosis of
    Ajax
     [1:33:54]
  5. Douglas Crockford: Part 5: The End of All
    Things
     [1:24:42]
  6. Douglas Crockford: Scene 6:
    Loopage
     [51:52]
  1. The JavaScript Programming Language
    时长:1小时51分钟
    演讲者:Douglas Crockford
    相关PPT下载

    在这个讲座里,Douglas Crockford
    带你领略Javascript的各种特点,并且讨论了语言本身及JS的语言风格。对于javascript初学者,这是一个很好的教程。

  2. An Inconvenient API: The Theory of the DOM
    时长:1小时18分钟
    演讲者:Douglas Crockford
    相关PPT下载

    这个讲座的主题不在Javascript,而是浏览器。他讲述了浏览器为什么是现在这个样子,及背后的几个关键概念。这些知识与Javascript开发者的关系也是十分密切的。

  3. Advanced JavaScript
    时长:1小时7分钟
    演讲者:Douglas Crockford
    相关PPT下载

    在这个讲座中,Douglas
    Crockford涉及了Javascript中的一些高级主题,例如继承、调试、效率。

  4. Javascript: The Good Parts
    时长:1小时3分钟
    演讲者:Douglas Crockford
    相关PPT下载

    在这个讲座中,世界级Javascript大师Douglas
    Crockford向你解释Javascript为什么值得花时间来学习,每一个准备学习Javascript的人都应该看看这个视频。很不幸,这个视频要翻墙才能看到,这里就不贴了。

  5. Games, Performance, TestSwarm
    时长:1小时11分钟
    演讲者:John Resig
    这个是John
    Resig在2009年Javascript大会上的幻灯片,主要讲了Javascript中的性能测量、Javascript游戏和测试。
    视频要翻墙,这里不贴了,下面看PPT:

  6. Best Practices in JavaScript Library Design (or Building a
    JavaScript Library)

    时长:1小时1分钟
    演讲者:John Resig
    你是否想过构建自己的Javascript类库,jQuery的作者John
    Resig在这个演讲中告诉你了构建Javascript类库的一些准则。

  7. Drop-In JavaScript Performance (or Perfomance Improvements in
    Browsers)

    时长:1小时2分钟
    演讲者:John Resig
    主要讲了如何在浏览器中提高Javascript性能。

  8. The DOM is a Mess
    时长:1小时12分钟
    演讲者:John Resig

  9. Speed Up Your JavaScript
    时长:1小时11分钟
    演讲者:Nicholas C. Zakas
    这个讲座主要讲了Javascript中提高性能相关的主题。

  10. Scalable JavaScript Application Architecture
    时长:52分钟
    演讲者:Nicholas C. Zakas
    在这个讲座中,Nicholas C.
    Zakas讨论了Javascript的程序架构。你会了解到如何在一个页面中分为多个模块,如何让模块间进行协作等等……
    幻灯片:

    视频:

正则

  • Mathias Bynens, Unicode-aware regular expressions in
    ES6:
    详细介绍正则表达式的u修饰符
  • Axel Rauschmayer, New regular expression features in ECMAScript
    6:ES6正则特性的详细介绍
  • Yang Guo, RegExp lookbehind
    assertions:介绍后行断言

现代 Web App 开发者必备的实用工具推荐,深入介绍了 Chrome
开发者工具的功能。

2009

  1. Nicholas Zakas: Scalable JavaScript Application
    Architecture
     [52:22]
  2. Douglas Crockford: JavaScript: The Good
    Parts
     [1:03:47]

    1 赞 4 收藏
    评论

永利酒店赌场 4

 

数值

  • Nicolas Bevacqua, ES6 Number Improvements in
    Depth

永利酒店赌场 5

Crockford :Douglas
Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript:The
Good Parts》(英文版、中文…

数组

  • Axel Rauschmayer, ECMAScript 6’s new array
    methods:
    对ES6新增的数组方法的全面介绍
  • TC39, Array.prototype.includes:
    数组的includes方法的规格
  • Axel Rauschmayer, ECMAScript 6: holes in
    Arrays:
    数组的空位问题

函数

  • Nicholas C. Zakas, Understanding ECMAScript 6 arrow
    functions
  • Jack Franklin, Real Life ES6 – Arrow
    Functions
  • Axel Rauschmayer, Handling required parameters in ECMAScript
    6
  • Dmitry Soshnikov, ES6 Notes: Default values of
    parameters:
    介绍参数的默认值
  • Ragan Wald, Destructuring and Recursion in
    ES6:
    rest参数和扩展运算符的详细介绍
  • Axel Rauschmayer, The names of functions in
    ES6:
    函数的name属性的详细介绍
  • Kyle Simpson, Arrow This:
    箭头函数并没有自己的this
  • Derick Bailey, Do ES6 Arrow Functions Really Solve “this” In
    JavaScript?:使用箭头函数处理this指向,必须非常小心
  • Mark McDonnell, Understanding recursion in functional JavaScript
    programming:
    如何自己实现尾递归优化
  • Nicholas C. Zakas, The ECMAScript 2016 change you probably don’t
    know:
    使用参数默认值时,不能在函数内部显式开启严格模式

2、The New Wave Utility Belt

对象

  • Addy Osmani, Data-binding Revolutions with
    Object.observe():
    介绍Object.observe()的概念
  • Sella Rafaeli, Native JavaScript
    Data-Binding:
    如何使用Object.observe方法,实现数据对象与DOM对象的双向绑定
  • Axel Rauschmayer, __proto__ in ECMAScript
    6
  • Axel Rauschmayer, Enumerability in ECMAScript
    6
  • Axel Rauschmayer, ES proposal:
    Object.getOwnPropertyDescriptors()
  • TC39, Object.getOwnPropertyDescriptors
    Proposal

介绍了 Google
强大的工具系统:Yeoman,帮助开发人员快速构建出漂亮的、引人注目的 Web
应用。

Symbol

  • Axel Rauschmayer, Symbols in ECMAScript
    6: Symbol简介
  • MDN, Symbol:
    Symbol类型的详细介绍
  • Jason Orendorff, ES6 In Depth:
    Symbols
  • Keith Cirkel, Metaprogramming in ES6: Symbols and why they’re
    awesome:
    Symbol的深入介绍
  • Axel Rauschmayer, Customizing ES6 via well-known
    symbols
  • Derick Bailey, Creating A True Singleton In Node.js, With ES6
    Symbols
  • Das Surma, How to read web specs Part IIa – Or: ECMAScript
    Symbols: 介绍 Symbol
    的规格

永利酒店赌场 6

Set和Map

  • Mozilla Developer
    Network, WeakSet:介绍WeakSet数据结构
  • Dwayne Charrington, What Are Weakmaps In
    ES6?:
    WeakMap数据结构介绍
  • Axel Rauschmayer, ECMAScript 6: maps and
    sets:
    Set和Map结构的详细介绍
  • Jason Orendorff, ES6 In Depth:
    Collections:Set和Map结构的设计思想
  • Axel Rauschmayer, Converting ES6 Maps to and from
    JSON:
    如何将Map与其他数据结构互相转换

Proxy 和 Reflect

  • Nicholas C. Zakas, Creating defensive objects with ES6
    proxies
  • Axel Rauschmayer, Meta programming with ECMAScript 6
    proxies: Proxy详解
  • Daniel Zautner, Meta-programming JavaScript Using
    Proxies:
    使用Proxy实现元编程
  • Tom Van
    Cutsem, Harmony-reflect:
    Reflect对象的设计目的
  • Tom Van Cutsem, Proxy
    Traps:
    Proxy拦截操作一览
  • Tom Van Cutsem, Reflect
    API
  • Tom Van Cutsem, Proxy Handler
    API
  • Nicolas Bevacqua, ES6 Proxies in
    Depth
  • Nicolas Bevacqua, ES6 Proxy Traps in
    Depth
  • Nicolas Bevacqua, More ES6 Proxy Traps in
    Depth
  • Axel Rauschmayer, Pitfall: not all objects can be wrapped
    transparently by
    proxies
  • Bertalan Miklos, Writing a JavaScript Framework – Data Binding with
    ES6
    Proxies:
    使用 Proxy 实现观察者模式
  • Keith Cirkel, Metaprogramming in ES6: Part 2 –
    Reflect:
    Reflect API 的详细介绍

3、Digesting JavaScript MVC

Promise 对象

  • Jake Archibald, JavaScript Promises: There and back
    again
  • Tilde, rsvp.js
  • Sandeep Panda, An Overview of JavaScript
    Promises:
    ES6 Promise入门介绍
  • Dave Atchley, ES6
    Promises: Promise的语法介绍
  • Axel Rauschmayer, ECMAScript 6 promises (2/2): the
    API: 对ES6
    Promise规格和用法的详细介绍
  • Jack Franklin, Embracing Promises in
    JavaScript:
    catch 方法的例子
  • Ronald Chen, How to escape Promise
    Hell:
    如何使用Promise.all方法的一些很好的例子
  • Jordan
    Harband, proposal-promise-try:
    Promise.try() 方法的提案
  • Sven Slootweg, What is Promise.try, and why does it
    matter?:
    Promise.try() 方法的优点
  • Yehuda Katz, TC39: Promises,
    Promises:
    Promise.try() 的用处

深入解析 JavaScript MVC,讨论 JavaScript MVC
模式应用情况以及优秀的框架推荐。

Iterator

  • Mozilla Developer Network, Iterators and
    generators
  • Mozilla Developer Network, The Iterator
    protocol
  • Jason Orendorff, ES6 In Depth: Iterators and the for-of
    loop:
    遍历器与for…of循环的介绍
  • Axel Rauschmayer, Iterators and generators in ECMAScript
    6:
    探讨Iterator和Generator的设计目的
  • Axel Rauschmayer, Iterables and iterators in ECMAScript
    6:
    Iterator的详细介绍
  • Kyle Simpson, Iterating ES6
    Numbers:
    在数值对象上部署遍历器

永利酒店赌场 7

Generator

  • Matt Baker, Replacing callbacks with ES6
    Generators
  • Steven Sanderson, Experiments with Koa and JavaScript
    Generators
  • jmar777, What’s the Big Deal with
    Generators?
  • Marc Harter, Generators in Node.js: Common Misconceptions and Three
    Good Use
    Cases:
    讨论Generator函数的作用
  • StackOverflow, ES6 yield : what happens to the arguments of the
    first call
    next()?:
    第一次使用next方法时不能带有参数
  • Kyle Simpson, ES6 Generators: Complete
    Series:
    由浅入深探讨Generator的系列文章,共四篇
  • Gajus Kuizinas, The Definitive Guide to the JavaScript
    Generators:
    对Generator的综合介绍
  • Jan Krems, Generators Are Like
    Arrays:
    讨论Generator可以被当作数据结构看待
  • Harold Cooper, Coroutine Event Loops in
    Javascript:
    Generator用于实现状态机
  • Ruslan
    Ismagilov, learn-generators:
    编程练习,共6道题
  • Steven Sanderson, Experiments with Koa and JavaScript
    Generators:
    Generator入门介绍,以Koa框架为例
  • Mahdi Dibaiee, ES7 Array and Generator
    comprehensions:ES7的Generator推导
  • Nicolas Bevacqua, ES6 Generators in
    Depth
  • Axel Rauschmayer, ES6 generators in
    depth:
    Generator规格的详尽讲解
  • Derick Bailey, Using ES6 Generators To Short-Circuit Hierarchical
    Data
    Iteration:使用
    for…of 循环完成预定的操作步骤

异步操作和Async函数

  • Luke Hoban, Async Functions for
    ECMAScript:
    Async函数的设计思想,与Promise、Gernerator函数的关系
  • Jafar Husain, Asynchronous Generators for
    ES7: Async函数的深入讨论
  • Nolan Lawson, Taming the asynchronous beast with
    ES7:
    async函数通俗的实例讲解
  • Jafar Husain, Async
    Generators:
    对async与Generator混合使用的一些讨论
  • Daniel Brain, Understand promises before you start using
    async/await:
    讨论async/await与Promise的关系
  • Jake Archibald, Async functions – making promises
    friendly
  • Axel Rauschmayer, ES proposal: asynchronous
    iteration:
    异步遍历器的详细介绍
  • Dima Grossman, How to write async await without try-catch blocks in
    Javascript:
    除了 try/catch 以外的 async 函数内部捕捉错误的方法

4、Decoupling JavaScript Vs. The World

Class

  • Sebastian Porto, ES6 classes and JavaScript
    prototypes:
    ES6 Class的写法与ES5 Prototype的写法对比
  • Jack Franklin, An introduction to ES6
    classes:
    ES6 class的入门介绍
  • Axel Rauschmayer, ECMAScript 6: new OOP features besides
    classes
  • Axel Rauschmayer, Classes in ECMAScript 6 (final
    semantics):
    Class语法的详细介绍和设计思想分析
  • Eric Faust, ES6 In Depth:
    Subclassing:
    Class语法的深入介绍
  • Nicolás Bevacqua, Binding Methods to Class Instance
    Objects:
    如何绑定类的实例中的this

讲解 JavaScript
组件级别解耦、模块级别解耦以及观察者模式、门面模式和中介者模式等。

Decorator

  • Maximiliano Fierro, Declarative vs
    Imperative:
    Decorators和Mixin介绍
  • Justin Fagnani, “Real” Mixins with JavaScript
    Classes:
    使用类的继承实现Mixin
  • Addy Osmani, Exploring ES2016
    Decorators:
    Decorator的深入介绍
  • Sebastian McKenzie, Allow decorators for functions as
    well:
    为什么修饰器不能用于函数
  • Maximiliano Fierro, Traits with ES7
    Decorators:
    Trait的用法介绍
  • Jonathan Creamer: Using ES2016 Decorators to Publish on an Event
    Bus:
    使用修饰器实现自动发布事件

永利酒店赌场 8

Module

  • Jack Franklin, JavaScript Modules the ES6
    Way:
    ES6模块入门
  • Axel Rauschmayer, ECMAScript 6 modules: the final
    syntax:
    ES6模块的介绍,以及与CommonJS规格的详细比较
  • Dave Herman, Static module
    resolution:
    ES6模块的静态化设计思想
  • Jason Orendorff, ES6 In Depth:
    Modules:
    ES6模块设计思想的介绍
  • Ben Newman, The Importance of import and
    export:
    ES6模块的设计思想
  • ESDiscuss, Why is “export default var a = 1;” invalid
    syntax?
  • Bradley Meck, ES6 Module
    Interoperability:
    介绍 Node 如何处理 ES6 语法加载 CommonJS 模块
  • Axel Rauschmayer, Making transpiled ES modules more
    spec-compliant:
    ES6 模块编译成 CommonJS 模块的详细介绍
  • Axel Rauschmayer, ES proposal: import() – dynamically importing ES
    modules:
    import() 的用法

二进制数组

  • Ilmari Heikkinen, Typed Arrays: Binary Data in the
    Browser
  • Khronos, Typed Array
    Specification
  • Ian Elliot, Reading A BMP File In
    JavaScript
  • Renato Mangini, How to convert ArrayBuffer to and from
    String
  • Axel Rauschmayer, Typed Arrays in ECMAScript
    6

5、Scaling Your JavaScript Applications

SIMD

  • TC39, SIMD.js Stage
    2
  • MDN, SIMD
  • TC39, ECMAScript SIMD
  • Axel Rauschmayer, JavaScript gains support for
    SIMD

探讨 JavaScript 应用程序的体系结构,模块化和可扩展性。

工具

  • Babel, Babel
    Handbook:
    Babel的用法介绍
  • Google, traceur-compiler:
    Traceur编译器
  • Casper Beyer, ECMAScript 6 Features and
    Tools
  • Stoyan Stefanov, Writing ES6 today with
    jstransform
  • ES6 Module Loader, ES6 Module Loader
    Polyfill:
    在浏览器和node.js加载ES6模块的一个库,文档里对ES6模块有详细解释
  • Paul Miller, es6-shim:
    一个针对老式浏览器,模拟ES6部分功能的垫片库(shim)
  • army8735, Javascript Downcast:
    国产的ES6到ES5的转码器
  • esnext, ES6 Module
    Transpiler:基于node.js的将ES6模块转为ES5代码的命令行工具
  • Sebastian McKenzie, BabelJS: ES6转译器
  • SystemJS, SystemJS:
    在浏览器中加载AMD、CJS、ES6模块的一个垫片库
  • Modernizr, HTML5 Cross Browser
    Polyfills:
    ES6垫片库清单
  • Facebook, regenerator:
    将Generator函数转为ES5的转码器

内容包括MV*模式(MVC,MVP,MVVM),MV*框架,AMD
和大规模的应用模式和解决方案。

永利酒店赌场 9

6、The jQuery Essentials

《jQuery 必知必会》教你编写 jQuery 的最佳实践和性能技巧,如果你正在学习
jQuery,一定不能错过了。

永利酒店赌场 10

7、Polyfilling The HTML5 Gaps With JavaScript

Polyfill 是 JavaScript 垫片,让你能够在旧的浏览器中使用 HTML5 和 CSS3
的那些强大的新功能。

永利酒店赌场 11

8、Large-scale JavaScript Application Architecture

构建高扩展的 JavaScript 项目必须要了解的架构和设计模式使用经验。

永利酒店赌场 12

9、Scalable JavaScript Design Patterns

在这个幻灯片中,作者详细介绍了大型 JavaScript Web
应用程序的架构和设计模式。

永利酒店赌场 13

10、jQuery Proven Performance Tips & Tricks, 2011

jQuery 代码的性能测试方法和技巧分享,都是作者多年的最佳实现经验。

永利酒店赌场 14

11、Building Decoupled Large-scale Applications Using JavaScript (And
jQuery)

探索 JavaScript 构建大型 Web
应用的优秀设计模式,关注解耦(decoupling)的重要性。

永利酒店赌场 15

12、Large-Scale JavaScript Development

在这个幻灯片中,作者分享了一组优秀的设计模式用于构建低耦合、高扩展的
JavaScript 应用程序。

永利酒店赌场 16

13、Tools For jQuery Application Architecture (Extended Slides)

jQuery 应用架构工具集锦,包括:JavaScriptMVC, Backbone.js, Spine.js,
Sammy.js等众多内容。

永利酒店赌场 17

14、Evaluating jQuery Learning Material

教你如何评估 jQuery 学习资料的价值,帮助你挑选有价值的学习内容。

永利酒店赌场 18

15、jQuery Performance Tips & Tricks

使用 jQuery
进行开发时的最佳实践和性能技巧,值得前端开发人员时刻加载脑子里。

永利酒店赌场 19

关于《Backbone.js应用程序开发》

永利酒店赌场 20

内容简介

本书先从了解MVC、SPA和Backbone的基本知识开始,然后着手构建示例应用程序——一个简单的Todo列表应用程序、RESTful风格的图书应用程序、以及使用Backbone和RequireJS的模块化应用程序。本书的作者是谷歌Chrome团队的工程师Addy
Osmani,他还演示了框架的高级应用。

本书特色

了解Backbone.js如何给客户端带来MVC方面的好处;
编写易于阅读的、结构化的和易扩展代码 ;
使用Backbone.Marionette和Thorax扩展框架;
解决使用Backbone.js时会遇到的常见问题;
使用AMD和RequireJS将代码进行模块化组织;
使用Backbone.Paginator插件为Collections数据分页;
使用样板代码引导新的Backbone.js应用程序; 使用jQuery
Mobile,并解决两者之间的路由问题;
使用Jasmine、QUnit和SinonJS对Backbone应用进行单元测试。

Addy Osmani

博客地址:

Addy Osmani Github:

网站地图xml地图