Angular 2 - Ahead of-time Compilation
Download as PPTX, PDF4 likes965 views
This document compares Angular 1, Angular 2 with just-in-time (JIT) compilation, and Angular 2 with ahead-of-time (AOT) compilation. Angular 1 runs everything in the browser, while Angular 2 separates compilation from execution for better performance and size optimization. AOT compilation allows pre-compiling the application code offline for a smaller bundle size and faster bootstrap compared to JIT.
1 of 10
Downloaded 53 times
Ad
Recommended
Performance Optimization In Angular 2
Performance Optimization In Angular 2Eyal Vardi Performance Optimization In Angular 2:
1. High Frequency Problem (tick)
2. High Expressions Problem
Angular 2 Architecture (Bucharest 26/10/2016)
Angular 2 Architecture (Bucharest 26/10/2016)Eyal Vardi In this meetup Eyal Vardi will talk about Angular 2.0 architecture. The session will focus on the main parts of Angular 2.0:
Application Bootstrap
Angular Compiler
Hierarchical Injector
Component Lifecycle Hooks
Change Detector
Renderer
Dynamic component creation
Each part will be explained and analyzed. In some cases we will dive into Angular 2.0 source code. Our purpose is to list the Do's & Don’ts of Angular.
The session is mostly targeted for developers which already have some experience with Angular 2.0.
Http Communication in Angular 2.0
Http Communication in Angular 2.0Eyal Vardi This document defines an Angular module that imports HttpModule and other modules. It declares AppComponent and exports AppModule class. It also defines a UserProxy service that uses Http client to make a GET request and return an Observable. It maps the response through several steps to return a list of users. It also shows how to add interceptors, headers, and handle errors for Http requests.
Angular 2 Architecture
Angular 2 ArchitectureEyal Vardi In this meetup Eyal Vardi will talk about Angular 2.0 architecture. The session will focus on the main parts of Angular 2.0:
Application Bootstrap
Angular Compiler
Hierarchical Injector
Component Lifecycle Hooks
Change Detector
Renderer
Angular 2.0 & jQuery
Dynamic component creation
Tips & Tricks
Each part will be explained and analyzed. In some cases we will dive into Angular 2.0 source code. Our purpose is to list the Do's & Don’ts of Angular.
The session is mostly targeted for developers which already have some experience with Angular 2.0.
Modules and injector
Modules and injectorEyal Vardi The document discusses AngularJS modules and dependency injection. It explains that modules allow grouping of related code, and the injector resolves dependencies. It provides examples of defining modules, registering components, and the injector loading modules and resolving dependencies.
Template syntax in Angular 2.0
Template syntax in Angular 2.0Eyal Vardi This document contains code snippets that demonstrate different Angular data binding syntax and features, including property, event, two-way, attribute, class, and style bindings. It also shows structural directives like *ngIf, *ngFor, and ngSwitch, as well as template references and local variables.
Angular 2.0 forms
Angular 2.0 formsEyal Vardi This document provides an overview of Angular's template-driven and model-driven forms. It describes the key directives, classes, and interfaces used for building forms in Angular. It explains how to add validation, track form state, create custom validators, and tie forms to components and templates. The document also demonstrates how to set up two-way data binding between forms and models using directives like ngModel, ngFormControl, and ngForm.
Angular 1.x vs. Angular 2.x
Angular 1.x vs. Angular 2.xEyal Vardi This document summarizes the key steps in bootstrapping an Angular application:
1. Create the platform injector with browser providers
2. Create the application injector with browser app providers and custom providers
3. Bootstrap the root component, which compiles the component, runs change detection, and creates component classes
Routing And Navigation
Routing And NavigationEyal Vardi The Angular Component Router enables navigation from one view to the next as users perform application tasks.
Databinding and Performance-Tuning in Angular 2
Databinding and Performance-Tuning in Angular 2Manfred Steyer This document summarizes a presentation about improving performance in Angular 2 applications. It discusses how databinding works through property and event bindings. It recommends using immutable objects and Observables to improve change detection performance. Components can set ChangeDetectionStrategy.OnPush to tell Angular to only check for changes if input properties are new immutable objects rather than traversing the whole component tree by default.
Upgrading from Angular 1.x to Angular 2.x
Upgrading from Angular 1.x to Angular 2.xEyal Vardi Having an existing Angular 1 application doesn't mean that we can't begin enjoying everything Angular 2 has to offer. That's because Angular 2 comes with built-in tools for migrating Angular 1 projects over to the Angular 2 platform.
Angular 2.0 Dependency injection
Angular 2.0 Dependency injectionEyal Vardi This document discusses dependency injection in Angular. It shows how to create injectors that provide dependencies to injectables. It demonstrates hierarchical injectors where child injectors inherit from parent injectors. It also covers how to provide dependencies through the @Injectable decorator, modules, and directly in the bootstrap process. View injectors are discussed as well as querying for dependencies from components, directives and templates.
Angular 2 NgModule
Angular 2 NgModuleEyal Vardi The document discusses Angular modules and NgModules. It shows different types of NgModule declarations including components, directives, and pipes. It also shows the different NgModule metadata properties like imports, exports, declarations, and providers. It demonstrates how modules can import and export declarations and how modules are loaded within the application injector.
AngularJS $Provide Service
AngularJS $Provide ServiceEyal Vardi The document discusses the different types of services that can be created and registered in AngularJS - factories, services, providers, values and constants. It explains how each type is registered through functions like factory(), service(), provider(), value() and constant(). It also summarizes how the different service types are instantiated and made available to modules at configuration vs run time.
AngularJS Compile Process
AngularJS Compile ProcessEyal Vardi This document summarizes the process of compiling directives in AngularJS. It begins by describing how directives are defined with directive definition objects (DDOs). It then outlines the compilation process, which involves collecting all the directives on a node, executing their templates and compile functions, linking controllers and linking pre and post functions. The compilation process recurses through child nodes. Finally, it shows how $compile is used to bootstrap Angular on a page and kick off the compilation.
Component lifecycle hooks in Angular 2.0
Component lifecycle hooks in Angular 2.0Eyal Vardi The document discusses Angular change detection and lifecycle hooks. It provides examples of using change detection strategies like OnPush, examples of implementing DoCheck to watch for changes, and summaries of the different lifecycle hooks and when they are called.
AngularJS Internal
AngularJS InternalEyal Vardi AngularJS uses a compile process to link directives and scopes. During compilation, it executes factory functions, template functions, compile functions, controllers, pre-link functions and post-link functions for each directive. This process recursively compiles child elements. The compiled output can then be linked with a scope during the linking phase to instantiate the directive.
Angular 2.0 Routing and Navigation
Angular 2.0 Routing and NavigationEyal Vardi The document discusses Angular 2 routing and provides examples of:
1) Configuring routes using RouteConfig and defining components for each route
2) Passing route parameters and generating links
3) Lifecycle hooks for routing like CanActivate, OnActivate, etc. and using them for authorization
Angular 2.0 Views
Angular 2.0 ViewsEyal Vardi The document describes how Angular templates are rendered with local variables and bindings. It shows an example Greeter component with an input and greeting property. The component's template is rendered with a Greeter instance and a local name variable bound to the input. Expressions in the template first check locals then the component class properties. Other examples show ngFor rendering a list and encapsulated shadow DOM rendering.
AngularJs $provide API internals & circular dependency problem.
AngularJs $provide API internals & circular dependency problem.Yan Yankowski The document provides an overview of AngularJS dependency injection and the $provide service. It explains the differences between providers, factories, services, values, constants, and decorators. It describes how $provide registers these items in the providerCache and instanceCache and instantiates them lazily through the $injector. Circular dependencies can cause errors since items point to each other before being fully instantiated.
준비하세요 Angular js 2.0
준비하세요 Angular js 2.0Jeado Ko AngularJS 2.0 aims to improve performance, support modern web standards like ES6, and have an easier programming model compared to AngularJS 1.x. Key changes include dropping controllers and scopes in favor of components as the fundamental building block. Templates will use property and event binding rather than directives. AtScript is a new syntax that adds types, annotations and introspection to ES6 for better development experience.
Symfony2 Building on Alpha / Beta technology
Symfony2 Building on Alpha / Beta technologyDaniel Knell Presentation i gave at londonweb august on building a site on what turned out to be 12 preview, 5 beta, 6 RC and a final release of Symfony 2.
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte IVisual Engineering Workshop AngularJS (1/3):
Funcionalidades que trae AngularJS de fábrica
Presentado por ings: Cristina Hernández, Roger Vilà
AngularJS Architecture
AngularJS ArchitectureEyal Vardi AngularJS uses a compile function to parse HTML into DOM elements and compile directives. The compile function sorts directives by priority and executes their compile and link functions to connect the scope to the DOM. It recursively compiles child elements. This allows directives to manipulate DOM elements and register behavior.
AngularJS Basics with Example
AngularJS Basics with ExampleSergey Bolshchikov This document provides a summary of the AngularJS framework. It discusses the following key points in 3 sentences:
1. AngularJS aims to make HTML better suited for building applications by teaching the browser new syntax like directives. This allows more of the application logic to be handled in the declarative HTML instead of JavaScript code.
2. Angular follows an MVC pattern where the controller contains the business logic and data, the view displays the data through bindings, and the scope acts as a synchronization mechanism between the model and view.
3. Features like data binding, directives, dependency injection and routing allow building dynamic and interactive single-page applications by synchronizing the model and view through declarative templates and separating concerns
AngularJS Services
AngularJS ServicesEyal Vardi The document discusses AngularJS $http service and promises. It shows how to make GET and POST requests with $http, configure headers, intercept responses, and handle success and error callbacks with promises. It also covers using the $resource service to encapsulate RESTful requests and responses into objects and shows how to inject dependencies into controllers and services.
AngularJS - $http & $resource Services
AngularJS - $http & $resource ServicesEyal Vardi This document discusses the AngularJS $http service and how it can be used to make AJAX requests. It shows examples of making GET and POST requests using $http, configuring headers, intercepting requests/responses, caching responses, and using the $resource service to create resources that can be used to interact with RESTful APIs.
AngularJS Directives
AngularJS DirectivesEyal Vardi This document discusses AngularJS directives and scopes. It provides examples of:
- Defining directives with isolate scopes that bind to parent scope properties using '@' for interpolation, '=' for two-way binding, and '&' for function execution.
- How child/isolate scopes inherit from parent scopes but can overwrite properties, while objects and arrays are shared by reference between parent and child.
- Using $parent to reference properties on the parent scope from within an isolate/child scope.
- The compilation process where directives are sorted and linked.
So in summary, it covers the key concepts of isolate scopes, prototypal inheritance and how directives are compiled in AngularJS.
ElasticSearch - basic introduction (programmer point of view)
ElasticSearch - basic introduction (programmer point of view)Ziv Birer This document outlines the indexing process for various item types including names, images, tables, and more. It describes taking a document, analyzing it to extract entities, and building an index to allow for searching and scoring related to that document. The process also utilizes previous search runs and displays results in a dashboard.
Angular2 compiler
Angular2 compilerZiv Birer Angular 2 compilation involves compiling templates into JavaScript/TypeScript classes either ahead-of-time (AoT) during build or just-in-time (JiT) at runtime. The AoT compiler optimizes the output by tree-shaking unused components for smaller bundles that boost performance. At runtime, change detection efficiently updates only impacted DOM elements by comparing values through the most optimized method.
Ad
More Related Content
What's hot (20)
Routing And Navigation
Routing And NavigationEyal Vardi The Angular Component Router enables navigation from one view to the next as users perform application tasks.
Databinding and Performance-Tuning in Angular 2
Databinding and Performance-Tuning in Angular 2Manfred Steyer This document summarizes a presentation about improving performance in Angular 2 applications. It discusses how databinding works through property and event bindings. It recommends using immutable objects and Observables to improve change detection performance. Components can set ChangeDetectionStrategy.OnPush to tell Angular to only check for changes if input properties are new immutable objects rather than traversing the whole component tree by default.
Upgrading from Angular 1.x to Angular 2.x
Upgrading from Angular 1.x to Angular 2.xEyal Vardi Having an existing Angular 1 application doesn't mean that we can't begin enjoying everything Angular 2 has to offer. That's because Angular 2 comes with built-in tools for migrating Angular 1 projects over to the Angular 2 platform.
Angular 2.0 Dependency injection
Angular 2.0 Dependency injectionEyal Vardi This document discusses dependency injection in Angular. It shows how to create injectors that provide dependencies to injectables. It demonstrates hierarchical injectors where child injectors inherit from parent injectors. It also covers how to provide dependencies through the @Injectable decorator, modules, and directly in the bootstrap process. View injectors are discussed as well as querying for dependencies from components, directives and templates.
Angular 2 NgModule
Angular 2 NgModuleEyal Vardi The document discusses Angular modules and NgModules. It shows different types of NgModule declarations including components, directives, and pipes. It also shows the different NgModule metadata properties like imports, exports, declarations, and providers. It demonstrates how modules can import and export declarations and how modules are loaded within the application injector.
AngularJS $Provide Service
AngularJS $Provide ServiceEyal Vardi The document discusses the different types of services that can be created and registered in AngularJS - factories, services, providers, values and constants. It explains how each type is registered through functions like factory(), service(), provider(), value() and constant(). It also summarizes how the different service types are instantiated and made available to modules at configuration vs run time.
AngularJS Compile Process
AngularJS Compile ProcessEyal Vardi This document summarizes the process of compiling directives in AngularJS. It begins by describing how directives are defined with directive definition objects (DDOs). It then outlines the compilation process, which involves collecting all the directives on a node, executing their templates and compile functions, linking controllers and linking pre and post functions. The compilation process recurses through child nodes. Finally, it shows how $compile is used to bootstrap Angular on a page and kick off the compilation.
Component lifecycle hooks in Angular 2.0
Component lifecycle hooks in Angular 2.0Eyal Vardi The document discusses Angular change detection and lifecycle hooks. It provides examples of using change detection strategies like OnPush, examples of implementing DoCheck to watch for changes, and summaries of the different lifecycle hooks and when they are called.
AngularJS Internal
AngularJS InternalEyal Vardi AngularJS uses a compile process to link directives and scopes. During compilation, it executes factory functions, template functions, compile functions, controllers, pre-link functions and post-link functions for each directive. This process recursively compiles child elements. The compiled output can then be linked with a scope during the linking phase to instantiate the directive.
Angular 2.0 Routing and Navigation
Angular 2.0 Routing and NavigationEyal Vardi The document discusses Angular 2 routing and provides examples of:
1) Configuring routes using RouteConfig and defining components for each route
2) Passing route parameters and generating links
3) Lifecycle hooks for routing like CanActivate, OnActivate, etc. and using them for authorization
Angular 2.0 Views
Angular 2.0 ViewsEyal Vardi The document describes how Angular templates are rendered with local variables and bindings. It shows an example Greeter component with an input and greeting property. The component's template is rendered with a Greeter instance and a local name variable bound to the input. Expressions in the template first check locals then the component class properties. Other examples show ngFor rendering a list and encapsulated shadow DOM rendering.
AngularJs $provide API internals & circular dependency problem.
AngularJs $provide API internals & circular dependency problem.Yan Yankowski The document provides an overview of AngularJS dependency injection and the $provide service. It explains the differences between providers, factories, services, values, constants, and decorators. It describes how $provide registers these items in the providerCache and instanceCache and instantiates them lazily through the $injector. Circular dependencies can cause errors since items point to each other before being fully instantiated.
준비하세요 Angular js 2.0
준비하세요 Angular js 2.0Jeado Ko AngularJS 2.0 aims to improve performance, support modern web standards like ES6, and have an easier programming model compared to AngularJS 1.x. Key changes include dropping controllers and scopes in favor of components as the fundamental building block. Templates will use property and event binding rather than directives. AtScript is a new syntax that adds types, annotations and introspection to ES6 for better development experience.
Symfony2 Building on Alpha / Beta technology
Symfony2 Building on Alpha / Beta technologyDaniel Knell Presentation i gave at londonweb august on building a site on what turned out to be 12 preview, 5 beta, 6 RC and a final release of Symfony 2.
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte IVisual Engineering Workshop AngularJS (1/3):
Funcionalidades que trae AngularJS de fábrica
Presentado por ings: Cristina Hernández, Roger Vilà
AngularJS Architecture
AngularJS ArchitectureEyal Vardi AngularJS uses a compile function to parse HTML into DOM elements and compile directives. The compile function sorts directives by priority and executes their compile and link functions to connect the scope to the DOM. It recursively compiles child elements. This allows directives to manipulate DOM elements and register behavior.
AngularJS Basics with Example
AngularJS Basics with ExampleSergey Bolshchikov This document provides a summary of the AngularJS framework. It discusses the following key points in 3 sentences:
1. AngularJS aims to make HTML better suited for building applications by teaching the browser new syntax like directives. This allows more of the application logic to be handled in the declarative HTML instead of JavaScript code.
2. Angular follows an MVC pattern where the controller contains the business logic and data, the view displays the data through bindings, and the scope acts as a synchronization mechanism between the model and view.
3. Features like data binding, directives, dependency injection and routing allow building dynamic and interactive single-page applications by synchronizing the model and view through declarative templates and separating concerns
AngularJS Services
AngularJS ServicesEyal Vardi The document discusses AngularJS $http service and promises. It shows how to make GET and POST requests with $http, configure headers, intercept responses, and handle success and error callbacks with promises. It also covers using the $resource service to encapsulate RESTful requests and responses into objects and shows how to inject dependencies into controllers and services.
AngularJS - $http & $resource Services
AngularJS - $http & $resource ServicesEyal Vardi This document discusses the AngularJS $http service and how it can be used to make AJAX requests. It shows examples of making GET and POST requests using $http, configuring headers, intercepting requests/responses, caching responses, and using the $resource service to create resources that can be used to interact with RESTful APIs.
AngularJS Directives
AngularJS DirectivesEyal Vardi This document discusses AngularJS directives and scopes. It provides examples of:
- Defining directives with isolate scopes that bind to parent scope properties using '@' for interpolation, '=' for two-way binding, and '&' for function execution.
- How child/isolate scopes inherit from parent scopes but can overwrite properties, while objects and arrays are shared by reference between parent and child.
- Using $parent to reference properties on the parent scope from within an isolate/child scope.
- The compilation process where directives are sorted and linked.
So in summary, it covers the key concepts of isolate scopes, prototypal inheritance and how directives are compiled in AngularJS.
Viewers also liked (17)
ElasticSearch - basic introduction (programmer point of view)
ElasticSearch - basic introduction (programmer point of view)Ziv Birer This document outlines the indexing process for various item types including names, images, tables, and more. It describes taking a document, analyzing it to extract entities, and building an index to allow for searching and scoring related to that document. The process also utilizes previous search runs and displays results in a dashboard.
Angular2 compiler
Angular2 compilerZiv Birer Angular 2 compilation involves compiling templates into JavaScript/TypeScript classes either ahead-of-time (AoT) during build or just-in-time (JiT) at runtime. The AoT compiler optimizes the output by tree-shaking unused components for smaller bundles that boost performance. At runtime, change detection efficiently updates only impacted DOM elements by comparing values through the most optimized method.
Making Angular2 lean and Fast
Making Angular2 lean and FastVinci Rufus This document discusses how Angular2 aims to make applications fast and lean. It highlights several techniques Angular2 uses such as ahead-of-time compilation, lazy loading of routes, unidirectional data flow, and tree shaking that help reduce bundle size and improve performance. Universal rendering is also discussed as a way to eliminate the initial loading delay by pre-rendering pages on the server.
Node.js Socket.IO
Node.js Socket.IOEyal Vardi The document discusses websockets and socket.io. It provides code examples for setting up a basic websocket server in Node.js using the socket.io library, connecting to it from an HTML client, and emitting and receiving events. It also gives examples of socket.io features like namespaces, rooms, and integrating socket.io with AngularJS.
Node.js File system & Streams
Node.js File system & StreamsEyal Vardi The document discusses Node.js streams and provides examples of how to create and use streams. It explains that streams are used for operations involving files, TCP sockets, child processes, and more. Examples are given for creating readable and writable streams, piping streams together, gzip compression with streams, and implementing the readable stream interface. Stream classes like Readable, Writable, Duplex and Transform are also briefly explained.
Node js overview
Node js overviewEyal Vardi The document discusses JavaScript and Node.js. It includes quotes about JavaScript's growing use and influence. It also discusses Node.js features like non-blocking I/O and core modules. Key aspects of the Node.js module system and asynchronous code are explained through examples. Common Node.js APIs, utilities, and the ecosystem are briefly outlined.
Node.js Event Emitter
Node.js Event EmitterEyal Vardi The document discusses using Node.js events and the EventEmitter class. It shows examples of creating EventEmitters, adding event listeners, emitting events, checking the number of listeners, and emitting events to all listeners. It also shows an example of creating a class that inherits from EventEmitter to add event-driven functionality for reading a file.
Async & Parallel in JavaScript
Async & Parallel in JavaScriptEyal Vardi The document contains code snippets and explanations related to asynchronous programming and promises in JavaScript. It discusses using promises to handle asynchronous operations sequentially and handle errors through chaining promises with .then() and .catch() methods. Examples are provided for converting callback-based asynchronous code to a promise-based approach to make the code flatter and easier to read.
Introducing Razor - A new view engine for ASP.NET 
Introducing Razor - A new view engine for ASP.NET Shiju Varghese This document introduces Razor, a new view engine for ASP.NET that provides a simplified syntax for generating HTML from code. It discusses how Razor can be used in ASP.NET Web Pages and MVC 3 views, and demonstrates some Razor syntax including the @ character, loops, inline code expressions, layout pages, and helpers. The presenter is then introduced as a Microsoft MVP on ASP.NET who will demonstrate Razor syntax in an ASP.NET MVC 3 application.
Razor and the Art of Templating
Razor and the Art of TemplatingJess Chadwick Though I deliberately went easy on the slides and heavy on the code, there might be a few nuggets in here so I'm posting it anyway. Enjoy!
Angular 2.0 Pipes
Angular 2.0 PipesEyal Vardi This document contains code examples of custom pipes in Angular. It defines an exponential strength pipe that takes a value and exponent, a pipe that fetches JSON data from a URL, and components that use these pipes to transform values and data. The exponential pipe powers a number by the given exponent. The fetch pipe retrieves JSON from a URL only once and caches the result. Components apply these pipes to bind data and transform values in their templates.
Views
ViewsEyal Vardi The document discusses Razor syntax in MVC views. It covers the basics of Razor syntax including inline code and blocks, comments, master pages, partial views, and HTML helpers. It also compares Razor to ASPX syntax and describes how to pass data between views and layouts using sections and the PageData collection.
Node.js Spplication Scaling
Node.js Spplication ScalingEyal Vardi The document discusses using Node.js clustering to create a basic HTTP server that scales across CPU cores. It forks a worker process for each CPU core using the cluster module. Workers listen on port 8000 and log which process ID handles each request.
The Promised Land (in Angular)
The Promised Land (in Angular)Domenic Denicola Promises are a popular pattern for asynchronous operations in JavaScript, existing in some form in every client-side framework in widespread use today. We'll give a conceptual and practical intro to promises in general, before moving on to talking about how they fit into Angular. If you've ever wondered what exactly $q was about, this is the place to learn!
Async Frontiers
Async FrontiersDomenic Denicola Slowly but surely, promises have spread throughout the JavaScript ecosystem, standardized by ES 2015 and embraced by the web platform. But the world of asynchronous programming contains more patterns than the simple single-valued async function call that promises represent. What about things like streams, observables, async iterators—or even just cancelable promises? How do they fit, both in the conceptual landscape and in your day-to-day programming?
For the last year, I've been working to bring an implementation of I/O streams to the browser. Meanwhile, designs for a cancelable promise type (sometimes called "tasks") are starting to form, driven by the needs of web platform APIs. And TC39 has several proposals floating around for more general asynchronous iteration. We'll learn about these efforts and more, as I guide you through the frontiers of popular libraries, language design, and web standards.
Boom! Promises/A+ Was Born
Boom! Promises/A+ Was BornDomenic Denicola (Presented at JSConf US 2013. Be sure to check out the speaker notes!)
Frustration, a rant, a test suite, a gist. Then, community awesomeness. Boom! Promises/A+ was born.
Promise are an old idea for abstracting asynchronous code, but have only recently made their way into JavaScript. We'll look at the power they provide via two striking examples that go beyond the usual "escape from callback hell" snippets. First we'll show how, with ES6 generators, they can act as shallow coroutines to give us back code just as simple as its synchronous counterpart. Then we'll look at how they can be used as proxies for remote objects, across <iframe>, worker, or web socket boundaries.
However, the most interesting aspect of Promises/A+ is not just the code it enables, but how we worked to create it. We didn't join a standards body, but instead formed a GitHub organization. We had no mailing list, only an issue tracker. We submitted pull requests, made revisions, debated versions tags, etc.—all in the open, on GitHub. And, we succeeded! Promises/A+ is widely used and implemented today, with its extensible core forming the starting point of any discussions about promises. Indeed, this community-produced open standard has recently been informing the incorporation of promises into ECMAScript and the DOM. I'd like to share the story of how this happened, the lessons we learned along the way, and speculate on the role such ad-hoc, community-driven, and completely open specifications have for the future of the web.
Ad
Similar to Angular 2 - Ahead of-time Compilation (20)
Android and the Seven Dwarfs from Devox'15
Android and the Seven Dwarfs from Devox'15Murat Yener Android and the Seven Dwarfs from Devox'15
Butterknife
Dagger
Volley / OkHttp / Retrofit
GreenBus / Otto
GreenDAO / Schematic
Priority JobQueue
Timber / Hugo
Retrolambda
JavaScript Basics
JavaScript BasicsMats Bryntse The document provides an overview of JavaScript, covering what it is, its basics, functions, objects, prototypes, scope, asynchronous JavaScript, JSON, debugging tools, performance, events, error handling, and the future of JavaScript. It discusses that JavaScript is an object-oriented scripting language used in web pages that is not tied to specific browsers but makes use of the DOM, BOM, and ECMAScript standards. It also summarizes some of JavaScript's core features like functions, objects, prototypes, and more.
JavaScript Growing Up
JavaScript Growing UpDavid Padbury JavaScript is evolving with the addition of modules, platform consistency, and harmony features. Modules allow JavaScript code to be organized and avoid naming collisions. CommonJS and AMD module formats are used widely. Platform consistency is improved through polyfills that mimic future APIs for older browsers. Harmony brings language-level modules and features like destructuring assignment, default parameters, and promises to JavaScript. Traceur compiles Harmony code to existing JavaScript.
Workshop 23: ReactJS, React & Redux testing
Workshop 23: ReactJS, React & Redux testingVisual Engineering Workshop ReactJS. React & Redux Testing
- JavaScript Testing (remember)
- Testing React applications (what's different)
- React test utilities
- Enzyme (JavaScript Testing utility for React)
- Hands on code
Presentado por ingenieros Mario García y Cristina Hernández
From Legacy to Hexagonal (An Unexpected Android Journey)
From Legacy to Hexagonal (An Unexpected Android Journey)Jose Manuel Pereira Garcia Esta charla comprende las lecciones aprendidas convirtiendo la app de Android de Teambox (una app repleta de deuda técnica y con un alto nivel de acoplamiento entre clases), en la versión actual de Redbooth, que intenta cumplir la arquitectura Hexagonal y los principios SOLID. Durante la exposición explicaremos como fuimos desenredando el código paso a paso; como aplicamos por partes los conceptos de la arquitectura hexagonal; como dejamos de lado componentes del framework de Android que dificultaban el mantenimiento de la app; y que errores cometimos, como los solucionamos y como se podrían haber evitado.
Reactive, component 그리고 angular2
Reactive, component 그리고 angular2Jeado Ko This document discusses Reactive programming and Angular 2 components. It introduces Observables and how they can be used to handle asynchronous data streams in a reactive way. It provides examples of creating Observables from events, iterables, and intervals. It also discusses how Observables can be used in Angular 2 to reactively process and display asynchronous data.
Android - Anatomy of android elements & layouts
Android - Anatomy of android elements & layoutsVibrant Technologies & Computers This document provides an overview of the key elements and anatomy of an Android application. It discusses the core components such as activities, intents, services, broadcast receivers and notifications. It also covers common UI elements and layouts like linear layout, relative layout, grid view and list view. Additionally, it explains concepts like events, menus, widgets and the use of resources and manifest file. The document serves as a quick introduction for developers to understand the basic building blocks required for Android application development.
Building Modern Apps using Android Architecture Components
Building Modern Apps using Android Architecture ComponentsHassan Abid Android architecture components are part of Android Jetpack. They are a collection of libraries that help you design robust, testable, and maintainable apps. In this talk, We will cover LiveData, ViewModel, Room and lifecycle components. We will go through practical code example to understand modern android app architecture especially MVVM architecture.
soft-shake.ch - Hands on Node.js
soft-shake.ch - Hands on Node.jssoft-shake.ch Mathilde Lemée & Romain Maton
La théorie, c’est bien, la pratique … aussi !
Venez nous rejoindre pour découvrir les profondeurs de Node.js !
Nous nous servirons d’un exemple pratique pour vous permettre d’avoir une premiere experience complete autour de Node.js et de vous permettre de vous forger un avis sur ce serveur Javascript qui fait parler de lui !
http://soft-shake.ch/2011/conference/sessions/incubator/2011/09/01/hands-on-nodejs.html
AkJS Meetup - ES6++
AkJS Meetup - ES6++Isaac Johnston The document discusses new features introduced in ECMAScript (ES) 6 and beyond, including block scoping, default parameter values, rest parameters, template strings, modules, classes, symbols, iterators, generators, array and object destructuring, spread syntax, and more. ES6 was finalized in 2015 and introduced many new syntax and API additions to JavaScript. Future versions of ES, such as ES7 and ES8, have continued to evolve the language with additional features like async functions. Tools like Babel and TypeScript allow using these new JavaScript features today by compiling code to older JavaScript versions.
What's new in Java EE 6
What's new in Java EE 6Antonio Goncalves The document provides an overview of new concepts and features in Java EE 6, including profiles like Web Profile 1.0 that define subsets of the platform, new specifications like Managed Beans 1.0 and Interceptors 1.1, and updates to existing specifications such as EJB 3.1, JPA 2.0, Servlet 3.0, and JSF 2.0. It discusses concepts like pruning of specifications, portable JNDI names, embeddable containers, and the move of Facelets as the preferred view definition language for JSF.
Use Eclipse technologies to build a modern embedded IDE
Use Eclipse technologies to build a modern embedded IDEBenjamin Cabé This document discusses requirements for developing an embedded integrated development environment (IDE) using Eclipse technologies. It describes using Eclipse Modeling Framework (EMF) to model embedded projects. It also discusses using EMF validation, Graphical Modeling Framework (GMF) editors, Xpand for code generation, and the CDT and DLTK plugins for code editing. The IDE will integrate model and code editing with compilation, communication with targets via the Target Communication Framework (TCF) and Remote System Explorer (RSE). The goal is to leverage the Eclipse ecosystem to quickly create a complex IDE environment focused on embedded development.
IOC + Javascript
IOC + JavascriptBrian Cavalier The document discusses integrating Inversion of Control (IOC) concepts into JavaScript applications. It describes how to build modular components using Asynchronous Module Definition (AMD) and CommonJS module formats. It advocates for separating components from their dependencies and connections using an application composition layer. This allows for looser coupling between components, improved testability, and more flexibility to change implementations. It also covers topics like asynchronous programming, dependency injection, and aspect-oriented programming as ways to further decouple components and manage complexity in JavaScript applications.
Asynchronous Module Definition (AMD)
Asynchronous Module Definition (AMD)xMartin12 AMD (Asynchronous Module Definition) is JavaScript's missing module system for the browser. It's a cosmos of interoperability, efficient loading, dependency resolution, code optimization, etc.
At excentos we're using it as part of the Dojo Toolkit to organize our single-page product advisor web apps.
I will give a short introduction to the concept and some tools and I'm going to explain why everyone with a reasonably-sized code base should adopt it.
Ajax toolkit framework
Ajax toolkit frameworkSunil Kumar The document discusses the AJAX Toolkit Framework (ATF), an open-source Eclipse plugin that provides tools for developing AJAX applications. It includes components like a JavaScript editor, debugger, embedded browser, DOM inspection tools, and a personality builder for customizing the framework for specific AJAX toolkits. The ATF aims to facilitate AJAX development and allow tooling to be added for various AJAX runtimes.
GHC Participant Training
GHC Participant TrainingAidIQ The document discusses the Sahana Eden emergency development environment. It provides an overview of key concepts like the model-view-controller architecture and describes how to build a new module for incident reporting with models, controllers and views. Instructions are given for setting up the development environment and performing common tasks like defining data models, creating forms and joining resources.
Annotation Processing
Annotation ProcessingJintin Lin Annotation processing allows generating code at compile time by labeling code elements with annotations. It involves three main modules: a library module containing annotated code elements, a processor module containing the annotation processor, and an annotation module defining the annotations. The processor parses the annotated elements, allows accessing their properties, and can generate any code files. This allows automating boilerplate tasks like generating view holders for recycler views based on layout files annotated with adapter and view holder definitions.
Sharper Better Faster Dagger ‡ - Droidcon SF
Sharper Better Faster Dagger ‡ - Droidcon SFPierre-Yves Ricau Slides for our (John Rodriguez and myself) talk at Droidcon SF: http://sf.droidcon.com/schedule
For the past 3 years, Square Register Android has leveraged Dagger † to wire up Java objects. However, the app scope hierarchy and complexity increased and we started having bugs and crashes related to scoping errors. This talk will show how to structure an app around Dagger2 ‡ and present a strategy for incrementally migrating from Dagger1 to Dagger2.
Android RenderScript
Android RenderScriptJungsoo Nam RenderScript is a high-performance computation API that allows apps to run operations with automatic parallelization across CPU and GPU cores. It provides access to these features without needing to write code for different architectures or processor types. RenderScript code is compiled at runtime, so apps do not need to be recompiled for different devices. The document provides an overview of RenderScript and its system, basic usage, entry points, variables, pointers, memory management, and comparisons with OpenGL ES. It also includes examples of using RenderScript for single-image sampling, multi-image sampling, multi-pass effects, and generating a histogram.
Android training in mumbai
Android training in mumbaiCIBIL For more details, please visit: http://vibranttechnologies.co.in/course/android-training-in-mumbai.html
Ad
More from Eyal Vardi (10)
Why magic
Why magicEyal Vardi Nuget 2018 focused on traditional request/response for all rendered content and assets with initial requests loading necessary scripts and view models. Full-stack web development can now be done with C# and WebAssembly, allowing a single codebase to work across the web, mobile, and desktop with Angular providing a single framework. The UI Services protocol separates UI logic from services/data with events and triggers updating UI models driven by expression scripts.
Smart Contract
Smart ContractEyal Vardi This document provides an overview of the layers of a blockchain network, including the application UI layer, P2P network layer, and EVM layer. It also mentions that blockchain technology will soon be a foundational component of distributed enterprise and consumer applications.
Modules in ECMAScript 6.0
Modules in ECMAScript 6.0Eyal Vardi The document contains information about JavaScript modules and imports/exports. It discusses exporting functions, renaming exports, default exports, named exports, importing all exports as an object, and dynamically importing modules using promises. Copyright and contact information for Eyal Vardi is provided at the beginning and end.
Proxies in ECMAScript 6.0
Proxies in ECMAScript 6.0Eyal Vardi The document discusses the Proxy API in JavaScript, which allows defining custom behavior for fundamental operations like property lookup, assignment, enumeration, function invocation and more. It provides examples of using handlers with traps for operations like get, set, deleteProperty, and others to intercept and process operations on a proxy object. The Proxy API allows creating wrappers which can implement custom logic or validation before operations on the target object.
Iterators & Generators in ECMAScript 6.0
Iterators & Generators in ECMAScript 6.0Eyal Vardi The document discusses JavaScript iterators and generators. It provides examples of using for-of loops to iterate over arrays, sets, custom iterator objects, and generator functions. Generator functions allow asynchronous code to be written in a synchronous style by using yield.
Symbols in ECMAScript 6.0
Symbols in ECMAScript 6.0Eyal Vardi The document discusses the Symbol data type in JavaScript, which provides unique identifiers for object properties. Symbol values can be used as identifiers for object properties, and Symbols are not enumerable, so property names using Symbols will not show up in for-in loops or Object.keys(). The document shows examples of creating Symbols and using them to set unique, non-enumerable properties on objects. It also discusses using Symbols with the toStringTag method to customize object string representations.
Objects & Classes in ECMAScript 6.0
Objects & Classes in ECMAScript 6.0Eyal Vardi The document contains code snippets demonstrating JavaScript features including class syntax, inheritance, prototypes, object properties, methods, and more. It also contains links to resources on ECMAScript 6 specifications and new JavaScript features. The document appears to be notes or examples from a presentation or tutorial on modern JavaScript and ES6.
Scope & Functions in ECMAScript 6.0
Scope & Functions in ECMAScript 6.0Eyal Vardi This document contains information about JavaScript scope and closures. It includes code examples demonstrating variable scoping, hoisting, closures, the this keyword, and other JavaScript concepts. The document is authored by Eyal Vardi and contains his contact information.
Node.js Express
Node.js ExpressEyal Vardi The document discusses Node.js and Express.js concepts for building web servers and applications. It includes examples of creating HTTP servers, routing requests, using middleware, handling errors, templating with views and layouts, and separating code into models and routes.
Recently uploaded (20)
Linux Support for SMARC: How Toradex Empowers Embedded Developers
Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex Toradex brings robust Linux support to SMARC (Smart Mobility Architecture), ensuring high performance and long-term reliability for embedded applications. Here’s how:
• Optimized Torizon OS & Yocto Support – Toradex provides Torizon OS, a Debian-based easy-to-use platform, and Yocto BSPs for customized Linux images on SMARC modules.
• Seamless Integration with i.MX 8M Plus and i.MX 95 – Toradex SMARC solutions leverage NXP’s i.MX 8 M Plus and i.MX 95 SoCs, delivering power efficiency and AI-ready performance.
• Secure and Reliable – With Secure Boot, over-the-air (OTA) updates, and LTS kernel support, Toradex ensures industrial-grade security and longevity.
• Containerized Workflows for AI & IoT – Support for Docker, ROS, and real-time Linux enables scalable AI, ML, and IoT applications.
• Strong Ecosystem & Developer Support – Toradex offers comprehensive documentation, developer tools, and dedicated support, accelerating time-to-market.
With Toradex’s Linux support for SMARC, developers get a scalable, secure, and high-performance solution for industrial, medical, and AI-driven applications.
Do you have a specific project or application in mind where you're considering SMARC? We can help with Free Compatibility Check and help you with quick time-to-market
For more information: https://www.toradex.com/computer-on-modules/smarc-arm-family
Mobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi ArabiaSteve Jonas EmizenTech is a globally recognized software development company, proudly serving businesses since 2013. With over 11+ years of industry experience and a team of 200+ skilled professionals, we have successfully delivered 1200+ projects across various sectors. As a leading Mobile App Development Company In Saudi Arabia we offer end-to-end solutions for iOS, Android, and cross-platform applications. Our apps are known for their user-friendly interfaces, scalability, high performance, and strong security features. We tailor each mobile application to meet the unique needs of different industries, ensuring a seamless user experience. EmizenTech is committed to turning your vision into a powerful digital product that drives growth, innovation, and long-term success in the competitive mobile landscape of Saudi Arabia.
Cyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of securityriccardosl1 Cyber awareness training educates employees on risk associated with internet and malicious emails
HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungen
HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-und-verwaltung-von-multiuser-umgebungen/
HCL Nomad Web wird als die nächste Generation des HCL Notes-Clients gefeiert und bietet zahlreiche Vorteile, wie die Beseitigung des Bedarfs an Paketierung, Verteilung und Installation. Nomad Web-Client-Updates werden “automatisch” im Hintergrund installiert, was den administrativen Aufwand im Vergleich zu traditionellen HCL Notes-Clients erheblich reduziert. Allerdings stellt die Fehlerbehebung in Nomad Web im Vergleich zum Notes-Client einzigartige Herausforderungen dar.
Begleiten Sie Christoph und Marc, während sie demonstrieren, wie der Fehlerbehebungsprozess in HCL Nomad Web vereinfacht werden kann, um eine reibungslose und effiziente Benutzererfahrung zu gewährleisten.
In diesem Webinar werden wir effektive Strategien zur Diagnose und Lösung häufiger Probleme in HCL Nomad Web untersuchen, einschließlich
- Zugriff auf die Konsole
- Auffinden und Interpretieren von Protokolldateien
- Zugriff auf den Datenordner im Cache des Browsers (unter Verwendung von OPFS)
- Verständnis der Unterschiede zwischen Einzel- und Mehrbenutzerszenarien
- Nutzung der Client Clocking-Funktion
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Impelsys Inc. Impelsys provided a robust testing solution, leveraging a risk-based and requirement-mapped approach to validate ICU Connect and CritiXpert. A well-defined test suite was developed to assess data communication, clinical data collection, transformation, and visualization across integrated devices.
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john Analyze the growth of meme coins from mere online jokes to potential assets in the digital economy. Explore the community, culture, and utility as they elevate themselves to a new era in cryptocurrency.
How Can I use the AI Hype in my Business Context?
How Can I use the AI Hype in my Business Context?Daniel Lehner 𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨?
Everyone’s talking about AI but is anyone really using it to create real value?
Most companies want to leverage AI. Few know 𝗵𝗼𝘄.
✅ What exactly should you ask to find real AI opportunities?
✅ Which AI techniques actually fit your business?
✅ Is your data even ready for AI?
If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.
Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...
Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul Artificial intelligence is changing how businesses operate. Companies are using AI agents to automate tasks, reduce time spent on repetitive work, and focus more on high-value activities. Noah Loul, an AI strategist and entrepreneur, has helped dozens of companies streamline their operations using smart automation. He believes AI agents aren't just tools—they're workers that take on repeatable tasks so your human team can focus on what matters. If you want to reduce time waste and increase output, AI agents are the next move.
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...BookNet Canada Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next.
Link to recording, presentation slides, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/
Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.
tecnologias de las primeras civilizaciones.pdf
tecnologias de las primeras civilizaciones.pdffjgm517 descaripcion detallada del avance de las tecnologias en mesopotamia, egipto, roma y grecia.
Generative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma My talk for the Indian School of Business (ISB) Emerging Leaders Program Cohort 9. In this talk, I discussed key issues around adoption of GenAI in business - benefits, opportunities and limitations. I also discussed how my research on Theory of Cognitive Chasms helps address some of these issues
TrsLabs - Fintech Product & Business Consulting
TrsLabs - Fintech Product & Business ConsultingTrs Labs Hybrid Growth Mandate Model with TrsLabs
Strategic Investments, Inorganic Growth, Business Model Pivoting are critical activities that business don't do/change everyday. In cases like this, it may benefit your business to choose a temporary external consultant.
An unbiased plan driven by clearcut deliverables, market dynamics and without the influence of your internal office equations empower business leaders to make right choices.
Getting things done within a budget within a timeframe is key to Growing Business - No matter whether you are a start-up or a big company
Talk to us & Unlock the competitive advantage
Technology Trends in 2025: AI and Big Data Analytics
Technology Trends in 2025: AI and Big Data AnalyticsInData Labs At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including:
-Artificial Intelligence Market Overview
-Strategies for AI Adoption in 2025
-Anticipated drivers of AI adoption and transformative technologies
-Benefits of AI and Big data for your business
-Tips on how to prepare your business for innovation
-AI and data privacy: Strategies for securing data privacy in AI models, etc.
Download your free copy nowand implement the key findings to improve your business.
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...
TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc Most consumers believe they’re making informed decisions about their personal data—adjusting privacy settings, blocking trackers, and opting out where they can. However, our new research reveals that while awareness is high, taking meaningful action is still lacking. On the corporate side, many organizations report strong policies for managing third-party data and consumer consent yet fall short when it comes to consistency, accountability and transparency.
This session will explore the research findings from TrustArc’s Privacy Pulse Survey, examining consumer attitudes toward personal data collection and practical suggestions for corporate practices around purchasing third-party data.
Attendees will learn:
- Consumer awareness around data brokers and what consumers are doing to limit data collection
- How businesses assess third-party vendors and their consent management operations
- Where business preparedness needs improvement
- What these trends mean for the future of privacy governance and public trust
This discussion is essential for privacy, risk, and compliance professionals who want to ground their strategies in current data and prepare for what’s next in the privacy landscape.
AI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global TrendsInData Labs In this infographic, we explore how businesses can implement effective governance frameworks to address AI data privacy. Understanding it is crucial for developing effective strategies that ensure compliance, safeguard customer trust, and leverage AI responsibly. Equip yourself with insights that can drive informed decision-making and position your organization for success in the future of data privacy.
This infographic contains:
-AI and data privacy: Key findings
-Statistics on AI data privacy in the today’s world
-Tips on how to overcome data privacy challenges
-Benefits of AI data security investments.
Keep up-to-date on how AI is reshaping privacy standards and what this entails for both individuals and organizations.
Rusty Waters: Elevating Lakehouses Beyond Spark
Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1 Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark?
At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍
Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀
Into The Box Conference Keynote Day 1 (ITB2025)
Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp This is the keynote of the Into the Box conference, highlighting the release of the BoxLang JVM language, its key enhancements, and its vision for the future.
Quantum Computing Quick Research Guide by Arthur Morgan
Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan This is a Quick Research Guide (QRG).
QRGs include the following:
- A brief, high-level overview of the QRG topic.
- A milestone timeline for the QRG topic.
- Links to various free online resource materials to provide a deeper dive into the QRG topic.
- Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic.
QRGs planned for the series:
- Artificial Intelligence QRG
- Quantum Computing QRG
- Big Data Analytics QRG
- Spacecraft Guidance, Navigation & Control QRG (coming 2026)
- UK Home Computing & The Birth of ARM QRG (coming 2027)
Any questions or comments?
- Please contact Arthur Morgan at [email protected].
100% human made.
Angular 2 - Ahead of-time Compilation
- 3. Source (browser) Angular 2 (JavaScript) Angular Compiler Parser AST (Abstract Syntax Tree) Template // JIT platformBrowserDynamic() .bootstrapModule(AppModule); SourceCode Bundle Size Slow bootstrap
- 6. Offline compile Tree-shake Minify class AppComponentFactory extends ComponentFactory<DemoApp> { e0, e1, e2, lastName; constructor(private renderer:Renderer, private context: App) { e0 = renderer.createElement(null, 'div'); e1 = renderer.createText(e0, 'Hello '); e2 = renderer.createText(e0, ''); } detectChangesInternal() { var name = this.context.name if (name !== this.lastName) { renderer.setText(e0, this.lastName = name); } } } <div>Hello {{name}}</div> Template VM-friendly code No need for parser