学步园

Ext JS 4

SenchaCon 2010: Ext JS 4 Architecture 架构谈

带你了解新架构的精妙之处

Ext JS 4 has a thoroughly revamped architecture that enables faster performance and more developer flexibility. In this session, we will take a tour through the revamped architecture of Ext JS 4.x, taking a high-level look at the updated data package, component
hierarchy and core APIs. Afterwards, developers will have an understanding of why Ext JS 4 works the way it does and how best to leverage its underlying APIs.

http://vimeo.com/17733892

http://www.slideshare.net/senchainc/extjs4architecture-101119134139phpapp01

SenchaCon 2010: The Ext JS 4 Layout System 布局系统

为打造高效的布局系统，Ext JS 4 业已重构。在本次视频中，将为您深入介绍细节方面的内容，以及重温 ContainerLayout 敏捷的编码方式，另外还有 Component Layout 的新介绍。

Ext JS 4 has a fully refactored layout engine with higher efficiency and performance. During this session, you'll learn all the in-depth details with a hands-on coding review of the updated ContainerLayouts and newly introduced ComponentLayouts.

http://vimeo.com/17917111

http://www.slideshare.net/senchainc/layouts-5971880

http://www.slideshare.net/senchainc/ext-js-41-layouts-performance-and-api-updates

SenchaCon 2010: Creating Ext JS Extensions and Components  创建 Ext JS 扩展和组件

Ext JS 的一大优点便是其清晰的扩展性。这允许我们用最小的气力就把别人的“劳动成果”纳入自己的作品中~呵呵。在本次视频中，你会学习到创建 Ext JS 可复用组件的方法，以及跟大家讲讲，我在创建 Ext Scheduler 时的编写经验。

One of the great benefits of developing in Ext JS is its clean extensibility. This lets you create reusable components easily that other developers can simply drop into their own applications with minimal effort. In this session, you'll learn how to create
a re-usable component for Ext JS, and I'll describe my own experience creating Ext Scheduler - the scheduling component for Ext JS.

http://vimeo.com/17920271

http://www.slideshare.net/senchainc/creating-ext-js-extensions-and-components

Buffering large datasets in an Ext JS 4.2 Grid for high performance Ext JS 4.2 Grid 大批量数据缓冲 

无论什么浏览器，新版本的 Grid 控件可以应付大批量的数据。在该演示中，浏览器加载了 七千笔的记录作为测试，但该插件 Buffered Rendere 仍表示无压力。为对比，也测试了无插件的情形。

Sencha Ext JS includes rich grids that allow you to render virtually any size of dataset quickly in many browsers. In this demo, over 7000 records are loaded and displayed both with and without the new Buffered Renderer plugin to highlight the significant
performance increase.

sencha.com/blog/first-look-at-ext-js-4-2-grid/

http://vimeo.com/59611158

Ext JS 4.1 - Build Amazing Apps with Web Standards 构建 Web 标准的应用程序

学习 4.1 的新功能，跟随 Ted 了解 Ext JS 4.1 的例子，了解 框架的结构和许可模型。

Learn about new features in the 4.1 release of our popular JavaScript framework, Ext JS. Follow Ted Patrick as he gives an Ext JS 4.1 sample app walkthrough, and provides an overview of the Ext JS framework structure and licensing model.

http://vimeo.com/42166231

Ext JS 4.1 Performance Tips and Tricks 性能优化以及技巧

4.1 有性能的改进，但是还是有改进的余地。只需要一点的改变，就可以大幅度改善 ExtJS 程序的性能。

Sencha improved performance with Ext JS 4.1, but when it comes to optimal performance of Ext JS-based applications, that's only part of the battle. The rest comes from optimizing applications for performance, which often includes making a few changes so
your code can take advantage of Ext JS enhancements.

Our webinar from February 16th, 2012 shows off some performance tips and tricks when working with Ext JS 4.1. Hosting this webinar were Edmund Leung, Don Griffin, and Nige "Animal" White.

Read more: sencha.com/blog/optimizing-ext-js-4-1-based-applications

http://vimeo.com/37636229

SenchaCon 2011: Ext JS 4.1: Layouts, Performance, and API updates

Improving layout and rendering performance is a major focus of Ext JS 4.1. This session will discuss some of these details and how they might impact your application, custom components and custom layouts. Beyond these largely invisible features, Ext JS 4.1
has other exciting enhancements. We will also cover: improvements to Grid, Border layout, XTemplate, Data and the class system.

Presented by Don Griffin.

http://vimeo.com/33463898

SenchaCon 2011: Ext JS 4: Advanced Expert Techniques 高级技巧

了解生存周期和少见的内置属性，包括 renderTpl和renderSelector childEls renderData 等等。

This session will take a detailed look into a variety of internal and less known properties of Ext JS. Topics range from component lifecycles to properties such as renderTpl, renderSelectors, childEls, renderData, and mon. Other topics include delegated
events (where the framework utilizes it, and where you should be using them in your code) and many useful utility classes like MixedCollection, DelayedTask, TaskRunner, and more.

http://vimeo.com/33472029

http://www.slideshare.net/senchainc/ext-js-4-advanced-expert-techniques

SenchaCon 2010: Creating Optimal Desktop User Experiences 用心创建桌面程序的用户体验

Great User Experiences savs money in training and support and makes money in strong word-of-mouth marketing as well as customer referrals. However, the techniques and process to make great UX happen are often counter-intuitive and tricky. This session will
demystify UX greatness and show you how you can create the optimal desktop user experience. This session will be content-rich with many topics covered.

http://vimeo.com/18777458

