Discuss the basics of the AWS CDK with its pros and cons. Including how the Cloud Development Kit (CDK) helped overcome the challenges faced in their previous serverless IaC solution.
Github repo for the PoC Source Code: https://github.com/dtl-open/cdkpoc
How to deploy a production ready serverless application
Level: 300
To get the most out of the agility afforded by serverless, it is essential to build CI/CD pipelines that help teams iterate on code and quickly release features.
Serverless and distributed systems in production cannot be done any other way than with a good and efficient CI/CD pipeline.
In this talk, I demonstrate how you can use infrastructure-as-code (IaC) models to build effective CI/CD release workflows to manage serverless deployments on AWS, using tools like AWS CodeBuild, AWS CodePipeline, and AWS CodeDeploy.
Specifically, we focus on how to automate safer deployments that can be monitored and rolled back automatically.
I will do demos where I deploy Lambdas with Code* suite and show examples with complex systems.
Adopting Java for the Serverless world at Serverless Meetup New York and BostonVadym Kazulkin
Java is for many years one of the most popular programming languages, but it used to have hard times in the Serverless Community. Java is known for its high cold start times and high memory footprint. For both you have to pay to the cloud providers of your choice. That's why most developers tried to avoid using Java for such use cases. But the times change: Community and cloud providers improve things steadily for Java developers. In this talk we look at the features and possibilities AWS cloud provider offers for the Java developers and look the most popular Java frameworks, like Micronaut, Quarkus and Spring (Boot) and look how (AOT compiler and GraalVM native images play a huge role) they address Serverless challenges and enable Java for broad usage in the Serverless world.
Writing less code with Serverless on AWS at AWS User Group NairobiVadym Kazulkin
The purpose of Serverless is to focus on writing the code that delivers business value and offload undifferentiated heavy lifting to the Cloud providers or SaaS vendors of your choice. Today’s code quickly becomes tomorrow’s technical debt even if you meet the perfect decision. The less you own, the better it is from the maintainability point of view. In this talk I will go through examples of the various Serverless architectures on AWS where you glue together different Serverless managed services relying mostly on configuration, significantly reducing the amount of the code written to perform the task. Own less, build more!
This document provides an agenda for a Bluemix hands-on lab occurring on Friday, December 11th, 2015. The agenda includes introductions, three hands-on labs for deploying and scaling apps and introducing DevOps concepts, a discussion of integrating core banking and mobile app development, and several presentations on Bluemix and DevOps.
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
Keynote at Dockercon Europe Amsterdam Dec 4th, 2014.
Speeding up development with Docker.
Summary of some interesting web scale microservice architectures.
Please send me updates and corrections to the architecture summaries @adrianco
Thanks Adrian
AWS Core services:
* The AWS web console: the entry point for configuring your infrastructure in the AWS cloud
* The Free Tier and how to setup billing alerts
* Elastic Compute Cloud (EC2) instances, and the ease with which you can pick a particular Amazon Machine Image (AMI) for your workload, and spin it up as an instance right away
* How to create and deploy a high-availability web application in AWS, with an Elastic Load Balancer (ELB) and a multi-availability-zone Relational-Database-Service (RDS) instance
* How CloudFormation can automate all of the above.
Serverless Functions:
Serverless architecture allows developers to focus on code and their business problem rather than spending time looking after backend infrastructure. Serverless architecture can help developers build scalable, high-performing, and cost-effective applications quickly
We will talk about how serverless architecture and AWS Lambda can make things easier, cheaper, and help to accelerate development of projects.
Invited talk at Usenix 25th June 2008 Boston MA. Discusses the future of pocket and enterprise computing over the next few years, based on publicly available information.
In this talk, Dale Salter, Software Development Lead at A Cloud Guru, walks through how we build serverless architecture for our cloud learning platform.
Mr. Suraj Mehta submitted a seminar report on "Google App Engine" to the Department of Computer Engineering at KJ's Educational Institute in Pune, India. The report provides an overview of Google App Engine, including how it works, its storage management, development workflow, quotas and limits, and a proposed framework for using App Engine for parameter studies. It also discusses advantages, disadvantages, and compares App Engine to other cloud platforms. The seminar guide and HOD of the Computer Engineering department certified that Mehta satisfactorily completed the report as required.
The document summarizes major themes from JavaOne 2009 including cloud computing, social networking, mobile applications, rich Internet applications, interoperability, and the future of Java technologies. Cloud computing topics covered levels of cloud services, providers, and an example using Amazon S3. Social networking covered trends like integration with other sites and monetization. Mobile focused on bringing JavaFX to more devices. Rich applications discussed enhancing user experience with Ajax, push technologies, and JavaFX. Interoperability examined making components work across technologies. The future section previewed upcoming Java releases from NetBeans, Glassfish, Spring, and Oracle.
IBM WebSphere Application Foundation Sessions at IBM InterConnect 2015ibmwebspheresoftware
This document provides an agenda for the WebSphere Application Foundation Product Sessions conference, including:
- Keynote sessions on digital transformation and hybrid cloud
- Over 30 client sessions from companies like New York Life Insurance, Nationwide, and Banco Votorantim on their experiences with WebSphere
- Breakout sessions on topics like managing dynamic workloads, modularity, deploying to the cloud, and choosing the Liberty profile
- Customer feedback roundtables to provide input on features like the Liberty admin center and elastic caching roadmap
- Hands-on labs and opportunities to meet IBM experts
The conference offers presentations, case studies, and technical discussions around WebSphere Application Server, Liberty Profile,
Handling Asynchronous Workloads With OpenShift and Iron.ioIvan Dwyer
This document discusses event-driven computing and how Iron.io fits into handling asynchronous workloads in modern cloud applications. It describes how Iron.io allows developers to build event-driven workflows by triggering tasks on events, choreographing workflows, and running processes at scale without managing infrastructure. The document highlights key Iron.io concepts like workers, runners, and queues and explains how developers can use Iron.io to decouple application components and respond to events. It also provides examples of how companies like Bleacher Report, Hotel Tonight, and Untappd use Iron.io to improve performance.
Building a Bank out of Microservices (NDC Sydney, August 2016)Graham Lea
From April 2014, Tyro Payments assigned more than half of it's Engineering team to developing and deploying a bespoke core banking system. Over the course of 18 months we shipped 21 new services and a new mobile app, as well as integrating with new external partners and Tyro's existing systems.
In this talk I presented a case study of the project, covering:
• the core tenets and some of the more interesting aspects of our architecture;
• why we were well positioned to use microservices for this greenfield work;
• the decisions we made that turned out well and the ones that didn't;
• security (we know a bit about that);
• testing (we do lots of it);
• deployment;
• how the system and the team is evolving.
COM 203 Enable continuous delivery and resiliency for a static websiteBhuvaneswari Subramani
When you’ve successfully hosted a static website on Amazon S3, the next step is to establish continuous integration and continuous deployment (CI/CD) from your repository to the S3 bucket. The most important considerations are whether disaster recovery is in place and whether it is resilient. In this session, learn how to use AWS CodePipeline to establish continuous delivery for every commit into an AWS CodeCommit or GitHub repository. Then, learn how to set up cross-Region replication with an S3 bucket in another Region for disaster recovery, using an Amazon CloudFront origin group with a main and DR bucket as primary and secondary origins.
Amazon Web Services (AWS) provides on-demand cloud computing platforms and APIs to individuals, companies, and governments, allowing them to access virtual computer systems and computer-hosted services through the Internet. AWS began in 2006 with a focus on providing web service infrastructure for Amazon's own retail division, and has since expanded into a broad range of cloud-based services including computing, storage, networking, database, analytics, application services, and deployment/management tools. With AWS, users pay only for resources consumed, avoiding up-front costs and gaining elasticity to scale up as needed.
3D Printing - A 2014 Horizonwatching Trend Summary ReportBill Chamberlin
ABOUT 3D PRINTING: Also called Additive Manufacturing, 3D printing has been hailed as a transformative manufacturing technology, 3D printing involves fabrication of physical objects by depositing a material using a nozzle, print head, or any another printer technology. Though initially used for prototyping of products, 3D printing has evolved and is currently capable of customized short-run manufacturing of industrial products, dental implants, and medical devices.
ABOUT THIS TREND REPORT: This report provide information about the 3D Printing trend along with links to additional resources.
Table of Contents
1.Introduction to 3D Printing
2.Marketplace Opportunities and Industry Applications
3.Materials & Technologies
4.Vendor Ecosystem
5.Drivers, Challenges, Implications, Trends to Watch
6.Summary / Recommendations
7.Appendix: Resources for further reading & understanding
This document provides an overview of key trends in financial technology and digital banking. It discusses the growth of mobile banking and investments banks are making to upgrade their mobile and online services. Other topics covered include the value of customer data, social media metrics, application programming interfaces, and cloud computing. Brief quotes from reviews of the author Chris Skinner's book praise its timely examination of challenges facing banks in the digital age.
The document is a presentation on creative planning given by Leon Phang at Miami Ad School. It discusses how creative planning is important to combine creativity and strategy. Phang believes the key is to be both creatively inspiring and relevant/differentiating. The rest of the presentation will cover the "creative domain" and tools for filling it. Strategic planning is important to get the basics right and avoid teams getting lost in the process without proper planning.
Fintech and Transformation of the Financial Services IndustryRobin Teigland
The document provides an agenda for a January 2016 event on financing innovation and FinTech industry transformation. The morning session focuses on financing startups, including lectures and group work. The afternoon session discusses FinTech and industry disruption, with lectures from digital economy experts and a discussion on disruptors versus industry incumbents. Guidelines are provided for a group presentation on funding a startup. The document also includes background information on industry transformation drivers, trajectories of change, and the impact of digital technologies on banking.
This document provides an overview of fire protection systems for buildings. It discusses causes of fires and safety regulations for building materials and design features to prevent fire spread. It also describes different types of active fire protection systems, including fire suppression systems like sprinklers, fire detection systems, and passive fire protection methods like fire-resistant construction materials and compartmentalization of buildings. The document outlines the key components and goals of both active and passive fire protection strategies.
What we carry with us in our everyday lives and interactions is just as important for our success as our technical skills and achievements.
This is what I carry with me. What do YOU carry?
Slides designed and produced with Haiku Deck for iPad. Set your story free with Haiku Deck at http://www.haikudeck.com/
You can learn more about Jonathon Colman at http://www.jonathoncolman.org/
Gear Cutting Presentation for Polytechnic College Students of Indiakichu
This presentation was made by me to supplement classroom lecture on Gear Cutting technology as part of the Machine Shop technology module for IV Semester of DME and DAE students of K Scheme. Useful for Polytechnic College Students of India.
The Ultimate Guide to Creating Visually Appealing ContentNeil Patel
From videos to infographics, I’m constantly leveraging visual media.
Can you guess why?
It’s because these visual content pieces are generating more backlinks than any other form of content I publish, which—in the long run—helps increase my search engine rankings and overall readership numbers.
So, how do you create these visual masterpieces? Well, this infographic should help you.
How to Make Awesome SlideShares: Tips & TricksSlideShare
Turbocharge your online presence with SlideShare. We provide the best tips and tricks for succeeding on SlideShare. Get ideas for what to upload, tips for designing your deck and more.
No need to wonder how the best on SlideShare do it. The Masters of SlideShare provides storytelling, design, customization and promotion tips from 13 experts of the form. Learn what it takes to master this type of content marketing yourself.
SlideShare is a global platform for sharing presentations, infographics, videos and documents. It has over 18 million pieces of professional content uploaded by experts like Eric Schmidt and Guy Kawasaki. The document provides tips for setting up an account on SlideShare, uploading content, optimizing it for searchability, and sharing it on social media to build an audience and reputation as a subject matter expert.
Not sure what to share on SlideShare?
SlideShares that inform, inspire and educate attract the most views. Beyond that, ideas for what you can upload are limitless. We’ve selected a few popular examples to get your creative juices flowing.
Invited talk at Usenix 25th June 2008 Boston MA. Discusses the future of pocket and enterprise computing over the next few years, based on publicly available information.
In this talk, Dale Salter, Software Development Lead at A Cloud Guru, walks through how we build serverless architecture for our cloud learning platform.
Mr. Suraj Mehta submitted a seminar report on "Google App Engine" to the Department of Computer Engineering at KJ's Educational Institute in Pune, India. The report provides an overview of Google App Engine, including how it works, its storage management, development workflow, quotas and limits, and a proposed framework for using App Engine for parameter studies. It also discusses advantages, disadvantages, and compares App Engine to other cloud platforms. The seminar guide and HOD of the Computer Engineering department certified that Mehta satisfactorily completed the report as required.
The document summarizes major themes from JavaOne 2009 including cloud computing, social networking, mobile applications, rich Internet applications, interoperability, and the future of Java technologies. Cloud computing topics covered levels of cloud services, providers, and an example using Amazon S3. Social networking covered trends like integration with other sites and monetization. Mobile focused on bringing JavaFX to more devices. Rich applications discussed enhancing user experience with Ajax, push technologies, and JavaFX. Interoperability examined making components work across technologies. The future section previewed upcoming Java releases from NetBeans, Glassfish, Spring, and Oracle.
IBM WebSphere Application Foundation Sessions at IBM InterConnect 2015ibmwebspheresoftware
This document provides an agenda for the WebSphere Application Foundation Product Sessions conference, including:
- Keynote sessions on digital transformation and hybrid cloud
- Over 30 client sessions from companies like New York Life Insurance, Nationwide, and Banco Votorantim on their experiences with WebSphere
- Breakout sessions on topics like managing dynamic workloads, modularity, deploying to the cloud, and choosing the Liberty profile
- Customer feedback roundtables to provide input on features like the Liberty admin center and elastic caching roadmap
- Hands-on labs and opportunities to meet IBM experts
The conference offers presentations, case studies, and technical discussions around WebSphere Application Server, Liberty Profile,
Handling Asynchronous Workloads With OpenShift and Iron.ioIvan Dwyer
This document discusses event-driven computing and how Iron.io fits into handling asynchronous workloads in modern cloud applications. It describes how Iron.io allows developers to build event-driven workflows by triggering tasks on events, choreographing workflows, and running processes at scale without managing infrastructure. The document highlights key Iron.io concepts like workers, runners, and queues and explains how developers can use Iron.io to decouple application components and respond to events. It also provides examples of how companies like Bleacher Report, Hotel Tonight, and Untappd use Iron.io to improve performance.
Building a Bank out of Microservices (NDC Sydney, August 2016)Graham Lea
From April 2014, Tyro Payments assigned more than half of it's Engineering team to developing and deploying a bespoke core banking system. Over the course of 18 months we shipped 21 new services and a new mobile app, as well as integrating with new external partners and Tyro's existing systems.
In this talk I presented a case study of the project, covering:
• the core tenets and some of the more interesting aspects of our architecture;
• why we were well positioned to use microservices for this greenfield work;
• the decisions we made that turned out well and the ones that didn't;
• security (we know a bit about that);
• testing (we do lots of it);
• deployment;
• how the system and the team is evolving.
COM 203 Enable continuous delivery and resiliency for a static websiteBhuvaneswari Subramani
When you’ve successfully hosted a static website on Amazon S3, the next step is to establish continuous integration and continuous deployment (CI/CD) from your repository to the S3 bucket. The most important considerations are whether disaster recovery is in place and whether it is resilient. In this session, learn how to use AWS CodePipeline to establish continuous delivery for every commit into an AWS CodeCommit or GitHub repository. Then, learn how to set up cross-Region replication with an S3 bucket in another Region for disaster recovery, using an Amazon CloudFront origin group with a main and DR bucket as primary and secondary origins.
Amazon Web Services (AWS) provides on-demand cloud computing platforms and APIs to individuals, companies, and governments, allowing them to access virtual computer systems and computer-hosted services through the Internet. AWS began in 2006 with a focus on providing web service infrastructure for Amazon's own retail division, and has since expanded into a broad range of cloud-based services including computing, storage, networking, database, analytics, application services, and deployment/management tools. With AWS, users pay only for resources consumed, avoiding up-front costs and gaining elasticity to scale up as needed.
3D Printing - A 2014 Horizonwatching Trend Summary ReportBill Chamberlin
ABOUT 3D PRINTING: Also called Additive Manufacturing, 3D printing has been hailed as a transformative manufacturing technology, 3D printing involves fabrication of physical objects by depositing a material using a nozzle, print head, or any another printer technology. Though initially used for prototyping of products, 3D printing has evolved and is currently capable of customized short-run manufacturing of industrial products, dental implants, and medical devices.
ABOUT THIS TREND REPORT: This report provide information about the 3D Printing trend along with links to additional resources.
Table of Contents
1.Introduction to 3D Printing
2.Marketplace Opportunities and Industry Applications
3.Materials & Technologies
4.Vendor Ecosystem
5.Drivers, Challenges, Implications, Trends to Watch
6.Summary / Recommendations
7.Appendix: Resources for further reading & understanding
This document provides an overview of key trends in financial technology and digital banking. It discusses the growth of mobile banking and investments banks are making to upgrade their mobile and online services. Other topics covered include the value of customer data, social media metrics, application programming interfaces, and cloud computing. Brief quotes from reviews of the author Chris Skinner's book praise its timely examination of challenges facing banks in the digital age.
The document is a presentation on creative planning given by Leon Phang at Miami Ad School. It discusses how creative planning is important to combine creativity and strategy. Phang believes the key is to be both creatively inspiring and relevant/differentiating. The rest of the presentation will cover the "creative domain" and tools for filling it. Strategic planning is important to get the basics right and avoid teams getting lost in the process without proper planning.
Fintech and Transformation of the Financial Services IndustryRobin Teigland
The document provides an agenda for a January 2016 event on financing innovation and FinTech industry transformation. The morning session focuses on financing startups, including lectures and group work. The afternoon session discusses FinTech and industry disruption, with lectures from digital economy experts and a discussion on disruptors versus industry incumbents. Guidelines are provided for a group presentation on funding a startup. The document also includes background information on industry transformation drivers, trajectories of change, and the impact of digital technologies on banking.
This document provides an overview of fire protection systems for buildings. It discusses causes of fires and safety regulations for building materials and design features to prevent fire spread. It also describes different types of active fire protection systems, including fire suppression systems like sprinklers, fire detection systems, and passive fire protection methods like fire-resistant construction materials and compartmentalization of buildings. The document outlines the key components and goals of both active and passive fire protection strategies.
What we carry with us in our everyday lives and interactions is just as important for our success as our technical skills and achievements.
This is what I carry with me. What do YOU carry?
Slides designed and produced with Haiku Deck for iPad. Set your story free with Haiku Deck at http://www.haikudeck.com/
You can learn more about Jonathon Colman at http://www.jonathoncolman.org/
Gear Cutting Presentation for Polytechnic College Students of Indiakichu
This presentation was made by me to supplement classroom lecture on Gear Cutting technology as part of the Machine Shop technology module for IV Semester of DME and DAE students of K Scheme. Useful for Polytechnic College Students of India.
The Ultimate Guide to Creating Visually Appealing ContentNeil Patel
From videos to infographics, I’m constantly leveraging visual media.
Can you guess why?
It’s because these visual content pieces are generating more backlinks than any other form of content I publish, which—in the long run—helps increase my search engine rankings and overall readership numbers.
So, how do you create these visual masterpieces? Well, this infographic should help you.
How to Make Awesome SlideShares: Tips & TricksSlideShare
Turbocharge your online presence with SlideShare. We provide the best tips and tricks for succeeding on SlideShare. Get ideas for what to upload, tips for designing your deck and more.
No need to wonder how the best on SlideShare do it. The Masters of SlideShare provides storytelling, design, customization and promotion tips from 13 experts of the form. Learn what it takes to master this type of content marketing yourself.
SlideShare is a global platform for sharing presentations, infographics, videos and documents. It has over 18 million pieces of professional content uploaded by experts like Eric Schmidt and Guy Kawasaki. The document provides tips for setting up an account on SlideShare, uploading content, optimizing it for searchability, and sharing it on social media to build an audience and reputation as a subject matter expert.
Not sure what to share on SlideShare?
SlideShares that inform, inspire and educate attract the most views. Beyond that, ideas for what you can upload are limitless. We’ve selected a few popular examples to get your creative juices flowing.
The document discusses engaging students with technology and rethinking education. It addresses how technology can support literacy, community, and assessment. Some key ideas include using technology to personalize learning, connect students in multiple ways, and make assessment a conversation rather than just scores on a spreadsheet. The role of joy in education is also discussed.
SlideShare now has a player specifically designed for infographics. Upload your infographics now and see them take off! Need advice on creating infographics? This presentation includes tips for producing stand-out infographics. Read more about the new SlideShare infographics player here: http://wp.me/p24NNG-2ay
This infographic was designed by Column Five: http://columnfivemedia.com/
55 Business Models to Revolutionize your Business by Michaela Csikjindrichweiss
This document provides an overview of a presentation on business model innovation given by Dr. Michaela Csik. It includes her professional background and experience in business model innovation consulting and research. The presentation discusses why business model innovation is important for company success, provides examples of companies that failed to innovate their business models, and introduces a framework called the St. Gallen Business Model Navigator that can be used to systematically develop innovative new business models.
Each month, join us as we highlight and discuss hot topics ranging from the future of higher education to wearable technology, best productivity hacks and secrets to hiring top talent. Upload your SlideShares, and share your expertise with the world!
This document provides tips to avoid common mistakes in PowerPoint presentation design. It identifies the top 5 mistakes as including putting too much information on slides, not using enough visuals, using poor quality or unreadable visuals, having messy slides with poor spacing and alignment, and not properly preparing and practicing the presentation. The document encourages presenters to use fewer words per slide, high quality images and charts, consistent formatting, and to spend significant time crafting an engaging narrative and rehearsing their presentation. It emphasizes that an attractive design is not as important as being an effective storyteller.
The document discusses astronomy and the scientific study of celestial objects. It provides information on stars, galaxies, and the formation and components of the solar system. Specifically, it notes that astronomy is the study of matter in outer space, including the positions, dimensions, distribution, motion, composition, energy, and evolution of celestial bodies. It also summarizes that the universe started as a single point which exploded outward in the big bang and has been expanding ever since. Finally, it outlines the key parts of the solar system, including the sun, planets, asteroids, comets, and meteoroids.
HTML5 and the dawn of rich mobile web applicationsJames Pearce
HTML5 and its related technologies are enabling new ways to build beautiful sites and applications for contemporary mobile devices. Native mobile developers can now use web technologies to surmount cross-platform headaches, and desktop web developers can reach mobile users in familiar, app-like ways. This session explores the state of the art in HTML5-based mobile web frameworks, and demonstrates the practical possibilities that this powerful and standards-based approach can bring.
Building Cross Platform Mobile Web AppsJames Pearce
Frameworks like Sencha Touch are heralding a new way of building mobile services using Javascript, HTML5 and CSS3. If you want to discover how to use standard web technologies to reach your mobile users in beautiful app-like ways, this session is for you.
We explore the possibilities that each of these rich, standards-based libraries can bring, we show how the mobile device is fast becoming a first-class Javascript run-time environment, and we discuss how we might be on the dawn of a new web age, where mobile and client-side applications can immerse billions of users with exciting, contextually-aware experiences.
Building cross platform mobile web appsJames Pearce
This document discusses building cross-platform mobile web applications using HTML5, CSS3 and JavaScript. It introduces Sencha Touch, a framework for building rich mobile web apps, and how it provides tools and components like layouts, themes, touch events and data synchronization to build apps that work across platforms. The document advocates for a mobile web approach using open web standards over native apps, arguing it allows for cross-platform development, easier updating and a more decentralized approach.
Building Cloud-Based Cross-Platform Mobile Web AppsJames Pearce
As presented at http://www.meetup.com/MobileCloud/events/17159747/
The web is always evolving, but we're witnessing a significant architectural shift as services migrate to the cloud, business logic moves to ever-thicker clients, and the web escapes the desktop to become a beautifully mobile medium.
In this environment, web application frameworks like Sencha Touch offer a new way of building mobile services using HTML5, CSS3, and JavaScript. We'll explore the possibilities that this rich, standards-based approach can bring, how to develop mobile web apps that look and feel native on iPhone, Android, and BlackBerry touch devices, and how to leverage the power of cloud-based services to provide scalable and compelling applications in this new world.
This document provides an introduction to HTML5 and discusses the evolution of the web. It notes that the web is changing from a single device experience to a multi-device one, and from thin clients to thick applications. It shows how browser platforms and programming languages have diversified for smartphones. The document highlights how HTML5 is bringing new capabilities like geolocation, video, audio and graphics to the web in a standardized way. It encourages keeping up with browser support and using polyfills and frameworks. Finally, it speculates about how the mobile web may gain access to device APIs and become more like a mobile platform itself.
HTML5 and the dawn of rich mobile web applications pt 1James Pearce
Mobile applications are evolving to leverage HTML5 and rich web technologies. While native mobile applications currently have advantages in terms of performance and access to device features, HTML5 allows building applications that work across mobile devices and platforms using web standards. Frameworks like jQuery Mobile and Sencha Touch demonstrate how to build mobile-optimized interfaces using HTML, CSS, and JavaScript. HTML5 applications have the potential for broader reach and less development effort compared to building separate native apps, though performance compromises remain versus truly native apps.
The document discusses the state of cross-platform mobile web apps. It notes that while HTML5 provides many capabilities of native mobile apps, developing cross-platform web apps remains challenging due to differences in browser platforms and a lack of universal support for HTML5 features. Hybrid mobile apps that use a native wrapper and HTML5 for app logic offer greater access to device functionality but still must target multiple platforms. Ultimately, no solution provides the same level of "nativeness" as truly native mobile apps.
A Snapshot of the Mobile HTML5 RevolutionJames Pearce
The document discusses the evolution of HTML5 and mobile applications. It notes that HTML5 allows building applications that work across different devices using a single codebase, but that native apps still have advantages in terms of performance and access to device functionality. Hybrid apps use a native wrapper and WebView to bridge this gap by allowing HTML5 apps to access device APIs while retaining cross-platform capabilities. Overall the document examines the tradeoffs between different mobile app approaches.
The mobile industry is worth over $1.3 trillion annually with over 1.6 billion mobile phones sold in 2011. There is significant hardware fragmentation across the over 680,000 distinct Android devices. Developing apps across the top 4 mobile platforms (iOS, Android, Symbian, Blackberry) reaches only 20% of devices. Mobile platforms differ in their programming languages, development environments, and app stores. No single cross-platform development tool supports all mobile platforms, and mobile web apps face challenges of fragmentation, performance, and monetization.
This document introduces Sencha Touch, a JavaScript framework for building rich mobile apps with web standards. It discusses how Sencha Touch allows developers to write code once and deploy apps across multiple mobile platforms, leveraging familiar skills and technologies like HTML, CSS, and JavaScript. The document outlines key Sencha Touch features like layouts, components, touch events, data handling, theming and more. It provides examples of common UI components like lists, carousels, sheets and shows how they are implemented. Finally, it discusses architectural considerations for mobile apps and potential opportunities around location services, analytics and monetization.
Shape 2013 developing multi targeting windows store and windows phone appsJose Luis Latorre Millas
This document provides an agenda for a presentation on developing multi-targeting Windows 8 and Windows Phone 8 apps. The agenda includes discussing the importance of multi-targeting, an ABC on multi-targeting, modeling apps using MVVM, and creating a sample multi-targeting app to demonstrate sharing code across platforms using portable class libraries, applying MVVM, and creating platform-specific views. The presentation aims to provide best practices for multi-targeting apps across Windows 8 and Windows Phone 8 through code sharing and proper design patterns like MVVM.
This document discusses building rich mobile apps with web standards using Sencha Touch. It summarizes the key benefits of Sencha Touch, including being cross-platform, using existing skills and tools, and not requiring app approval. It then provides an overview of Sencha Touch's features like layouts, components, touch events, data handling, theming and more. The document concludes by encouraging building a demo app to experience Sencha Touch.
A Magic apresenta sua plataforma de desenvolvimento de aplicações agora com foco em dispositivos móveis.
Multi-plataforma e desenvolvimento de ponta a ponta, reduzindo complexidades e viabilizando pro
Native i os, android, and windows development in c# with xamarin 4Xamarin
Dive into mobile app development with Xamarin 4 in this presentation from Xamarin Developer Evangelist James Montemagno as he walks you through how to build beautiful, performant apps with the Xamarin Platform.
Drupal è uno strumento che permette di sviluppare applicazioni web con rapidità e semplicità, in questa sessione analizzeremo le tecniche che permettono di trasferire le stesse metodologie per lo sviluppo di applicazioni mobile.
Faremo una overview di applicazioni già sviluppate, sull’utilizzo delle API e dei moduli contrib e su come creare applicazioni native integrando framework come Titanium e Phonegap.
Oltre al codice, parleremo di come i core developers stanno affrontando lo sviluppo della prossima release Drupal 8, della Mobile e Web Services initiative e dell’evoluzione dell’architettura con l’integrazione di alcuni componenti di Symfony2.
The document discusses predictions for trends in web and HTML5 for 2013. The top 10 trends are: 1) Increased use of HTML5-enabled devices, 2) HTML5 becoming the standard, 3) Plans to finalize HTML5.1 in 2014, 4) Specialization of web apps, 5) Increased web APIs, 6) Emergence of web operating systems, 7) Expansion of the web into new areas, 8) Responsive web design, 9) Need for policies around the web, and 10) Rethinking the web ecosystem. The document provides details on each trend and discusses related topics like HTML5 standardization.
The document discusses predictions for trends in web and HTML5 for 2013. The top 10 trends are: 1) Increased use of HTML5-enabled devices, 2) HTML5 becoming the standard, 3) Plans to finalize HTML5.1 in 2014, 4) Specialization of web apps, 5) Growth in the number of web APIs, 6) Emergence of web operating systems, 7) Expansion of the web into new areas like digital signage, 8) Responsive web design, 9) Need for policies around web development, and 10) Rethinking the web ecosystem. The document provides details on each trend and related technologies.
Polysource-IT is an experienced Ukrainian software development company that offers a wide range of services to customers globally. They have a large development center in Ukraine with strong technical and business analysis skills. They provide customized solutions across several industries like finance, healthcare, manufacturing and more. Customers choose them for their individualized approach, transparent development process, and flexible payment options.
Polysource-IT is an experienced Ukrainian software development company that offers a wide range of services to customers globally. They have a large development center in Ukraine with strong technical and business analysis skills. They provide customized solutions across several industries like finance, healthcare, manufacturing and more. Customers choose them for their individualized approach, transparent development process, and flexible payment options.
This document discusses why front end developers are needed. It begins by defining what a front end developer is and outlines some of their typical duties, which include working on the user interface, accessibility, testing, multimedia, design, and optimization of the front end. It notes that while back end developers focus more on the server side, front end developers ensure the client-side code and experience are effective. The document also discusses some of the challenges of front end development like different browsers, mobile environments, and JavaScript frameworks. It emphasizes that user interface and design are important aspects that should not be an afterthought.
Breathe New Life into Your Existing JavaScript Applications with Web ComponentsSencha
You probably have an existing JavaScript application using components that you love, maybe a grid, some graphs, etc. Perhaps today you use Angular and your company is thinking about moving to React, or Vue, and with new frameworks appearing every week, who knows what is next. How do you bring along those great components you have been using?
That is where Web Components fits in!
In this session we will look at some popular enterprise components and their usage in Angular and React. Then we will look at the Web Components spec to use those existing components you know and love in any framework - including no framework at all!
Our latest release, Sencha Ext JS 6.6, includes several major enhancements as well as support for npm packaging and open tooling for exceptionally easy workflows that every JavaScript developer is familiar with. With open tooling, Ext JS developers now have powerful tooling to rapidly generate, build and update Ext JS applications. Read the blog post to learn more: https://www.sencha.com/blog/announcing-sencha-ext-js-6-6-with-open-tooling-ga/
Die Sicht auf große Datenmengen läßt sich in ExtJS auf zwei Wege darstellen – entweder durch Paging oder durch scrollen. Während beide Konzepte das selbe Ziel verfolgen, bringt die Implementierung eines Buffered Stores in ExtJS einige Hürden mit sich, die UI-Konzepte wie dynamisches Löschen oder Hinzufügen von Datensätzen verhindern. Diese Session gibt einen Einblick in den Aufbau eines BufferedStores und zeigt Ansätze, wie man mehr Dynamik in Grids bringen kann, die diesen Store verwenden.
Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd Sencha
Learn how to use Ext JS and Cmd to deliver Progressive Web Applications to deliver the best of both web and mobile app experiences. Web apps can be found easily on the internet and every user is guaranteed access to the same and latest version of the application. Plus, mobile app capabilities, such as offline support and optimizing access to the underlying network using service workers, take the user experience to a whole new level.
Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App TestingSencha
Learn how to create end-to-end functional tests quickly across multiple browsers simultaneously and scale the automated test suite to over thousands of test cases and cross-browser combinations for a complete regression cycle. We will demonstrate how we are able to locate a component, generate test code, and execute tests from TeamCity.
Sencha Roadshow 2017: What's New in Sencha TestSencha
Learn how you can improve the quality of web applications through Sencha Test 2.2. We’ll demonstrate how you can build robust tests using Page Objects, visualize tests using a tree view and utilize unique locators by using the DOM Tree directly from Sencha Studio.
Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...Sencha
A case study into the common problems faced by companies when trying to upgrade their legacy Sencha applications. Learn about the benefits of upgrading, the common issues faced and how to avoid them in the future.
Sencha Roadshow 2017: Modernizing the Ext JS Class System and ToolingSencha
JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. In this session, you'll see how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.
Sencha Roadshow 2017: Sencha Best Practices: Coworkee App Sencha
Learn the best practices for building a beautiful, data-intensive Ext JS application. In this session, we’ll review the Coworkee employee directory full-stack sample application and we’ll share with you how we leveraged the power of the grid, pivot grid, charts and many other features to deliver a highly performant web application.
Sencha Roadshow 2017: Mobile First or Desktop FirstSencha
Historically, web developers approached app development from the desktop first, and mobile was a secondary goal. Now with the extraordinary growth of mobile users across the globe, that approach is being reversed. Developers are building mobile first, and then making progressive enhancements so the app is available on desktop. In this presentation, we’ll explore the benefits of each approach.
Sencha Roadshow 2017: Innovations in Ext JS 6.5 and BeyondSencha
Learn about the advancements we’ve made in Ext JS 6.5 and what’s planned for future releases. You’ll learn about powerful components we’ve added to the framework and the new dynamic package loader which enables a smooth loading experience for large enterprise applications.
Leveraging React and GraphQL to Create a Performant, Scalable Data GridSencha
User interfaces often utilize components such as grids and tables to help users browse and understand data. Today’s large data sets require sophisticated capabilities to ensure users can effectively comprehend data while remaining flexible and responsive. Building this functionality is time consuming, has integration and maintenance risks, and worst of all, distracts developers from the task at hand -- actually building the app. View the slides from our latest webinar to learn how the web’s most powerful data grid and GraphQL can help you deliver advanced functionality with minimal effort. View the recording here: https://www.brighttalk.com/webcast/11505/276417
Learn Key Insights from The State of Web Application Testing Research ReportSencha
In a recent study by Dimensional Research of 1,011 development and QA professionals, almost every survey respondent cited that application quality is important, with 84% believing it is very or critically important. Despite this, findings revealed that 94% of teams still face challenges when it comes to conducting adequate QA. View the presentation to learn why organizations must prioritize automated testing and QA practices to deliver high-quality applications and increase customer satisfaction.
Introducing ExtReact: Adding Powerful Sencha Components to React AppsSencha
Learn about Sencha’s newest release, ExtReact: the most comprehensive set of components for React apps. Now you can quickly and easily add any of our 115+ professionally tested and supported components including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, menus and more to your React applications.
With ExtReact, all of the components are designed to work together seamlessly which eliminates time-consuming integration work and reduces ongoing maintenance burdens. View this presentation to learn how to:
- Build data-intensive, cross-platform web apps leveraging Sencha components and React.
- Build immersive user engagement using layouts and adaptive design features.
- Leverage material design and other themes to save time and effort. Modify or extend themes without writing a single line of code.
SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...Sencha
Ext JS provides easy-to-use charting components that satisfy common needs, but sometimes you want to deliver an exceptional, unique user experience. This presentation will discuss how Ext JS leverages the popular and extremely powerful D3 library to create sophisticated, data-driven visualizations. This functionality helps your users understand the story behind their data, so they can make informed decisions.
SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...Sencha
LinkRest is an active project commissioned and open sourced by NHL under Apache 2.0 license. It was conceived specifically as the server-side counterpart to Ext JS, so it natively supports Ext JS rest proxy, including CRUD, grouping, sorting, filtering, and more. In this session, we'll review Ext JS protocol support. You'll also see extensions that allow the client to safely query the server for specific data and shape the response. We'll cover advanced features, including security, constraints, idempotent methods, and metadata service. We'll show demos and try to allow time for Q&A.
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web AppsSencha
This document discusses handling errors in web applications. It begins by explaining what JavaScript errors are and how they are typically invisible to users. It then discusses how to catch errors using window.onerror or addEventListener and logging errors to help debug issues. Ideal error handling involves logging detailed error information to a database and notifying developers. The document wishes for more context around errors, like function arguments or AJAX requests. It introduces a new error logging and monitoring tool that provides detailed user environment data, function arguments, screenshots, and a timeline to help developers debug issues more easily.
Ext JS Architecture Best Practices - Mitchell SimeonsSencha
Starting your application on the right foot is important. You’re probably excited to start coding, but it’s important to think about the architecture you’ll need. In this session, we’ll cover architectural best practices including the difference between MVC and MVVM, how to start architecting your application, and using the Ext JS router to your advantage.
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...Sencha
Developers are building mobile first, and then making progressive enhancements so the app is available on desktop. Should you be taking either a mobile or desktop first approach, or thinking about Universal Apps to deliver the right user experiences. This approach maximizes the shareability of code across these experiences. In this presentation, we’ll explore case studies that show the benefits of each approach.
Domino IQ – What to Expect, First Steps and Use Casespanagenda
Webinar Recording: https://www.panagenda.com/webinars/domino-iq-what-to-expect-first-steps-and-use-cases/
HCL Domino iQ Server – From Ideas Portal to implemented Feature. Discover what it is, what it isn’t, and explore the opportunities and challenges it presents.
Key Takeaways
- What are Large Language Models (LLMs) and how do they relate to Domino iQ
- Essential prerequisites for deploying Domino iQ Server
- Step-by-step instructions on setting up your Domino iQ Server
- Share and discuss thoughts and ideas to maximize the potential of Domino iQ
Neural representations have shown the potential to accelerate ray casting in a conventional ray-tracing-based rendering pipeline. We introduce a novel approach called Locally-Subdivided Neural Intersection Function (LSNIF) that replaces bottom-level BVHs used as traditional geometric representations with a neural network. Our method introduces a sparse hash grid encoding scheme incorporating geometry voxelization, a scene-agnostic training data collection, and a tailored loss function. It enables the network to output not only visibility but also hit-point information and material indices. LSNIF can be trained offline for a single object, allowing us to use LSNIF as a replacement for its corresponding BVH. With these designs, the network can handle hit-point queries from any arbitrary viewpoint, supporting all types of rays in the rendering pipeline. We demonstrate that LSNIF can render a variety of scenes, including real-world scenes designed for other path tracers, while achieving a memory footprint reduction of up to 106.2x compared to a compressed BVH.
https://arxiv.org/abs/2504.21627
Developing Schemas with FME and Excel - Peak of Data & AI 2025Safe Software
When working with other team members who may not know the Esri GIS platform or may not be database professionals; discussing schema development or changes can be difficult. I have been using Excel to help illustrate and discuss schema design/changes during meetings and it has proven a useful tool to help illustrate how a schema will be built. With just a few extra columns, that Excel file can be sent to FME to create new feature classes/tables. This presentation will go thru the steps needed to accomplish this task and provide some lessons learned and tips/tricks that I use to speed the process.
How Advanced Environmental Detection Is Revolutionizing Oil & Gas Safety.pdfRejig Digital
Unlock the future of oil & gas safety with advanced environmental detection technologies that transform hazard monitoring and risk management. This presentation explores cutting-edge innovations that enhance workplace safety, protect critical assets, and ensure regulatory compliance in high-risk environments.
🔍 What You’ll Learn:
✅ How advanced sensors detect environmental threats in real-time for proactive hazard prevention
🔧 Integration of IoT and AI to enable rapid response and minimize incident impact
📡 Enhancing workforce protection through continuous monitoring and data-driven safety protocols
💡 Case studies highlighting successful deployment of environmental detection systems in oil & gas operations
Ideal for safety managers, operations leaders, and technology innovators in the oil & gas industry, this presentation offers practical insights and strategies to revolutionize safety standards and boost operational resilience.
👉 Learn more: https://www.rejigdigital.com/blog/continuous-monitoring-prevent-blowouts-well-control-issues/
Trends Artificial Intelligence - Mary MeekerClive Dickens
Mary Meeker’s 2024 AI report highlights a seismic shift in productivity, creativity, and business value driven by generative AI. She charts the rapid adoption of tools like ChatGPT and Midjourney, likening today’s moment to the dawn of the internet. The report emphasizes AI’s impact on knowledge work, software development, and personalized services—while also cautioning about data quality, ethical use, and the human-AI partnership. In short, Meeker sees AI as a transformative force accelerating innovation and redefining how we live and work.
Mark Zuckerberg teams up with frenemy Palmer Luckey to shape the future of XR...Scott M. Graffius
Mark Zuckerberg teams up with frenemy Palmer Luckey to shape the future of XR/VR/AR wearables 🥽
Drawing on his background in AI, Agile, hardware, software, gaming, and defense, Scott M. Graffius explores the collaboration in “Meta and Anduril’s EagleEye and the Future of XR: How Gaming, AI, and Agile are Transforming Defense.” It’s a powerful case of cross-industry innovation—where gaming meets battlefield tech.
📖 Read the article: https://www.scottgraffius.com/blog/files/meta-and-anduril-eagleeye-and-the-future-of-xr-how-gaming-ai-and-agile-are-transforming-defense.html
#Agile #AI #AR #ArtificialIntelligence #AugmentedReality #Defense #DefenseTech #EagleEye #EmergingTech #ExtendedReality #ExtremeReality #FutureOfTech #GameDev #GameTech #Gaming #GovTech #Hardware #Innovation #Meta #MilitaryInnovation #MixedReality #NationalSecurity #TacticalTech #Tech #TechConvergence #TechInnovation #VirtualReality #XR
DevOps in the Modern Era - Thoughtfully Critical PodcastChris Wahl
https://youtu.be/735hP_01WV0
My journey through the world of DevOps! From the early days of breaking down silos between developers and operations to the current complexities of cloud-native environments. I'll talk about my personal experiences, the challenges we faced, and how the role of a DevOps engineer has evolved.
6th Power Grid Model Meetup
Join the Power Grid Model community for an exciting day of sharing experiences, learning from each other, planning, and collaborating.
This hybrid in-person/online event will include a full day agenda, with the opportunity to socialize afterwards for in-person attendees.
If you have a hackathon proposal, tell us when you register!
About Power Grid Model
The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services.
Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability.
Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization.
Jira Administration Training – Day 1 : IntroductionRavi Teja
This presentation covers the basics of Jira for beginners. Learn how Jira works, its key features, project types, issue types, and user roles. Perfect for anyone new to Jira or preparing for Jira Admin roles.
Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth
Evaluation Challenges in Using Generative AI for Science & Technical Content.
Foundation Models show impressive results in a wide-range of tasks on scientific and legal content from information extraction to question answering and even literature synthesis. However, standard evaluation approaches (e.g. comparing to ground truth) often don't seem to work. Qualitatively the results look great but quantitive scores do not align with these observations. In this talk, I discuss the challenges we've face in our lab in evaluation. I then outline potential routes forward.
AI Creative Generates You Passive Income Like Never BeforeSivaRajan47
For years, building passive income meant traditional routes—stocks, real estate, or
online businesses that required endless hours of setup and maintenance. But now,
Artificial Intelligence (AI) is redefining the landscape. We’re no longer talking about
automation in the background; we’re entering a world where AI creatives actively
design, produce, and monetize content and products, opening the floodgates for
passive income like never before.
Imagine AI tools writing books, designing logos, building apps, editing videos, creating
music, and even selling your digital products 24/7—without you lifting a finger after
setup. This isn't the future. It’s happening right now. And if you act fast, you can ride
the wave before it becomes saturated.
In this in-depth guide, we’ll show you how to tap into AI creativity for real, sustainable,
passive income streams—no fluff, no generic tips—just actionable, traffic-driving
insights.
Create Your First AI Agent with UiPath Agent BuilderDianaGray10
Join us for an exciting virtual event where you'll learn how to create your first AI Agent using UiPath Agent Builder. This session will cover everything you need to know about what an agent is and how easy it is to create one using the powerful AI-driven UiPath platform. You'll also discover the steps to successfully publish your AI agent. This is a wonderful opportunity for beginners and enthusiasts to gain hands-on insights and kickstart their journey in AI-powered automation.
Exploring the advantages of on-premises Dell PowerEdge servers with AMD EPYC processors vs. the cloud for small to medium businesses’ AI workloads
AI initiatives can bring tremendous value to your business, but you need to support your new AI workloads effectively. That means choosing the best possible infrastructure for your needs—and many companies are finding that the cloud isn’t right for them. According to a recent Rackspace survey of IT executives, 69 percent of companies have moved some of their applications on-premises from the cloud, with half of those citing security and compliance as the reason and 44 percent citing cost.
On-premises solutions provide a number of advantages. With full control over your security infrastructure, you can be certain that all compliance requirements remain firmly in the hands of your IT team. Opting for on-premises also gives you the ability to design your infrastructure to the precise needs of that team and your new AI workloads. Depending on the workload, you may also see performance benefits, along with more predictable costs. As you start to build your next AI initiative, consider an on-premises solution utilizing AMD EPYC processor-powered Dell PowerEdge servers.
13. Palm
Microsoft
RIM RIM
Android
Apple
Apple Microsoft
Palm
Android Top U.S. Smartphone Platforms,
3 Month Average Ending December 2010
comScore MobiLens 2010
14. JS
C# Palm J2ME
Microsoft
RIM RIM
Android
Apple
Apple Air Microsoft
Palm
Obj-C
Java
Android
C++
Top U.S. Smartphone Platforms,
3 Month Average Ending December 2010
comScore MobiLens 2010
15. J2ME
C# RIM C/C++
Microsoft Nokia
Python Apple
Java Android
Android Nokia Microsoft
C++ RIM
Lua
Obj-C
Apple ... Top EU5 Smartphone Platforms,
3 Month Average Ending December 2010
comScore MobiLens 2010
16. J2ME
C# RIM C/C++
Microsoft Nokia
Python Apple
Java Android
Android Nokia Microsoft
C++ RIM
Lua
Obj-C
Apple ... Top EU5 Smartphone Platforms,
3 Month Average Ending December 2010
comScore MobiLens 2010
http://www.cloudfour.com/a-comprehensive-guide-to-mobile-statistics/
33. The Web is Evolving...
Documents Applications
Declarative HTML Programmatic DOM
34. The Web is Evolving...
Documents Applications
Declarative HTML Programmatic DOM
Templates APIs
35. The Web is Evolving...
Documents Applications
Declarative HTML Programmatic DOM
Templates APIs
URLs Arguments
36. The Web is Evolving...
Documents Applications
Declarative HTML Programmatic DOM
Templates APIs
URLs Arguments
Request/Response Synchronization
37. The Web is Evolving...
Documents Applications
Declarative HTML Programmatic DOM
Templates APIs
URLs Arguments
Request/Response Synchronization
Thin client Thick client
39. "If you write Web-based applications, I
would be interested in hearing about what
your needs are. Please let me know"
Ian Hickson 2004
WhatWG “Founding Post”
43. A New Mobile App
Stack
CSS Styling & Layout
Javascript
Semantic HTML
44. A New Mobile App
Stack
WebFont Video Audio Graphics
CSS Styling & Layout
Javascript
Semantic HTML
45. A New Mobile App
Stack
WebFont Video Audio Graphics
CSS Styling & Layout
Javascript
Semantic HTML
File Systems
DBs
App Cache
46. A New Mobile App
Stack
WebFont Video Audio Graphics
CSS Styling & Layout
Javascript
Semantic HTML
File Systems Worker
DBs Parallel
App Cache Processing
47. A New Mobile App
Stack
WebFont Video Audio Graphics
CSS Styling & Layout
Javascript
Semantic HTML
File Systems Worker
x-App
DBs Parallel
Messaging
App Cache Processing
48. A New Mobile App
Stack
WebFont Video Audio Graphics
Device Access
Camera CSS Styling & Layout
Location
Javascript
Contacts
SMS Semantic HTML
Orientation
File Systems Worker
x-App
Gyro DBs Parallel
Messaging
App Cache Processing
49. A New Mobile App
Stack
WebFont Video Audio Graphics
Device Access Server &
Services
Camera CSS Styling & Layout HTTP
Location AJAX
Javascript
Contacts Events
SMS Semantic HTML Sockets
Orientation SSL
File Systems Worker
x-App
Gyro DBs Parallel More...
Messaging
App Cache Processing
50. Rich Media & Styling
Full Resource Access
Parallel Processing
Inter-App
Communication Full
Offline Capability
51. Rich Media & Styling R M
F O
A T
Full Resource Access P L
A PP
Parallel ProcessingRN
D E
Inter-App
M O
T E
Communication Full
P LE
M
O Offline Capability
C
66. HTML5 Support: Edge IE 10 PR Chrome 10 Safari 5 Firefox 4 iOS4.31 Playbook Honeycomb
@font-face
Canvas
HTML5 Audio & Video
rgba(), hsla()
border-image:
border-radius:
box-shadow:
text-shadow:
opacity:
Multiple backgrounds
Flexible Box Model
CSS Animations
CSS Columns
CSS Gradients
CSS Reflections
CSS 2D Transforms
CSS 3D Transforms
CSS Transitions
Geolocation API
local/sessionStorage
SVG/SVG Clipping
SMIL
Inline SVG
Drag and Drop
hashchange
X-window Messaging
History Management
applicationCache
Web Sockets
Web Workers
Web SQL Database
WebGL
IndexedDB
67. Stay on top of diversity
Can I Use?
http://caniuse.com
Modernizr
http://modernizr.com
DeviceAtlas
http://deviceatlas.com
Wikipedia
Comparison of Layout
Engines
69. Why use a framework?
Provide user interface components
Smooth browser inconsistencies
Mimic native or server paradigms
Create consistent application
architectures
...and more
70. Strokes for folks
Sites & Documents Applications
Declarative HTML Programmatic DOM
Templates APIs
URLs Arguments
Request/Response Synchronization
Thin client Thick client
71. Strokes for folks
Sites & Documents Applications
Declarative HTML Programmatic DOM
Templates APIs
URLs Arguments
Request/Response Synchronization
Thin client Thick client
72. jQTouch
UI layer on top of jQuery
Declarative HTML
Library progressively
enhances
Browsers:
iOS (iPhone/iPod)
Android
BlackBerry v6
Most WebKit-based
browsers
http://jQTouch.com
111. Full API list:
Accelerometer File
Camera Geolocation
Compass Media
Contacts Network
Device Notification
Events Storage
http://docs.phonegap.com
112. Full API list:
Accelerometer File
Camera Geolocation
Compass Media
Contacts Network
Device Notification
Events Storage
http://docs.phonegap.com
http://www.sencha.com/learn/
Tutorial:Sencha_Touch_PhoneGap
115. Doing mobile right
Everyone loves apps - but native diversity sucks
This is the year of the mobile web - but caveats
apply
116. Doing mobile right
Everyone loves apps - but native diversity sucks
This is the year of the mobile web - but caveats
apply
HTML5 makes web tech a viable alternative to native
apps