This document provides an overview of Ext JS, a JavaScript framework for building web applications. It discusses key Ext JS concepts like widgets, layouts, data packages, and the class system. Examples are provided to demonstrate how to create basic Ext JS buttons and forms.
Rapid Prototyping with Sass, Compass and Middleman by Bermon PainterCodemotion
This talk will cover some of the benefits of building a rapid prototyping framework with Sass & Compass along with the static site generator, Nanoc. you’ll discover how to rapid prototype pages, widgets and interactions that can be used for usability testing and to help concept ideas. Since it’s all built on Ruby it’s easy to migrate over to the real application later or toss away
Rapid Prototyping with Sass, Compass and Middleman by Bermon PainterCodemotion
This talk will cover some of the benefits of building a rapid prototyping framework with Sass & Compass along with the static site generator, Nanoc. you’ll discover how to rapid prototype pages, widgets and interactions that can be used for usability testing and to help concept ideas. Since it’s all built on Ruby it’s easy to migrate over to the real application later or toss away
Moving From JavaScript to TypeScript: Things Developers Should KnowFibonalabs
Moving from javascript to typescript is not that tedious if you follow the proper steps since every JS code is a valid typescript code. You can choose to convert the files where you require strict typing and keep the other files without a change.
Test-Driven Developments are Inefficient; Behavior-Driven Developments are a ...Abdelkrim Boujraf
In summary, we have presented here a method for efficiently testing large parts of web-based software by using elements of code generation to generate automatable tests, and by using BDD concepts to model tests for non-generated screens and non-generated business actions. Further, we have described a method for context-based unit
testing that, when combined with generated code and tests, yields an acceptable trade-off between development efficiency and time spent on testing
My slides for the head conference 2008 explaining how hard it is to write JavaScript solutions that cater for all the users out there and what can be done to avoid us creating a lot of material that is outdated as soon as it comes out.
My talk at the @media Ajax conference in London in November 2007 about the non-technical steps you can take to make JavaScript and Ajax work for larger teams.
Node.js has become one of the main tools developers use to create backends for their web apps. Read on to get some tips on how to make the most of this framework.
Node.js has become one of the main tools developers use to create backends for their web apps. Read on to get some tips on how to make the most of this framework.
https://www.solutionanalysts.com/blog/8-valuable-tips-to-master-best-code-practices-in-node-js/
ITARC15 Workshop - Architecting a Large Software Project - Lessons LearnedJoão Pedro Martins
Improving on a previous version of this session delivered in Lisbon, this deck describes the real experiences in architecting and developing a large software project that took 3 years to go live. It was presented at a 3,5hr ITARC2015 workshop in Stockholm, Sweden.
Building complex browser-based applications in Java 8 (GWT in 2016?)
The presentation contains a lot of references (link icons) but unfortunatelly, SlideShare imported the presentation in 90% correct. For the fully working presentation please consider using the link below: https://docs.google.com/presentation/d/1sDoNivyEb2lR6GMrmXsepO6fOR0QsYua7m-R8RR4DC4/edit?usp=sharing
The Google Drive presentation is also the most current one (occasionally updated).
The Difference Between Your Project Succeeding or Burning To A Crisp Is Actua...Alan Quayle
The Difference Between Your Project Succeeding or Burning To A Crisp Is Actually You.
Dan Jenkins, Founder at Nimble Ape & Director at CommCon Events
TADSummit EMEA Americas 2020
For far too long Open Source projects have been getting in their own way; with no marketing budget to shout the loudest it’s always an uphill battle to get their fair share of the marketplace. But ultimately, we as Open Source project owners and maintainers are the problem.
We need to start thinking about Open Source projects as Products and Services that need to be promoted in their own right. It’s no longer good enough to just have a project website with a wiki and a download link. It’s up to us to sell our love for our creations and make others see the advantages of using them. We need to get out of our own way and show the world what Open Source can do for them and right now we’re failing. Join us to find out what you can do to get out of your own way and succeed.
Rocking the microservice world with Helidon-LAOUCTour2023.pdfAlberto Salazar
In the banking industry, we have a lot of business logic running in the old fashion way as monolith enterprise applications; take a look from 0 to how you can work with last Java Version and Helidon to move forward your application to the Oracle Cloud.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Moving From JavaScript to TypeScript: Things Developers Should KnowFibonalabs
Moving from javascript to typescript is not that tedious if you follow the proper steps since every JS code is a valid typescript code. You can choose to convert the files where you require strict typing and keep the other files without a change.
Test-Driven Developments are Inefficient; Behavior-Driven Developments are a ...Abdelkrim Boujraf
In summary, we have presented here a method for efficiently testing large parts of web-based software by using elements of code generation to generate automatable tests, and by using BDD concepts to model tests for non-generated screens and non-generated business actions. Further, we have described a method for context-based unit
testing that, when combined with generated code and tests, yields an acceptable trade-off between development efficiency and time spent on testing
My slides for the head conference 2008 explaining how hard it is to write JavaScript solutions that cater for all the users out there and what can be done to avoid us creating a lot of material that is outdated as soon as it comes out.
My talk at the @media Ajax conference in London in November 2007 about the non-technical steps you can take to make JavaScript and Ajax work for larger teams.
Node.js has become one of the main tools developers use to create backends for their web apps. Read on to get some tips on how to make the most of this framework.
Node.js has become one of the main tools developers use to create backends for their web apps. Read on to get some tips on how to make the most of this framework.
https://www.solutionanalysts.com/blog/8-valuable-tips-to-master-best-code-practices-in-node-js/
ITARC15 Workshop - Architecting a Large Software Project - Lessons LearnedJoão Pedro Martins
Improving on a previous version of this session delivered in Lisbon, this deck describes the real experiences in architecting and developing a large software project that took 3 years to go live. It was presented at a 3,5hr ITARC2015 workshop in Stockholm, Sweden.
Building complex browser-based applications in Java 8 (GWT in 2016?)
The presentation contains a lot of references (link icons) but unfortunatelly, SlideShare imported the presentation in 90% correct. For the fully working presentation please consider using the link below: https://docs.google.com/presentation/d/1sDoNivyEb2lR6GMrmXsepO6fOR0QsYua7m-R8RR4DC4/edit?usp=sharing
The Google Drive presentation is also the most current one (occasionally updated).
The Difference Between Your Project Succeeding or Burning To A Crisp Is Actua...Alan Quayle
The Difference Between Your Project Succeeding or Burning To A Crisp Is Actually You.
Dan Jenkins, Founder at Nimble Ape & Director at CommCon Events
TADSummit EMEA Americas 2020
For far too long Open Source projects have been getting in their own way; with no marketing budget to shout the loudest it’s always an uphill battle to get their fair share of the marketplace. But ultimately, we as Open Source project owners and maintainers are the problem.
We need to start thinking about Open Source projects as Products and Services that need to be promoted in their own right. It’s no longer good enough to just have a project website with a wiki and a download link. It’s up to us to sell our love for our creations and make others see the advantages of using them. We need to get out of our own way and show the world what Open Source can do for them and right now we’re failing. Join us to find out what you can do to get out of your own way and succeed.
Rocking the microservice world with Helidon-LAOUCTour2023.pdfAlberto Salazar
In the banking industry, we have a lot of business logic running in the old fashion way as monolith enterprise applications; take a look from 0 to how you can work with last Java Version and Helidon to move forward your application to the Oracle Cloud.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
5. History
‣ 01/2006 Jack Slocum developed an extension for YUI
called yui-ext
‣ 06/2006 Ext JS 1.1 with adapters for YUI, jQuery or
Prototype
‣ 04/2008 Ext JS 2.0 (dual license GPLv3 + commercial)
‣ 07/2009 Ext JS 3.0
‣ 06/2010 Raphaël + jQTouch + theJIT + Ext JS = Sencha
‣ 05/2011 Sencha Touch 1.0 and Ext JS 4.0
‣ 04/2012 Ext JS 4.1
‣ 06/2012 Sencha Touch 2.0
Slide 5
TEQneers GmbH & Co. KG www.teqneers.de
6. Some Ext JS experience?
Slide 6
TEQneers GmbH & Co. KG www.teqneers.de
7. Some Ext JS experience?
‣ Who has already used Javascript Frameworks?
Slide 6
TEQneers GmbH & Co. KG www.teqneers.de
8. Some Ext JS experience?
‣ Who has already used Javascript Frameworks?
‣ If so, which ones?
Slide 6
TEQneers GmbH & Co. KG www.teqneers.de
9. Some Ext JS experience?
‣ Who has already used Javascript Frameworks?
‣ If so, which ones?
‣ Who knows Ext JS?
Slide 6
TEQneers GmbH & Co. KG www.teqneers.de
10. Some Ext JS experience?
‣ Who has already used Javascript Frameworks?
‣ If so, which ones?
‣ Who knows Ext JS?
‣ Who has already worked with Ext JS?
Slide 6
TEQneers GmbH & Co. KG www.teqneers.de
11. Some Ext JS experience?
‣ Who has already used Javascript Frameworks?
‣ If so, which ones?
‣ Who knows Ext JS?
‣ Who has already worked with Ext JS?
‣ If so, which version(s)?
Slide 6
TEQneers GmbH & Co. KG www.teqneers.de
13. What are we talking about?
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
14. What are we talking about?
What is Ext JS?
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
15. What are we talking about?
What is Ext JS?
Widgets
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
16. What are we talking about?
What is Ext JS?
Widgets
Layouts
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
17. What are we talking about?
What is Ext JS?
Widgets
Layouts
Data Package
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
18. What are we talking about?
What is Ext JS?
Widgets
Layouts
Data Package
Class System
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
19. What are we talking about?
What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
20. What are we talking about?
What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
21. What are we talking about?
What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 8
TEQneers GmbH & Co. KG www.teqneers.de
22. What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 9
TEQneers GmbH & Co. KG www.teqneers.de
75. Ext.window.MessageBox
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your
changes?',
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.QUESTION
});
Slide 24
TEQneers GmbH & Co. KG www.teqneers.de
76. Ext.window.MessageBox
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your
changes?',
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.QUESTION
});
Slide 24
TEQneers GmbH & Co. KG www.teqneers.de
80. What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 26
TEQneers GmbH & Co. KG www.teqneers.de
81. Layouts
‣ Ext JS applications are build
on components
‣ Containers are specialized
components that contain
other components (or
containers)
‣ Sizing and positioning of a
containers‘ children is
determined by the specified
layout
Slide 27
TEQneers GmbH & Co. KG www.teqneers.de
82. Ext.layout.*
Slide 28
TEQneers GmbH & Co. KG www.teqneers.de
83. Examples
Slide 29
TEQneers GmbH & Co. KG www.teqneers.de
84. What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 30
TEQneers GmbH & Co. KG www.teqneers.de
85. Overview
Slide 31
TEQneers GmbH & Co. KG www.teqneers.de
86. Overview
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
87. Overview
‣ implements Active Record pattern on the client side (sort
of)
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
88. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
89. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
90. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
‣ remote (AJAX, JSON-P or Ext.direct)
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
91. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
‣ remote (AJAX, JSON-P or Ext.direct)
‣ local (memory, local/session storage)
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
92. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
‣ remote (AJAX, JSON-P or Ext.direct)
‣ local (memory, local/session storage)
‣ the data format
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
93. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
‣ remote (AJAX, JSON-P or Ext.direct)
‣ local (memory, local/session storage)
‣ the data format
‣ JSON
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
94. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
‣ remote (AJAX, JSON-P or Ext.direct)
‣ local (memory, local/session storage)
‣ the data format
‣ JSON
‣ XML
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
95. Overview
‣ implements Active Record pattern on the client side (sort
of)
‣ abstracts CRUD operations regardless of
‣ the underlying storage mechanism
‣ remote (AJAX, JSON-P or Ext.direct)
‣ local (memory, local/session storage)
‣ the data format
‣ JSON
‣ XML
‣ works seamlessly with all data bound widgets
Slide 32
TEQneers GmbH & Co. KG www.teqneers.de
96. Example
Slide 33
TEQneers GmbH & Co. KG www.teqneers.de
97. What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 34
TEQneers GmbH & Co. KG www.teqneers.de
98. A class system in
Javascript- why?
Slide 35
TEQneers GmbH & Co. KG www.teqneers.de
99. Javascript is a class-
less, prototype-based
language
Slide 36
TEQneers GmbH & Co. KG www.teqneers.de
100. Class System
Slide 37
TEQneers GmbH & Co. KG www.teqneers.de
101. Class System
‣ most developers are more familiar with class-
based languages
Slide 37
TEQneers GmbH & Co. KG www.teqneers.de
102. Class System
‣ most developers are more familiar with class-
based languages
‣ Code based on a class system is easier to handle
Slide 37
TEQneers GmbH & Co. KG www.teqneers.de
103. Class System
‣ most developers are more familiar with class-
based languages
‣ Code based on a class system is easier to handle
‣ predictable strcutures
Slide 37
TEQneers GmbH & Co. KG www.teqneers.de
104. Class System
‣ most developers are more familiar with class-
based languages
‣ Code based on a class system is easier to handle
‣ predictable strcutures
‣ easily identifiable extension points
Slide 37
TEQneers GmbH & Co. KG www.teqneers.de
105. Class System
‣ most developers are more familiar with class-
based languages
‣ Code based on a class system is easier to handle
‣ predictable strcutures
‣ easily identifiable extension points
‣ less maintenance required
Slide 37
TEQneers GmbH & Co. KG www.teqneers.de
106. Example
Ext.define('My.sample.Person', {
name: 'Unknown',
constructor: function(name) {
if (name) {
this.name = name;
}
},
eat: function(foodType) {
console.log(this.name + " is eating: " + foodType);
}
});
Ext.define('My.sample.Tattletale', {
! extend: 'My.sample.Person',
say: function(something) {
console.log(this.name + " says: " + something);
}
});
var aaron = Ext.create('My.sample.Person', 'Aaron');
aaron.eat("Salad");
var maria = Ext.create('My.sample.Tattletale', 'Maria');
maria.eat("Sausage");
maria.say("Bla bla blub");
Slide 38
TEQneers GmbH & Co. KG www.teqneers.de
111. The Class Definition Pipeline
Slide 43
TEQneers GmbH & Co. KG www.teqneers.de
112. Summary
‣ Class system combines classic and well-known
methodologies with the dynamic nature of
Javascript
‣ When sticking to the naming convention
(compare to PSR-0 in PHP) Ext JS provides
dynamic code loading (auto-loading)
‣ Class system is the foundation of the whole
framework (more than 300 shipped classes)
Slide 44
TEQneers GmbH & Co. KG www.teqneers.de
113. What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 45
TEQneers GmbH & Co. KG www.teqneers.de
114. DOM Manipulation
‣ comparable to the functionality provided by
jQuery
‣ not as sophisticated
‣ not as fast
‣ syntax not as sleek
‣ but absolutely sufficient when working inside
the widget system
Slide 46
TEQneers GmbH & Co. KG www.teqneers.de
115. Features
Slide 47
TEQneers GmbH & Co. KG www.teqneers.de
116. Features
‣ DOM manipulation
Slide 47
TEQneers GmbH & Co. KG www.teqneers.de
117. Features
‣ DOM manipulation
‣ DOM queries
Slide 47
TEQneers GmbH & Co. KG www.teqneers.de
118. Features
‣ DOM manipulation
‣ DOM queries
‣ Animations
Slide 47
TEQneers GmbH & Co. KG www.teqneers.de
121. Ext.dom.Query
‣ provides selector and XPath processing
‣ extendable with custom pseudo classes and
matchers
‣ works on HTML and XML
‣ supports most of the CSS3 selectors spec and
basic XPath
Slide 50
TEQneers GmbH & Co. KG www.teqneers.de
134. Drag and Drop
Slide 63
TEQneers GmbH & Co. KG www.teqneers.de
135. Drawing
Slide 64
TEQneers GmbH & Co. KG www.teqneers.de
136. Drawing
‣ renders either
‣ SVG
‣ VML (IE < 9)
Slide 65
TEQneers GmbH & Co. KG www.teqneers.de
137. Examples
Slide 66
TEQneers GmbH & Co. KG www.teqneers.de
138. Charting
Slide 67
TEQneers GmbH & Co. KG www.teqneers.de
139. Charting
Slide 68
TEQneers GmbH & Co. KG www.teqneers.de
140. Charting
‣ relatively simple charting solution out of the box
‣ but: lacks a lot of features when compared to
professional enterprise-grade solutions such as
Highcharts JS for example
Slide 69
TEQneers GmbH & Co. KG www.teqneers.de
141. Example
Slide 70
TEQneers GmbH & Co. KG www.teqneers.de
142. What is Ext JS?
Widgets
Layouts
Data Package
Class System
DOM Manipulation
Miscellaneous
Theming
Slide 71
TEQneers GmbH & Co. KG www.teqneers.de