SenchaCon 2010: Debugging Your Ext JS Code 调试 ExtJS 代码

Ext Designer enables developers and non-developers alike to rapidly prototype their UI and Data Stores. In this session, learn how to best utilize and integrate the Ext Designer with your project. Discover the features and advanced techniques of the Ext
Designer that promote reusable component-oriented development across all of your projects. We'll also show you Ext Designer working with Sencha Touch projects.

http://vimeo.com/17921733

http://www.slideshare.net/senchainc/debugging-your-ext-js-code

Template

Webkit

WebkitSenchaCon 2011: Hacking WebKit & Its JavaScript Engines

WebKit, along with its JavaScript engines, is not a magical black box. We will show you the internal of various WebKit building blocks (10,000-foot overview) and how they work together. In particular, learn also the simple steps on how to experiment with
WebKit with your own and leverage WebKit functionalities to find the performance problems, track the network issues, automate effective smoke tests, and implement per-pixel correctness tests. In addition, armed with a little extra knowledge about JavaScript
engines, you will be ready to improve both the quality and performance of your JavaScript code.

Presented by Ariya Hidayat and Jarred Nicholls.

http://vimeo.com/34055123

SenchaCon 2011: Hardware Acceleration on Mobile

GPU acceleration on mobile browsers, if it is leveraged correctly, can lead to a smooth and fluid applications, thus improving the user experience. There has been a lot of mentions and best practices of hardware acceleration these days, although so far it
has been pretty general and hasn't provided much technical direction apart from simple magical advice such as "use translate3d". This talk sheds some more light on browser interactions with the GPU and explain what happens behind the scenes, covering the topic
of acceleration of primitive drawing, the use of tiled backing store, and composited layer. Knowing the actual machinery behind hardware acceleration, you will be in the position to plan your strategy to improve the performance of your web application.

Presented by Ariya Hidayat and Jarred Nicholls.

http://vimeo.com/34055247

SenchaCon 2010: Compiling and Optimizing Your Own Browser with WebKit

Webkit is the layout engine behind Safari, Chrome and almost every mobile browser. But did you ever wonder how to build WebKit yourself? In this session, you'll learn the simple steps, along with never-seen-before techniques, on how to experiment with WebKit
on your own. You'll learn how to find the root of various performance problems, automate a wide array of regression tests, and see how WebKit works to produce the render tree, resolve complex styling, execute scripts, and more.

http://vimeo.com/18780399

SenchaCon 2010: Compiling and Optimizing Your Own Browser with WebKit

A browser's JavaScript engine can seem like a magical black box. During this session, we'll show you how they work from 10,000 feet and give you the tricks to compile all the popular engines out there including JavaScriptCore, V8, and SpiderMonkey). We'll
inspect the internals of the engine, and debug+profile your favorite code snippets. Armed with just a little extra knowledge about this black box, you will be ready to take a new look at JavaScript apps.

http://vimeo.com/18783283

Common

PubicSenchaCon 2011: The Sencha Class System

Ext JS 4.x and Sencha Touch 2.0 went through a huge refactoring from the ground up with the new class system. It combines the familiar class-based programming style with the dynamic nature of JavaScript into a robust architecture which stands behind every single
class written in the frameworks. This session will give you a complete picture of everything our new foundation has to offer as well as their benefits and best practices.http://vimeo.com/33437222

SenchaCon 2011: MVC in Depth

A two-part journey through the recommended patterns for building complex, Model-View-Controller-centric applications with both Ext JS 4 and Sencha Touch.

http://vimeo.com/33311074
http://vimeo.com/33430731

Ext JS Meetup, August 2011 - MVC done right

Peter Kellner and Ed Spencer present at a local meetup in Silicon Valley: meetup.com/The-San-Francisco-ExtJS-Meetup-Group/events/28760211/

Peter introduces MVC and demonstrates an application he has created with these principles.

Ed shows how to use Ext JS 4's new features to create well-structured applications - and then answers a whole range of questions relating to Sencha and its framework technologies.

You can see Ed's slides at slideshare.net/edspencer/ext-js-4-mvc

[NB a small section of Peter's presentation was not recorded correctly. Also apologies for the sound quality - the meetup was in an open-plan area]

http://vimeo.com/28219285

SenchaCon 2010: Advanced Server Integration with Data and Direct

Many Ext JS developers have yet to take advantage of Ext Direct to directly call server methods from the browser. During this session, you'll learn how to leverage Ext.Direct's existing functionality to make accessing your server data easier while eliminating
common boiler-plate code. This session will spend more time on introductory material. The session repeat on Tuesday will spend more time on advanced material including developing routers, using ColdFusion as an example.

http://vimeo.com/17876920

SenchaCon 2010: Architecting for the Enterprise

Adopting early planning and architectural design strategies is essential to create scalable Enterprise apps that are ready to meet the demands of dynamic workforces, and can scale to meet future business needs. You'll learn how to leverage class-based UI
development within evolving Agile/Waterfall development methodologies and how Ext.Direct, Connect, and Ext.data packages can assist with integration. We'll also review best practices for strong, unit-tested foundation classes that will support your 'next'
enterprise solution.

http://vimeo.com/18309352

http://www.slideshare.net/senchainc/architecting-for-the-enterprise

SenchaCon 2010: Creating CSS3 Animations with Sencha Animator

CSS3 animations are a new tool in the armory of web developers and designers. In this session, we'll walk you through the building blocks of a CSS3 animation and show you how to create them with Sencha Animator, our new CSS3 Animation builder. We'll also
talk about the limitations of today's CSS3 animations, and how to leverage some of the more obscure CSS3 properties to get around them.

http://vimeo.com/17858901