MVC in Sencha Touch & ExtJS
•Download as KEY, PDF•
1 like•2,077 views
The document discusses two JavaScript frameworks from Sencha - Sencha Touch for building mobile apps using HTML5, CSS and JS, and ExtJS for building robust desktop apps. It provides an overview of their features and architectures, then demonstrates building a sample rock climbing app using both frameworks to showcase their capabilities.
Report
Share
Report
Share
Recommended
Inside Wijmo 5, a Large-scale JavaScript Product
GrapeCity has been developing JavaScript products for over six years. The browser landscape has changed greatly since we started and we have learned a lot along the way. Today, we manage Wijmo 5, a suite of JavaScript UI controls, specializing in a high-performance datagrid and powerful charts. In this session, we will give you a look inside our project. We will go over the collections of tools, frameworks, languages and patterns that we have refined over the years. You walk away from this session with useful tips for managing large-scale JavaScript applications.
AngularJS - GrapeCity Echo Tokyo
In this session we will talk about the AngularJS application framework. What is it, why is it so successful, how does it help developers, how can you start using it today, how will it evolve?
Introduction
- a brief history of the evolution of HTML and JavaScript
- why do we need application frameworks?
Angular 1.x
- what is it?
- what are the main design goals?
- what makes it different from other frameworks?
- how does it work?
example: the simplest Angular application
- the power of custom directives
example: a simple validation directive
example: a simple Google Maps control directive
Angular 2.0
- what is it?
- how will it improve upon Angular 1.x?
- when will it become available?
- will it change everything?
Visualizing large data sets with wijmo enterprise webinar
This document provides a summary of a presentation about visualizing large data sets with Wijmo Enterprise. The presentation covers an introduction to Wijmo, challenges of web development today, techniques for visualizing large datasets using Wijmo charts and grids, and includes live demos. Specifically, it discusses how to optimize charts for large datasets, use grids to visualize large amounts of data, handle the data layer with CollectionView, and visualize qualitative data with annotations and drill-down capabilities.
Wijmo 5 - GrapeCity Echo Tokyo
In this session we will talk about the Wijmo 5 control suite. What is it, what makes it unique, how does it help developers, how can you start using it today, how will it evolve?
Introduction
- what is Wijmo 5? (next-generation of HTML/JS Controls)
- modern browsers: EcmaScript 5/IE9
- no jQuery, no jQueryUI
- TypeScript: object-orientation, type-safety, productivity
- Interop (Angular 1.x, Knockout, more to come...)
Wijmo Infrastructure
- Events
- Control
- CollectionView (easier porting from Silverlight)
- Others (Globalization, HttpRequest, Animations, etc: no jQuery)
FlexGrid
- XAML vs Angular (easier porting from Silverlight)
- features, size, performance
- extensibility: extend class, add functionality
examples: filter, grouping, row details, etc
FlexChart
- multiple types
- features, size, performance
- extensibility: extend class, add functionality
examples: financial, ranges, analytics, etc
Others (time permitting...)
- Input, Gauges
- features, size, performance
SPTypeOutGrid: Knockout + TypeScript + SharePoint 2010 = Cool Grids in List F...
This document provides an overview of using TypeScript, Knockout, and model-view-viewmodel (MVVM) frameworks to create editable grids in SharePoint list forms. It introduces TypeScript as a strongly typed superset of JavaScript, Knockout as a library for two-way data binding, and how MVVM frameworks like Knockout separate the model and view. The document then demonstrates editable grid code using these technologies and provides resources for further information.
Asp
Active Server Pages (ASP) is a server-side scripting technology that allows users to create dynamic web pages using HTML, scripts, and reusable components. ASP enables scripting for IIS using VBScript and Jscript. While ASP is not a silver bullet that can solve all web development problems, it provides an open environment for non-programmers to build applications without writing code.
Web: the future is now (GUADEC 2013)
By Claudio Saavedra.
Now that WebKit2 is a core part of Web, the GNOME community has finally closed the gap and can be proud to present its users with a browser of world-class quality. But WebKit2 is just the start: there are plenty of challenges ahead and this is the best time for us to embrace them.
In this talk we discuss the state of Web, the advantages and possibilities that WebKit2 brings to the browser, and our plans for the future.
AngularJS
AngularJS is a JavaScript framework for building client-side web applications, it recommends organizing code into modules for controllers, directives, filters and services and uses data binding and dependency injection to help develop single-page applications, it also emphasizes testing using tools like Jasmine and organizing templates directly in the DOM rather than as string-based templates.
Recommended
Inside Wijmo 5, a Large-scale JavaScript Product
GrapeCity has been developing JavaScript products for over six years. The browser landscape has changed greatly since we started and we have learned a lot along the way. Today, we manage Wijmo 5, a suite of JavaScript UI controls, specializing in a high-performance datagrid and powerful charts. In this session, we will give you a look inside our project. We will go over the collections of tools, frameworks, languages and patterns that we have refined over the years. You walk away from this session with useful tips for managing large-scale JavaScript applications.
AngularJS - GrapeCity Echo Tokyo
In this session we will talk about the AngularJS application framework. What is it, why is it so successful, how does it help developers, how can you start using it today, how will it evolve?
Introduction
- a brief history of the evolution of HTML and JavaScript
- why do we need application frameworks?
Angular 1.x
- what is it?
- what are the main design goals?
- what makes it different from other frameworks?
- how does it work?
example: the simplest Angular application
- the power of custom directives
example: a simple validation directive
example: a simple Google Maps control directive
Angular 2.0
- what is it?
- how will it improve upon Angular 1.x?
- when will it become available?
- will it change everything?
Visualizing large data sets with wijmo enterprise webinar
This document provides a summary of a presentation about visualizing large data sets with Wijmo Enterprise. The presentation covers an introduction to Wijmo, challenges of web development today, techniques for visualizing large datasets using Wijmo charts and grids, and includes live demos. Specifically, it discusses how to optimize charts for large datasets, use grids to visualize large amounts of data, handle the data layer with CollectionView, and visualize qualitative data with annotations and drill-down capabilities.
Wijmo 5 - GrapeCity Echo Tokyo
In this session we will talk about the Wijmo 5 control suite. What is it, what makes it unique, how does it help developers, how can you start using it today, how will it evolve?
Introduction
- what is Wijmo 5? (next-generation of HTML/JS Controls)
- modern browsers: EcmaScript 5/IE9
- no jQuery, no jQueryUI
- TypeScript: object-orientation, type-safety, productivity
- Interop (Angular 1.x, Knockout, more to come...)
Wijmo Infrastructure
- Events
- Control
- CollectionView (easier porting from Silverlight)
- Others (Globalization, HttpRequest, Animations, etc: no jQuery)
FlexGrid
- XAML vs Angular (easier porting from Silverlight)
- features, size, performance
- extensibility: extend class, add functionality
examples: filter, grouping, row details, etc
FlexChart
- multiple types
- features, size, performance
- extensibility: extend class, add functionality
examples: financial, ranges, analytics, etc
Others (time permitting...)
- Input, Gauges
- features, size, performance
SPTypeOutGrid: Knockout + TypeScript + SharePoint 2010 = Cool Grids in List F...
This document provides an overview of using TypeScript, Knockout, and model-view-viewmodel (MVVM) frameworks to create editable grids in SharePoint list forms. It introduces TypeScript as a strongly typed superset of JavaScript, Knockout as a library for two-way data binding, and how MVVM frameworks like Knockout separate the model and view. The document then demonstrates editable grid code using these technologies and provides resources for further information.
Asp
Active Server Pages (ASP) is a server-side scripting technology that allows users to create dynamic web pages using HTML, scripts, and reusable components. ASP enables scripting for IIS using VBScript and Jscript. While ASP is not a silver bullet that can solve all web development problems, it provides an open environment for non-programmers to build applications without writing code.
Web: the future is now (GUADEC 2013)
By Claudio Saavedra.
Now that WebKit2 is a core part of Web, the GNOME community has finally closed the gap and can be proud to present its users with a browser of world-class quality. But WebKit2 is just the start: there are plenty of challenges ahead and this is the best time for us to embrace them.
In this talk we discuss the state of Web, the advantages and possibilities that WebKit2 brings to the browser, and our plans for the future.
AngularJS
AngularJS is a JavaScript framework for building client-side web applications, it recommends organizing code into modules for controllers, directives, filters and services and uses data binding and dependency injection to help develop single-page applications, it also emphasizes testing using tools like Jasmine and organizing templates directly in the DOM rather than as string-based templates.
ExtJS Sencha Touch
ExtJS is a JavaScript framework for building rich, interactive web applications. It originated as an extension to the YUI library created by Jack Slocum to include custom components like grids. It later became an independent framework with its own complete set of GUI components. In 2011, ExtJS 4.0 introduced a native Model-View-Controller architecture. The company behind ExtJS, Sencha, also produces Sencha Touch for building mobile apps using similar components and patterns as ExtJS.
SEO and Marketing
This document discusses search engine optimization (SEO) and marketing. It begins with defining SEO and its importance for driving website traffic. It then covers key topics like search engines, on-page and off-page optimization techniques, SEO dos and don'ts, and tools like Google Analytics and Webmaster Tools. The goal of SEO is to get a site ranked highly in organic search results by optimizing pages with target keywords, links, and other on-page and off-page factors. Regular tracking and analysis of metrics is also recommended.
Kop e
1) The manual is intended to guide users in creating LAD programs for S7-300 and S7-400 PLCs and provides a reference for LAD language elements.
2) Familiarity with automation technology, computer use, and STEP 7 software is required to understand the manual.
3) The manual complies with programming standard IEC 1131-3 and is valid for STEP 7 version 5.4.
MVC In Sencha Touch
This document provides an overview of MVC (Model View Controller) architecture in Sencha Touch. It defines the roles of the Model, View and Controller, including that the Model manages data, the View manages UI display, and the Controller listens for user input and updates the Model and View. Code examples are given of defining a Model, View and Controller class in Sencha Touch. The document also includes a file structure diagram and notes that a live coding demo carries risks.
For other uses, see hajj
1. The Hajj is the annual pilgrimage to Mecca, Saudi Arabia required of all able-bodied Muslims at least once in their lifetime.
2. During the Hajj, pilgrims perform a series of rituals including circling the Kaaba seven times, running between the hills of Al-Safa and Al-Marwah, and throwing stones at pillars representing the devil.
3. Over 2 million pilgrims now participate in the Hajj each year, requiring advanced crowd control techniques due to the large numbers of people.
Introduction to ExtJS
An introduction to ExtJS. This article explains how to make a hello world program with ExtJs. This shows you a tip of ice-berg of what you can do & accomplish with ExtJS.
Google glass
This document provides an overview of Google Glass, including what it is, its key features and specifications. Google Glass is an optical head-mounted display developed by Google that resembles a pair of eyeglasses. It uses voice commands and visual cues to provide information directly to the user's field of vision through an augmented reality experience. The document outlines Google Glass' development history and testing program, as well as its potential applications and the technologies that enable its functionality, such as Android and augmented reality. Programming approaches for Glass include developing native Android apps or creating "Glassware" apps using the Mirror API.
Busy Developer's Guide to Windows 8 HTML/JavaScript Apps
With the upcoming release of Windows 8, Microsoft decided to bring HTML+Javascript into the world of Windows-platform application development as a first-class citizen. But make no mistake, this isn’t an attempt to somehow subvert Web developers—it’s more about enabling Web developers to leverage those skills in building “native” Windows applications running on the Windows 8 laptops, desktops, and slates. In this presentation, we’ll go over the basics of building a Windows 8 app using HTML and JavaScript, including a brief overview of what’s possible—and what’s not—for the Web developer seeking to “go native” on Windows.
Using Cool New Frameworks in (Mobile) Domino Apps
Did you know there's an abundance of cool CSS and JS frameworks out there? Have you ever wanted to find out how you can use them in your own (mobile) Domino apps? Theo Heselmans shows real world applications from his customers using some of these powerful frameworks inside Domino. Explore with us on how they integrated Bootstrap, Ratchet.js, Knockout.js, Backbone.js, Underscore.js, jQuery.js and more!
Yii Framework - Do we really need another php framework?
The Yii Framework is a professional and comprehensive PHP MVC framework. This presentation gives a short overview over the coolest features (from my perspective).
Win j svsphonegap-damyan-petev-mihail-mateev
This document provides an overview and comparison of WinJS and PhoneGap for developing Windows Store apps. It discusses the key components of WinJS like controls, layouts, animations and styling. It also explains how PhoneGap allows developing Windows Store apps using web technologies by providing access to native device APIs via a native web view. While WinJS and PhoneGap differ in their APIs, the document emphasizes they can both be used to create valid Windows Store apps and developers should choose based on preference and code portability needs. It encourages mixing frameworks freely as long as platform guidelines are followed.
Thug: a new low-interaction honeyclient
Thug is a new low-interaction honeyclient for analyzing malicious web content and browser exploitation. It uses the Google V8 JavaScript engine and emulates different browser personalities to detect exploits. Thug analyzes content using static and dynamic analysis and logs results using MAEC format. Future work includes improving DOM emulation and JavaScript analysis to better identify vulnerabilities and exploit kits. The source code for Thug will be publicly released after the presentation.
What's New for AJAX Developers in IE8 Beta1?
IE8 Beta 1 For Developers introduces several new features for Ajax developers including improved compatibility with IE7, new WebSlice and Activity features, DOM storage, HTML5 events, and performance optimizations. It also includes a new developer toolbar for debugging JavaScript, CSS, and HTML.
Mobile App Development
The document discusses mobile app development from a web developer's perspective. It covers topics such as web apps vs native apps, technologies for mobile development like HTML5 and frameworks, and specific techniques for mobile like viewport scaling, geolocation APIs, and offline storage. The document provides examples of code for implementing these mobile techniques.
Echo HTML5
Slides I co-presented with John Dyer at the 2010 Echo Conference in Dallas, TX.
http://johndyer.name/
http://echoconference.com/
Fake it 'til you make it
This document discusses how to create mobile apps that feel native using only web technologies. It covers supporting features in Mobile Safari like local storage, CSS3 features, and geolocation. It recommends using web technologies over native due to quicker iteration times. Specific techniques covered include detecting browser type, adding home screen icons, startup images, going full screen, and viewport settings. The document also discusses frameworks like jQuery Mobile but notes native DOM APIs may be sufficient. It covers input features, touch vs click, animations, locking orientation, and performance tips. It acknowledges limitations of Android and webOS and recommends testing on actual devices. Finally, it discusses hybrid mobile frameworks like PhoneGap and Titanium that allow developing for multiple platforms using one code
The current status of html5 technology and standard
The document discusses the current status of HTML5 technology and standards. It provides an overview of recent developments in the industry regarding HTML5, compares HTML5 to other technologies like Flash and Silverlight, and highlights examples of Google using HTML5 in products like Gmail and new features enabled by HTML5. It also covers the browser support and standardization status of HTML5, including details about the W3C working groups developing HTML5 and related standards.
Codemotion 2013 - Designing complex applications using html5 and knockoutjs
The document discusses tools and frameworks for building complex applications using HTML5 and JavaScript. It begins with introductions and background on the speaker. The rest of the document outlines various topics: HTML5 and its benefits, JavaScript and patterns like modularity, client-side frameworks like KnockoutJS, server-side tools like TypeScript, packaging apps with Cordova or AppJS, and demonstrates some of the frameworks.
5 ways to embrace HTML5 today
The document discusses implementing HTML5 features today. It explains how to use new HTML5 elements by adding code to support older browsers. It also covers features like client-side storage, audio/video playback, geolocation, and new form types that can be readily used. The document provides code examples of adding HTML5 elements like header, nav and article to a web page.
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 and CSS3 have arrived and they are redefining rich, standards-based web development. Features previously the exclusive domain of browser plug-ins can now be added to web applications as easily as images. Understanding the new power that these standards define, as well as the rapidly increasing power and speed of JavaScript in modern browsers and devices is essential. These slides accompany a full-day workshop, where attendees are guided through the new features in HTML5 and CSS3, with special attention to how these technologies can be used today in new and old browsers.
JavaScript UI Architecture: Be all that you can be
Most web applications take UI architecture for granted, simply using out-of-the-box offerings from the framework of choice without much thought. This often yields far too complicated templating, data exchange (Ajax), URL routing, validation, etc. CVC (Client-View-Controller) is an alternative, deconstructed, framework-independent approach to building/delivering performant, maintainable web UI.
Ease into HTML5 and CSS3
HTML5 and CSS3 offer some great features that everyone is clamoring to use. However, not everyone can simply rip apart their site and redo all of their markup and styling across the board. There are some quick wins, especially with CSS3, to be had that you can integrate into your site without rewriting your whole entire site.
More Related Content
Viewers also liked
ExtJS Sencha Touch
ExtJS is a JavaScript framework for building rich, interactive web applications. It originated as an extension to the YUI library created by Jack Slocum to include custom components like grids. It later became an independent framework with its own complete set of GUI components. In 2011, ExtJS 4.0 introduced a native Model-View-Controller architecture. The company behind ExtJS, Sencha, also produces Sencha Touch for building mobile apps using similar components and patterns as ExtJS.
SEO and Marketing
This document discusses search engine optimization (SEO) and marketing. It begins with defining SEO and its importance for driving website traffic. It then covers key topics like search engines, on-page and off-page optimization techniques, SEO dos and don'ts, and tools like Google Analytics and Webmaster Tools. The goal of SEO is to get a site ranked highly in organic search results by optimizing pages with target keywords, links, and other on-page and off-page factors. Regular tracking and analysis of metrics is also recommended.
Kop e
1) The manual is intended to guide users in creating LAD programs for S7-300 and S7-400 PLCs and provides a reference for LAD language elements.
2) Familiarity with automation technology, computer use, and STEP 7 software is required to understand the manual.
3) The manual complies with programming standard IEC 1131-3 and is valid for STEP 7 version 5.4.
MVC In Sencha Touch
This document provides an overview of MVC (Model View Controller) architecture in Sencha Touch. It defines the roles of the Model, View and Controller, including that the Model manages data, the View manages UI display, and the Controller listens for user input and updates the Model and View. Code examples are given of defining a Model, View and Controller class in Sencha Touch. The document also includes a file structure diagram and notes that a live coding demo carries risks.
For other uses, see hajj
1. The Hajj is the annual pilgrimage to Mecca, Saudi Arabia required of all able-bodied Muslims at least once in their lifetime.
2. During the Hajj, pilgrims perform a series of rituals including circling the Kaaba seven times, running between the hills of Al-Safa and Al-Marwah, and throwing stones at pillars representing the devil.
3. Over 2 million pilgrims now participate in the Hajj each year, requiring advanced crowd control techniques due to the large numbers of people.
Introduction to ExtJS
An introduction to ExtJS. This article explains how to make a hello world program with ExtJs. This shows you a tip of ice-berg of what you can do & accomplish with ExtJS.
Google glass
This document provides an overview of Google Glass, including what it is, its key features and specifications. Google Glass is an optical head-mounted display developed by Google that resembles a pair of eyeglasses. It uses voice commands and visual cues to provide information directly to the user's field of vision through an augmented reality experience. The document outlines Google Glass' development history and testing program, as well as its potential applications and the technologies that enable its functionality, such as Android and augmented reality. Programming approaches for Glass include developing native Android apps or creating "Glassware" apps using the Mirror API.
Viewers also liked (7)
Similar to MVC in Sencha Touch & ExtJS
Busy Developer's Guide to Windows 8 HTML/JavaScript Apps
With the upcoming release of Windows 8, Microsoft decided to bring HTML+Javascript into the world of Windows-platform application development as a first-class citizen. But make no mistake, this isn’t an attempt to somehow subvert Web developers—it’s more about enabling Web developers to leverage those skills in building “native” Windows applications running on the Windows 8 laptops, desktops, and slates. In this presentation, we’ll go over the basics of building a Windows 8 app using HTML and JavaScript, including a brief overview of what’s possible—and what’s not—for the Web developer seeking to “go native” on Windows.
Using Cool New Frameworks in (Mobile) Domino Apps
Did you know there's an abundance of cool CSS and JS frameworks out there? Have you ever wanted to find out how you can use them in your own (mobile) Domino apps? Theo Heselmans shows real world applications from his customers using some of these powerful frameworks inside Domino. Explore with us on how they integrated Bootstrap, Ratchet.js, Knockout.js, Backbone.js, Underscore.js, jQuery.js and more!
Yii Framework - Do we really need another php framework?
The Yii Framework is a professional and comprehensive PHP MVC framework. This presentation gives a short overview over the coolest features (from my perspective).
Win j svsphonegap-damyan-petev-mihail-mateev
This document provides an overview and comparison of WinJS and PhoneGap for developing Windows Store apps. It discusses the key components of WinJS like controls, layouts, animations and styling. It also explains how PhoneGap allows developing Windows Store apps using web technologies by providing access to native device APIs via a native web view. While WinJS and PhoneGap differ in their APIs, the document emphasizes they can both be used to create valid Windows Store apps and developers should choose based on preference and code portability needs. It encourages mixing frameworks freely as long as platform guidelines are followed.
Thug: a new low-interaction honeyclient
Thug is a new low-interaction honeyclient for analyzing malicious web content and browser exploitation. It uses the Google V8 JavaScript engine and emulates different browser personalities to detect exploits. Thug analyzes content using static and dynamic analysis and logs results using MAEC format. Future work includes improving DOM emulation and JavaScript analysis to better identify vulnerabilities and exploit kits. The source code for Thug will be publicly released after the presentation.
What's New for AJAX Developers in IE8 Beta1?
IE8 Beta 1 For Developers introduces several new features for Ajax developers including improved compatibility with IE7, new WebSlice and Activity features, DOM storage, HTML5 events, and performance optimizations. It also includes a new developer toolbar for debugging JavaScript, CSS, and HTML.
Mobile App Development
The document discusses mobile app development from a web developer's perspective. It covers topics such as web apps vs native apps, technologies for mobile development like HTML5 and frameworks, and specific techniques for mobile like viewport scaling, geolocation APIs, and offline storage. The document provides examples of code for implementing these mobile techniques.
Echo HTML5
Slides I co-presented with John Dyer at the 2010 Echo Conference in Dallas, TX.
http://johndyer.name/
http://echoconference.com/
Fake it 'til you make it
This document discusses how to create mobile apps that feel native using only web technologies. It covers supporting features in Mobile Safari like local storage, CSS3 features, and geolocation. It recommends using web technologies over native due to quicker iteration times. Specific techniques covered include detecting browser type, adding home screen icons, startup images, going full screen, and viewport settings. The document also discusses frameworks like jQuery Mobile but notes native DOM APIs may be sufficient. It covers input features, touch vs click, animations, locking orientation, and performance tips. It acknowledges limitations of Android and webOS and recommends testing on actual devices. Finally, it discusses hybrid mobile frameworks like PhoneGap and Titanium that allow developing for multiple platforms using one code
The current status of html5 technology and standard
The document discusses the current status of HTML5 technology and standards. It provides an overview of recent developments in the industry regarding HTML5, compares HTML5 to other technologies like Flash and Silverlight, and highlights examples of Google using HTML5 in products like Gmail and new features enabled by HTML5. It also covers the browser support and standardization status of HTML5, including details about the W3C working groups developing HTML5 and related standards.
Codemotion 2013 - Designing complex applications using html5 and knockoutjs
The document discusses tools and frameworks for building complex applications using HTML5 and JavaScript. It begins with introductions and background on the speaker. The rest of the document outlines various topics: HTML5 and its benefits, JavaScript and patterns like modularity, client-side frameworks like KnockoutJS, server-side tools like TypeScript, packaging apps with Cordova or AppJS, and demonstrates some of the frameworks.
5 ways to embrace HTML5 today
The document discusses implementing HTML5 features today. It explains how to use new HTML5 elements by adding code to support older browsers. It also covers features like client-side storage, audio/video playback, geolocation, and new form types that can be readily used. The document provides code examples of adding HTML5 elements like header, nav and article to a web page.
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
HTML5 and CSS3 have arrived and they are redefining rich, standards-based web development. Features previously the exclusive domain of browser plug-ins can now be added to web applications as easily as images. Understanding the new power that these standards define, as well as the rapidly increasing power and speed of JavaScript in modern browsers and devices is essential. These slides accompany a full-day workshop, where attendees are guided through the new features in HTML5 and CSS3, with special attention to how these technologies can be used today in new and old browsers.
JavaScript UI Architecture: Be all that you can be
Most web applications take UI architecture for granted, simply using out-of-the-box offerings from the framework of choice without much thought. This often yields far too complicated templating, data exchange (Ajax), URL routing, validation, etc. CVC (Client-View-Controller) is an alternative, deconstructed, framework-independent approach to building/delivering performant, maintainable web UI.
Ease into HTML5 and CSS3
HTML5 and CSS3 offer some great features that everyone is clamoring to use. However, not everyone can simply rip apart their site and redo all of their markup and styling across the board. There are some quick wins, especially with CSS3, to be had that you can integrate into your site without rewriting your whole entire site.
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Times have changed, and although Java ME still has market share, it is not available on all devices anymore. Java/Java ME developers had no problem moving to BlackBerry or Android but faced challenges on iOS. HTML5 plus PhoneGap apps promised a silver bullet for a “write once, run on all devices” approach via several frameworks, which, in the end, offered painful JavaScript and CSS development. Although GWT offers a great Java-to-JavaScript compiler and debugger, mgwt introduces native-looking widgets on iOS, Android, and even BlackBerry. Also, with the addition of GWT/PhoneGap projects, you can now code native-looking HTML apps that can use native APIs with regular, type-safe, well-known beautiful Java without coding a single line of HTML plus JavaScript. Learn more in this session.
HTML5 for Rich User Experience
Canvas and WebGL allow for rich graphics and animation on the web through APIs for 2D and 3D drawing. Forms have been enhanced with new input types like email, number and date pickers. Features like drag and drop, geolocation, notifications and the history API enable more interactive experiences. Browser capabilities have been extended through APIs for multimedia, storage, web sockets and accessing hardware. HTML5 aims to provide these features to enhance user experience without additional plugins.
IPhone Web Development With Grails from CodeMash 2009
These are slides from my CodeMash 2009 presentation on developing iPhone web applications using Grails, Groovy and iUI.
Enjoying the full stack - Frontend 2010
The final talk of the Frontend2010 conference in Oslo, Norway talking about the need to make technical advancements interesting for people outside our comfort zone and about the benefits of using all the web technologies at our disposal to built bullet-proof solutions rather than flimsy showcases of what technologies could be used for.
Intro to mobile web application development
Learn all the basics of web app development including bootstrap, handlebars templates, jquery and angularjs, as well as using hybrid app deployment on a phone.
Similar to MVC in Sencha Touch & ExtJS (20)
Busy Developer's Guide to Windows 8 HTML/JavaScript Apps
Busy Developer's Guide to Windows 8 HTML/JavaScript Apps
Yii Framework - Do we really need another php framework?
Yii Framework - Do we really need another php framework?
The current status of html5 technology and standard
The current status of html5 technology and standard
Codemotion 2013 - Designing complex applications using html5 and knockoutjs
Codemotion 2013 - Designing complex applications using html5 and knockoutjs
JavaScript UI Architecture: Be all that you can be
JavaScript UI Architecture: Be all that you can be
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"
IPhone Web Development With Grails from CodeMash 2009
IPhone Web Development With Grails from CodeMash 2009
Recently uploaded
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
Removing Uninteresting Bytes in Software Fuzzing
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
20240607 QFM018 Elixir Reading List May 2024
Everything I found interesting about the Elixir programming ecosystem in May 2024
Full-RAG: A modern architecture for hyper-personalization
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
Mind map of terminologies used in context of Generative AI
Mind map of common terms used in context of Generative AI.
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/
DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen!
Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell.
Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten.
Diese Themen werden behandelt
- Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten
- Wie funktionieren CCB- und CCX-Lizenzen wirklich?
- Verstehen des DLAU-Tools und wie man es am besten nutzt
- Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw.
- Praxisbeispiele und Best Practices zum sofortigen Umsetzen
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
Best 20 SEO Techniques To Improve Website Visibility In SERP
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Recently uploaded (20)
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
MVC in Sencha Touch & ExtJS
- 1. Writing Mobile & Desktop Apps with Sencha @aaronwhite
- 2. Co-Founder CTO (Boundless Learning is a funded, stealth-mode education startup doing *big* things)
- 3. Sencha ➡Sencha Touch • HTML5 JS Framework for Mobile ➡ExtJS • Robust JS Framework for Desktop
- 4. Sencha Touch
- 5. Sencha Touch ➡HTML5 / CSS3 / JS ➡Works with: • iOS 3+ • Android 2.1+ • Blackberry 6+ ➡Touch-centric ➡Tiny (120kb) ➡ Works w/ PhoneGap ➡MVC
- 6. MVC++ Model Store Proxy View Controller
- 7. Example App! RockLog JS & rock-climbing go hand-in-hand, they’re both dangerous if you don’t know what you’re doing
- 8. git checkout boilerplate (basic file structure, basic app)
- 9. git checkout first-controller (viewport, routes, controller, view)
- 10. git checkout second-controller (listeners, dispatching)
- 11. git checkout show-me-the-data (models, store, list display)
- 12. git checkout view-record (switching views, templating)
- 13. git checkout add-record (forms, adding data to store)
- 14. Next Steps ➡Merge & minify ➡Add Proxy to Store ➡PhoneGap
- 15. ExtJS
- 16. ExtJS ➡Desktop Browser JS Framework ➡Robust • Cross-browser • Mature Class-system • Thorough MVC • Charting ➡Tools, Editors, etc ➡Frankly, it’s badass (story!)
- 17. MVC++ Model Store Proxy View Controller (But way better)
- 18. RockLog Desktop Now I’m just showing off
- 19. git checkout boilerplate (basic file structure, basic app)
- 20. git checkout show-me-the-data (models, store, list display)
- 21. git checkout view-record (switching views, templating)
- 22. git checkout add-record (forms, adding data to store)
- 23. Next Steps ➡Merge & minify ➡Add Proxy to Store ➡All sorts of bells & whistles
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n