Mats Bryntse gave a presentation on Ext JS, a JavaScript framework for building rich web applications. He discussed what Ext JS is, when it should and should not be used, its features like widgets, grids, forms and charts. He covered the Ext JS class system, data package and how to extend Ext JS classes. The presentation provided an overview of building applications with Ext JS and its benefits over traditional web development.
This workshop conducted by the team member of Inspire Chittagong (Mizanur Rahaman Mizan and Saad Amin). Workshop was in East Delta Univeristy. There was a session relating to the infos and also another one fully focusing on the practical theme development
Rich internet application development using the dojo toolkitalexklaeser
The Dojo toolkit is a modular JavaScript library designed to ease and speed up the development of JavaScript-/AJAX-based websites and applications. This presentation (given at the FrOSCon 2011) will give an overview over the toolkit together with a short survey over
Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.
Can a custom Drupal 8 Theme be created in 40 minutes? The results might not be pretty but we're going to create a theme from start to finish. In the process you'll get to see all the components that make up a theme and get acquainted with tools that get the job done.
This workshop conducted by the team member of Inspire Chittagong (Mizanur Rahaman Mizan and Saad Amin). Workshop was in East Delta Univeristy. There was a session relating to the infos and also another one fully focusing on the practical theme development
Rich internet application development using the dojo toolkitalexklaeser
The Dojo toolkit is a modular JavaScript library designed to ease and speed up the development of JavaScript-/AJAX-based websites and applications. This presentation (given at the FrOSCon 2011) will give an overview over the toolkit together with a short survey over
Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.
Can a custom Drupal 8 Theme be created in 40 minutes? The results might not be pretty but we're going to create a theme from start to finish. In the process you'll get to see all the components that make up a theme and get acquainted with tools that get the job done.
Enhancing Spring MVC Web Applications Progressively with Spring JavaScriptJeremy Grelle
Spring JavaScript is a JavaScript abstraction framework that allows you to progressively enhance a web page with behavior. The framework consists of a public JavaScript API along with an implementation that builds on the Dojo Toolkit. Spring.js simplifies the use of Dojo for common enterprise scenarios while retaining its full-power for advanced use cases.
10 Steps Not To Forget After Installing Drupal Cory Gilliam
↵
Out of the box Drupal? Drupal's flexibility comes at a cost. After you've installed your new site you still have a bit of work to do. This session will cover 10 often forgotten steps to really get your fresh installation together. We dive into things people forget to configure and more like:
∘ View settings
∘ Node settings
∘ Editor experience
∘ Site settings
∘ User settings
∘ Error pages
∘ Performance settings
∘ Tightening up Security
After this session you'll be able to tweak out your new install properly.
Session Objectives
∘ Know the post Drupal installation step
∘ Find all the configurations you need to visit before you launch
∘ Understand Drupal's basic building blocks
Special thanks to Daniel Schiavone
jQuery: The World's Most Popular JavaScript Library Comes to XPagesTeamstudio
Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.
Like JavaScript, there is a tendency to learn CSS using the View Source technique. This high level overview will focus on what you should do and what you should not do - providing enough CSS knowledge to be dangerous!
Minimalist Theming: How to Build a Lean, Mean Drupal 8 ThemeSuzanne Dergacheva
Back in the Drupal 7 days (aka last year), we came across some pretty large, hard-to-maintain Drupal 7 sites. The theme was often responsible for a lot of the cruft. We saw themes with excess code, too many template files, and not enough documentation.
The Drupal 8 theme layer provides new features like libraries and Twig blocks that can help us to build cleaner, better-organized themes. So now is a good time for themers to re-visit which theming techniques to use to create themes that are smaller, maintainable, and well organized.
Presentation on itPage, an open-source content management system (CMS) for the Lasso Professional language. Presenter is Eric Landmann of Iterate LLC, Madison, WI, given at the Lasso Developer's Conference, Oct. 1-4, 2009, Amsterdam.
Dojo has Video and Audio and GFX, so it must be HTML5 compliant, no? Not so fast! We'll look over some core pieces and grade Dojo on how well it holds up!
This session will consider: - what data is available from index blocks - Cascade's object and data types and their implications on indexes - organizing transformation 'formats' for multi-/re-use Example widgets include: - Handy reports for project managers and site administrators - News aggregation and syndication blocks - Dynamic decision tree web widgets - XPath-based search and browse web widgets Bring your inspired indexing ideas and innovations for sharing.
An overview of the practical and useful Dojo Toolkit for the Fairfield County JavaScript Meetup, Sept. 26 2012. A shout to Chris Barber and his excellent presentation which served as inspiration.
Java is an important skill to have as an XPages developer. This webinar will provide a foundation of the Java skills you need and explain how to best acquire them. Come see how Java is used with detailed code examples that demonstrate how to use core Java code, Java Beans, Managed Beans, and third party Java libraries in your applications. After this webinar you will know exactly how to add Java as a tool in your development toolbox.
Ext Js introduction and new features in Ext Js 6Sushil Shinde
This presentation covers an elementary introduction to Ext Js 5 and its architecture. It also provides the details of new version of Ext Js i.e Ext Js 6. There are few slides which discuss comparison between Ext Js and other UI development frameworks
Enhancing Spring MVC Web Applications Progressively with Spring JavaScriptJeremy Grelle
Spring JavaScript is a JavaScript abstraction framework that allows you to progressively enhance a web page with behavior. The framework consists of a public JavaScript API along with an implementation that builds on the Dojo Toolkit. Spring.js simplifies the use of Dojo for common enterprise scenarios while retaining its full-power for advanced use cases.
10 Steps Not To Forget After Installing Drupal Cory Gilliam
↵
Out of the box Drupal? Drupal's flexibility comes at a cost. After you've installed your new site you still have a bit of work to do. This session will cover 10 often forgotten steps to really get your fresh installation together. We dive into things people forget to configure and more like:
∘ View settings
∘ Node settings
∘ Editor experience
∘ Site settings
∘ User settings
∘ Error pages
∘ Performance settings
∘ Tightening up Security
After this session you'll be able to tweak out your new install properly.
Session Objectives
∘ Know the post Drupal installation step
∘ Find all the configurations you need to visit before you launch
∘ Understand Drupal's basic building blocks
Special thanks to Daniel Schiavone
jQuery: The World's Most Popular JavaScript Library Comes to XPagesTeamstudio
Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.
Like JavaScript, there is a tendency to learn CSS using the View Source technique. This high level overview will focus on what you should do and what you should not do - providing enough CSS knowledge to be dangerous!
Minimalist Theming: How to Build a Lean, Mean Drupal 8 ThemeSuzanne Dergacheva
Back in the Drupal 7 days (aka last year), we came across some pretty large, hard-to-maintain Drupal 7 sites. The theme was often responsible for a lot of the cruft. We saw themes with excess code, too many template files, and not enough documentation.
The Drupal 8 theme layer provides new features like libraries and Twig blocks that can help us to build cleaner, better-organized themes. So now is a good time for themers to re-visit which theming techniques to use to create themes that are smaller, maintainable, and well organized.
Presentation on itPage, an open-source content management system (CMS) for the Lasso Professional language. Presenter is Eric Landmann of Iterate LLC, Madison, WI, given at the Lasso Developer's Conference, Oct. 1-4, 2009, Amsterdam.
Dojo has Video and Audio and GFX, so it must be HTML5 compliant, no? Not so fast! We'll look over some core pieces and grade Dojo on how well it holds up!
This session will consider: - what data is available from index blocks - Cascade's object and data types and their implications on indexes - organizing transformation 'formats' for multi-/re-use Example widgets include: - Handy reports for project managers and site administrators - News aggregation and syndication blocks - Dynamic decision tree web widgets - XPath-based search and browse web widgets Bring your inspired indexing ideas and innovations for sharing.
An overview of the practical and useful Dojo Toolkit for the Fairfield County JavaScript Meetup, Sept. 26 2012. A shout to Chris Barber and his excellent presentation which served as inspiration.
Java is an important skill to have as an XPages developer. This webinar will provide a foundation of the Java skills you need and explain how to best acquire them. Come see how Java is used with detailed code examples that demonstrate how to use core Java code, Java Beans, Managed Beans, and third party Java libraries in your applications. After this webinar you will know exactly how to add Java as a tool in your development toolbox.
Ext Js introduction and new features in Ext Js 6Sushil Shinde
This presentation covers an elementary introduction to Ext Js 5 and its architecture. It also provides the details of new version of Ext Js i.e Ext Js 6. There are few slides which discuss comparison between Ext Js and other UI development frameworks
Add-On Development: EE Expects that Every Developer will do his Dutyreedmaniac
Add-Ons are what make ExpressionEngine the flexible powerhouse that it is today. Being able to write your own simple plugins or incredibly expansive modules allows you to mold ExpressionEngine to nearly any task that your website might require. However, with that power comes a great responsibility to insure that your code is not slowing down the entire site or unduly stressing the server through bad code architecture.
There are simple tools already built into ExpressionEngine and PHP that you can use to see precisely what your Add-On is doing during page processing and where it might be doing more work than is absolutely necessary. Every developer should use these to optimize their work from the very beginning of development, prior to release. This workshop will explain these tools and how you can use them effectively. It will also delve deeper into optimization techniques and tricks that will keep your code light and clean, while finding a balance between functionality and performance.
Add-On Development: EE Expects that Every Developer will do his DutyLeslie Doherty
A presentation on Add-On Development: EE Expects that Every Developer will do his Duty as given at the EECI2009 conference in Leiden by Paul Burdick, lead developer at Solspace.
Ext JS Upgrade Adviser scans your Ext JS 4.x and Ext JS 5.x apps to identify and report problems in your source code that need to be addressed before upgrading to the latest Ext JS version.
Introduction in the JavaScript Programming language typically used in the front end of Web Applications. More information can be found at : https://www.spiraltrain.nl/course-javascript-programming/?lang=en
SharePoint developers regularly face the decision, where do I put my application’s data? Sometimes this is an easy choice, using SharePoint Lists, or a SQL Server Database, but often a better solution exists. Or at least knowing that alternatives exist is beneficial, and further knowing when to use them. There are actually many storage options that both ASP.NET and SharePoint (along with modern browsers, HTML5, JavaScript) offer. This session will discuss many of these choices with best practices in mind along with live demonstrations. Examples include SharePoint Lists, Secure Store, property bags, persisted objects, Linq (to SQL, Entity, and SharePoint), web part properties, serialization options (to/from JSON and XML), session state, viewstate, httpruntime, application state, and thread bag. Also, client side storage examples will be introduced using modern HTML5 and JavaScript techniques. Further, free 3rd party products will be introduced that can be employed. Applies to all modern versions of SharePoint including 2013.
Masterin Large Scale Java Script ApplicationsFabian Jakobs
Writing large desktop-like web applications is a challenge. Adapting such an application to different markets, languages or brands is even more of a challenge. This talk shows how the open source JavaScript framework qooxdoo can be leveraged to build such a rich internet application. As a real-life example the free web mail client gmx.com is used. This talk discusses the development model, customization and deployment of such an application.
Learn how JavaScript applications of this size and complexity are fundamentally different from classic web applications, and what issues come up when building fast, multi-language, multi-brand JavaScript applications.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...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.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
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.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
2. Agenda
• Who am I?
• What is Ext JS?
• When (not) to use Ext JS
• Ext Class system
• Widgets, Grids, Forms, Trees
• Dealing with data
• Extending Ext JS classes
4. Mats Bryntse
o 35+ yrs old
o From Helsingborg, Sweden
o Background:
o Worked 7 years as SW consultant: C#, ASP.NET, C
o Found Ext JS in 2007, never looked back
o Started Bryntum 2009, http://bryntum.com
o I create JS components & test tools for Ext
JS.
o Twitter: @bryntum
5. What is Ext JS?
Ext JS is a client-side
JavaScript framework
for building rich web
applications.
7. Ext JS background &
facts
• Began as YUI-Ext in 2006, 1.0 in 2007, now
v4.1.
• Company called Sencha, based in Palo Alto
• Funded by Sequoia Capital (Google, Yahoo!, Paypal, YouTube)
• Community Forum >300k members
8. Ext JS features
• Full UI application development suite
• Powerful & extensible widgets:
grids, forms, trees, charts
• Data package, class system, MVC, Ext Designer
• Familiar Windows-like look & feel, layout engine
9. When to use Ext JS
• Write web applications not web sites
• Typically LOB applications, intranet apps etc.
• Data intensive apps, gathering, displaying, filtering
10. When not to use Ext JS
• Write web sites
• Write sites or apps targeting mobile/tablet.
Instead use Sencha Touch or jQuery Mobile
• If SEO matters
• If initial page load time is critical
11. Traditional web dev pain points
• Too much time spent defining the user interface
• Browsers quirks => need hacks => uncertainty
• Multiple authors of UI code
=> inconsistent look & feel.
=> easy to end up with function soup
• JS/UI unit testing often an afterthought
• Sounds familiar?
12. Benefits of using Ext JS
• Simple, config-driven, standardized API
• X-browser support, incl. our favorite IE6
• Spend time writing business logic, not HTML tags or
complex CSS layouts.
• Less time spent chasing X-browser bugs
14. JavaScript centric
• Ext JS is all about OOP in JavaScript
• Only basic HTML/CSS skills required
• The Hello World oneliner:
• Generated 50+ DOM nodes.
• No time was spent developing the user interface
• A typical Ext JS application uses a single HTML page
(SPI)
16. Ext JS Widgets
• About 80 examples come with the Ext JS SDK
• Try them yourself: http://dev.sencha.com/deploy/dev/examples/
• All widgets share a uniform API
• Any widget can be extended, features added.
18. Ext JS Grid Panel
"...that grid is badass! It does everything.
It cooks you dinner. It washes your car.
It starches your shirts"
reddit.com
19. Ext JS Grid Panel
• Powerful and flexible table component
• Arguably the #1 reason people decide to use Ext JS
(was for me)
• Out of the box: sorting, column resizing, column
reordering, row drag drop, grouping, editing etc...
• Numerous extensions and plugins available
20. Ext JS Grid Panel
Note to self: Demo gridpanel
22. Ext JS Forms
• Great for editing and entering data
• Available field types: text, password, number, file
upload, text area, checkbox, radio, date, time.
• Form fields can use vtypes, to validate their value.
alpha, alphanum, email, url
• Validation support on the entire form or individual
fields.
27. Ext JS Tree Panel
• Great for displaying hierarchical data, backed by an
Ext.data.TreeStore
• Supports animation, checkbox selection model, node
reordering
• Also supports the features of GridPanel, column resize,
reorder, hide/show, sorting etc.
29. Ext JS Charts
• New in Ext JS 4 (used to rely on YUI flash charts)
• Interactive X-browser charting package
• Falls back to VML for (IE6/IE7/IE8)
• Canvas support coming
• Rich interactivity, click, tooltips, animations
32. Ext JS Class System
• Uniform way of defining classes and inheritance
• Classes are defined as strings, meaning file load
order does not matter.
• Mixins allow you to define reusable behavior that can
be applied to multiple classes, achieving multiple
inheritance
• Dynamic class loading via Ext.Loader
35. Dynamic Loading
• Dynamic class loading via Ext.Loader
• Great for development and debugging purposes
• Use JSBuilder to build xx-all.js file
• Switch to combined and minified xx-all.js file for
production.
39. Benefits of Ext JS data package
• Uniform way of loading and writing data
• All UI components displaying data use stores and models
• UI components have no inherent knowledge about the
data they display – clean separation of concerns
40. DataReader & Proxy
• Ext.data.Reader is used to parse data into a Model
instance or into a Store, typically in response to an
AJAX request.
• Built-in support for JSON and XML and arrays
• Proxies fetch raw, unformatted data from different
types of sources. (HttpProxy, MemoryProxy, JSONP)
41. Model & Store
• A Model is a client side data model which encapsulates
data corresponding to a single DB record
• A Model usually belongs to a Store and has a number of
fields (e.g. )
• A Store encapsulates a client side cache of Model
objects. Provides input data for GridPanel, ComboBox
• Store supports filtering, grouping, sorting etc.
43. Complex App Using Stores
http://dev.sencha.com/dep
loy/ext-4.0.7-
gpl/examples/sandbox/san
dbox.html
44. Review: Web Desktop
• Again, built a powerful web app simulating a desktop
interface
• No time spent inventing advanced CSS layouts.
• Drawback: We are tricking the user to think it is a real
desktop. Might be disappointed if app behaves different
than the native OS. (Ctrl-Z, Ctrl-S, etc.)
46. Component Model
• Ext.Component is the base class for all Ext components
• Example components:
Ext.form.TextField
Ext.TreePanel
Ext.GridPanel
Ext.Window
• Managed life cycle, template method hooks
• constructor
• initComponent
• onRender
• afterRender
• onDestroy
47. Component Plugins
• Ext Components can be augmented by plugins
• A plugin is any object with an init fn
• The host component calls init during its initialization,
passing itself as the only reference
48. Component Plugins
• Example plugins:
• Ext.grid.CellEditing
• Ext.grid.RowEditing
• Ext.grid.HeaderReorderer
• Ext.grid.HeaderResizer
• Very neat and easy way of breaking out behavior into its
own class
49. Defining a plugin
var myAwesomePlugin = {
init : function(component) {
// Do awesome stuff
}
};
51. Containers - Layout
• Containers can contain child components
• Choose from several built in layouts to produce complex
layout structures. Nest as deep as you want.
• Example: Complex layout
52. Extending Components
• Very simple to extend existing components
• Add your own custom features and functionality
• Benefit from the Ext Component
lifecycle, managed instantiation and destruction
• Bryntum Gantt chart extends Ext.TreePanel
57. So, Ext JS sounds
great, is there a catch?
• Slight learning curve, reason: big API.
• ext-all-debug.js : 2.3Mb
• jquery1.7.1.js : 240kb
• Helps if you know basic, JS/HTML/CSS
60. Ext JS and JavaScript training
• Starting spring 2012 together with Informator
• For beginners or intermediate JS developers
• 1-3 days customized to your needs