The document introduces modern web technologies including starting mobile/touch first, HTML5, CSS3, and AJAX/JavaScript. It provides overviews of new HTML5 features like semantic markup, forms, geolocation, web storage, canvas, and offline capabilities. It also discusses CSS3 features, single page applications enabled by AJAX and JavaScript improvements, and how these technologies can be used together to provide rich user experiences.
That special presentation in an event "Multimedia Symposium for New Technologies - MSN 2016" in the Islamic University of Gaza "Faculty of Information Technology".
I was speaker.
Introduction to Modern and Emerging Web TechnologiesSuresh Patidar
2017 is here and we are already a couple of days in!
A lot happened in the software development world in 2016. There were new releases of popular programming languages, new versions of important frameworks, and new tools. Let’s discuss some of the most important releases, and find out which skills you can learn that would be a great investment for your time in 2017!
JVx - Web, Mobile & Desktop Applications
An overview of JVx
* GUI Architecture
* System Architecture
* Mobile device support
* vaadin support
* Features
This talk was presented at VodQA Gurgaon 3rd edition (11 July 2013)
Talk Abstract:
In midst of testing functional aspect of your mobile apps, performance testing is often ignored or takes a back seat. With the strict quality checks on app stores and other platforms, it becomes all the more essentials for your app to meet performance criteria. We would be focusing on understanding these criteria in detail, their impact and ways to tackle them.
Speakers:
Rupesh Dubey: Rupesh has 5+ years of experience in Test Automation and Manual testing and have been with ThoughtWorks for more than 3 years. He has worked in various domains including HealthCare and Business Consulting.
Priyank Dhillon: He has around 8 years of experience as QA. He has worked on domains such as Telecom, Video and E-commerce and has been involved in different aspects of testing such as Security, White box, Performance. He has worked in software automation testing using wide range of automation tools, doing manual testing and in requirement analysis.
That special presentation in an event "Multimedia Symposium for New Technologies - MSN 2016" in the Islamic University of Gaza "Faculty of Information Technology".
I was speaker.
Introduction to Modern and Emerging Web TechnologiesSuresh Patidar
2017 is here and we are already a couple of days in!
A lot happened in the software development world in 2016. There were new releases of popular programming languages, new versions of important frameworks, and new tools. Let’s discuss some of the most important releases, and find out which skills you can learn that would be a great investment for your time in 2017!
JVx - Web, Mobile & Desktop Applications
An overview of JVx
* GUI Architecture
* System Architecture
* Mobile device support
* vaadin support
* Features
This talk was presented at VodQA Gurgaon 3rd edition (11 July 2013)
Talk Abstract:
In midst of testing functional aspect of your mobile apps, performance testing is often ignored or takes a back seat. With the strict quality checks on app stores and other platforms, it becomes all the more essentials for your app to meet performance criteria. We would be focusing on understanding these criteria in detail, their impact and ways to tackle them.
Speakers:
Rupesh Dubey: Rupesh has 5+ years of experience in Test Automation and Manual testing and have been with ThoughtWorks for more than 3 years. He has worked in various domains including HealthCare and Business Consulting.
Priyank Dhillon: He has around 8 years of experience as QA. He has worked on domains such as Telecom, Video and E-commerce and has been involved in different aspects of testing such as Security, White box, Performance. He has worked in software automation testing using wide range of automation tools, doing manual testing and in requirement analysis.
На JavaScript Odesa #TechTalks мы поговорили о микрофронтендах как о современном архитектурном стиле проектирования для фронтенд разработки, который облегчает поддержку и деплой обновлений для крупных проектов.
Также мы обсудили:
Что такое микрофронтенды?
Как использовать их с старым проектом?
Монорепа vs мультирепа и почему?
О спикере:
Максим Белкин, Senior Software Engineer с 10-летним опытом коммерческой разработки веб-приложений. У Максима большой опыт в создании одностраничных приложений с использованием современных фреймворков и инструментов, а также большой опыт в области серверной разработки и создания REST API. Он также обладает глубокими знаниями в области объектно-ориентированной разработки, алгоритмов, кодирования и шаблонов тестирования и имеет опыт в гибкой разработке программного обеспечения, включая роли SCRUM Master и Team Lead.
Are there enough web and UI frameworks for us developers? Absolutely! There are really cool web UI frameworks like GXT or Vaadin. There are swing and JavaFX for desktop apps and many others. Don’t forget all web frameworks! Which UI framework is the best for your next project and works with browsers and OS‘ in 5 or 10 years? Which investment is future save? The only solution is a technology and UI independent framework. Such a solution is JVx (Apache 2.0). It is a full-stack app framework, designed as library. Develop UI independent and decide which UI technology is best for you. If you prefer Swing, start your app as Swing Application. If it’s Vaadin, use Vaadin. Don’t rewrite your application, just choose the preferred UI technology!
Best Angular Training Online: Angular tutorial | Learn Angular 2 to 10 | Shailendra Chauhan
Learn Angular 2 to 10 online course at Dot Net Tricks. We are a leading professional eLearning organization in India, offers top-class angular training and certification.
There is a polarity formed among mobile app developers for two of these amazing languages. While both have their pros and cons, let's see which one wins.
Alexandra, Matthias, and Prasanna have been working on a project with micro frontend architecture for the past year.
This project involves 4 teams distributed over two countries - Germany and India, each of the teams delivering one or several micro frontends that are consolidated into one product in the browser. This talk is based on our practical insights into micro frontends using React and Redux. We will discuss the differences between this technique and micro-services, our approaches to solving the common issues, the advantages it offers and the challenges it brings.
Building Scalable Web Applications Using Microservices Architecture and NodeJ...NodejsFoundation
Scalable applications are by nature resource intensive, expensive to build and difficult to manage. What if we can change this perception and help developers design full-stack applications that are low cost and low maintenance? This session describes the underlying architecture behind www.deep.mg, the microservices marketplace built by Mitoc Group using AngularJS, NodeJS and powered by abstracted services like AWS Lambda, Amazon CloudFront, Amazon DynamoDB, and so on. Eugene Istrati, Technology Partner at Mitoc Group, will dive deep into their approach to microservices architecture using serverless environments from AWS and demonstrate how anyone can use serverless computing to achieve high scalability, high availability, and high performance without huge efforts or expensive resources allocation.
Node.js BFFs: our way to better/micro frontendsEugene Fidelin
About 2 years ago Marktplaats.nl started to build a new platform. We migrated from huge Java-based frontends towards smaller Node.js BFFs (backend-for-frontends). We are close to the next step and adapt a micro-frontends approach.
Here I would like to share the outcomes of this quest: what architecture solutions are made, how does Marktplaats.nl run and scale so many BFFs in production, how we grew as a team, educated frontend-developers to write backend code and what were our biggest challenges.
Amir Zuker: Building web apps with web assembly and blazor - Architecture Nex...CodeValue
WebAssembly, the final frontier. These are the voyages of the web developer. Its continuing mission: to explore strange new worlds, to seek out new technologies and new platforms, to boldly go where no one has gone before.
Yes indeed! with Wasm, JavaScript is no longer the only practical runtime language of choice.
Enter Blazor WebAssembly! It enables you to write complete web apps over open web standards in.. well.. C#! You might be wondering how you can do that, how it should look like, and whether it is a sane choice (and rightfully so).
Join me in this session as we cover the emergence of WebAssembly into the app world while using Blazor and C#.
This slide deck provides the basics of Azure App Service. This presentation was presented by Harikharan Krishnaraju, Developer Support Escalation Engineer, Microsoft during the TechMeet360 event organized by BizTalk360, held on December 17, 2016 at Coimbatore.
Slide used in the Centric WebCast - Progressive Web Apps.
In this I explain what a Progressive Web App is. I demonstrate how to analyze a website with Lighthouse and how to build one using PWA Builder for creating the manifest and service worker.
Tarot decks, tea leaves, scrying, or your crazy uncle's trick knee; all popular ways to predict the future. When it comes to the every-changing realm of UI and UX on the web, the best way to know the future is to keep up-to-date with the latest technologies and techniques. Instead of having to read about it, you will be creating the new trends and standards.
MivaCon 2016, Thursday session 3.
На JavaScript Odesa #TechTalks мы поговорили о микрофронтендах как о современном архитектурном стиле проектирования для фронтенд разработки, который облегчает поддержку и деплой обновлений для крупных проектов.
Также мы обсудили:
Что такое микрофронтенды?
Как использовать их с старым проектом?
Монорепа vs мультирепа и почему?
О спикере:
Максим Белкин, Senior Software Engineer с 10-летним опытом коммерческой разработки веб-приложений. У Максима большой опыт в создании одностраничных приложений с использованием современных фреймворков и инструментов, а также большой опыт в области серверной разработки и создания REST API. Он также обладает глубокими знаниями в области объектно-ориентированной разработки, алгоритмов, кодирования и шаблонов тестирования и имеет опыт в гибкой разработке программного обеспечения, включая роли SCRUM Master и Team Lead.
Are there enough web and UI frameworks for us developers? Absolutely! There are really cool web UI frameworks like GXT or Vaadin. There are swing and JavaFX for desktop apps and many others. Don’t forget all web frameworks! Which UI framework is the best for your next project and works with browsers and OS‘ in 5 or 10 years? Which investment is future save? The only solution is a technology and UI independent framework. Such a solution is JVx (Apache 2.0). It is a full-stack app framework, designed as library. Develop UI independent and decide which UI technology is best for you. If you prefer Swing, start your app as Swing Application. If it’s Vaadin, use Vaadin. Don’t rewrite your application, just choose the preferred UI technology!
Best Angular Training Online: Angular tutorial | Learn Angular 2 to 10 | Shailendra Chauhan
Learn Angular 2 to 10 online course at Dot Net Tricks. We are a leading professional eLearning organization in India, offers top-class angular training and certification.
There is a polarity formed among mobile app developers for two of these amazing languages. While both have their pros and cons, let's see which one wins.
Alexandra, Matthias, and Prasanna have been working on a project with micro frontend architecture for the past year.
This project involves 4 teams distributed over two countries - Germany and India, each of the teams delivering one or several micro frontends that are consolidated into one product in the browser. This talk is based on our practical insights into micro frontends using React and Redux. We will discuss the differences between this technique and micro-services, our approaches to solving the common issues, the advantages it offers and the challenges it brings.
Building Scalable Web Applications Using Microservices Architecture and NodeJ...NodejsFoundation
Scalable applications are by nature resource intensive, expensive to build and difficult to manage. What if we can change this perception and help developers design full-stack applications that are low cost and low maintenance? This session describes the underlying architecture behind www.deep.mg, the microservices marketplace built by Mitoc Group using AngularJS, NodeJS and powered by abstracted services like AWS Lambda, Amazon CloudFront, Amazon DynamoDB, and so on. Eugene Istrati, Technology Partner at Mitoc Group, will dive deep into their approach to microservices architecture using serverless environments from AWS and demonstrate how anyone can use serverless computing to achieve high scalability, high availability, and high performance without huge efforts or expensive resources allocation.
Node.js BFFs: our way to better/micro frontendsEugene Fidelin
About 2 years ago Marktplaats.nl started to build a new platform. We migrated from huge Java-based frontends towards smaller Node.js BFFs (backend-for-frontends). We are close to the next step and adapt a micro-frontends approach.
Here I would like to share the outcomes of this quest: what architecture solutions are made, how does Marktplaats.nl run and scale so many BFFs in production, how we grew as a team, educated frontend-developers to write backend code and what were our biggest challenges.
Amir Zuker: Building web apps with web assembly and blazor - Architecture Nex...CodeValue
WebAssembly, the final frontier. These are the voyages of the web developer. Its continuing mission: to explore strange new worlds, to seek out new technologies and new platforms, to boldly go where no one has gone before.
Yes indeed! with Wasm, JavaScript is no longer the only practical runtime language of choice.
Enter Blazor WebAssembly! It enables you to write complete web apps over open web standards in.. well.. C#! You might be wondering how you can do that, how it should look like, and whether it is a sane choice (and rightfully so).
Join me in this session as we cover the emergence of WebAssembly into the app world while using Blazor and C#.
This slide deck provides the basics of Azure App Service. This presentation was presented by Harikharan Krishnaraju, Developer Support Escalation Engineer, Microsoft during the TechMeet360 event organized by BizTalk360, held on December 17, 2016 at Coimbatore.
Slide used in the Centric WebCast - Progressive Web Apps.
In this I explain what a Progressive Web App is. I demonstrate how to analyze a website with Lighthouse and how to build one using PWA Builder for creating the manifest and service worker.
Tarot decks, tea leaves, scrying, or your crazy uncle's trick knee; all popular ways to predict the future. When it comes to the every-changing realm of UI and UX on the web, the best way to know the future is to keep up-to-date with the latest technologies and techniques. Instead of having to read about it, you will be creating the new trends and standards.
MivaCon 2016, Thursday session 3.
Slides from my talk at NCC Group's Web Performance Day in May 2016.
Compares the features of apps and the web, what's great about each and explores some of the technologies that will allow us to build websites that can deliver native like experiences.
This is the thing that U are looking for. This is the best tutorial about responsive web design.I assure U after watching this presentation you definitely will be an expert as responsive web designer. This tutorial will teach you how to make fit your web site in every kinds of device .
This Slide will Provide you with tips and ideas related to each of the qualities that a successful responsive web design must have.
For hire me on fiverr:-
https://goo.gl/Ouv3VL
Web Design And Development With Open SourceBaki Goxhaj
This is my presentation at "Software Freedom Kosova Conference 2009" where I spoke about Web Design and Development with Open Source tools. The conference was held in Pristina, Kosova on 29 and 30 August 2009. This presentation was done with Open Office Impress.
It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory.
The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability.
In this session reviewed tools, techniques and concepts to improve our projects:
- Performance and best practices
- CSS structuring and optization (BEM, SMACSS, etc.)
- Fixed-Pixel vs rem, em and %
- Responsive images. Drupal non-Drupal solutions and SVGs
- Asynchronous Javascript loading
- Typography in a responsive environment and FOUT, FOIT effects
- How proxy-based browsers like Opera Mini can affect, and how accessibility and Progressive Enhancement can help.
- Beyond the Mouse: Touch and keyboard events
- Using RWD patterns
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...Yandex
Responsive web design challenges web designers to apply a new mindset to their design processes, as well as to techniques they are using in design and coding. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.
Promatics Technologies present you the all inclusive list for outsourcing. Many a time people hesitate to outsource for the fear of doing it incorrectly. With this presentation we have captured all things you need to follow to outsource web and mobile app development the right way. www.promaticsindia.com
Responsive web design allows you to create websites that provide an optimal user experience across devices. In this session, attendees learned why the process for designing a (good) responsive website can be very different than the traditional web design process—and how to change their workflow to create a great responsive site.
Presented in 2015 at McFullStack (McGill University, Montreal). Presented in 2014 at HOW Interactive Design Conference in Washington, DC & HOW Interactive Design Conference in Chicago, IL.
Microsoft has made a bold entry into the world of tablet PCs with the introduction of Windows 8. The new operating system poses an interesting challenge because it exposes a dual personality with desktop-based features (the “Blue stack”) and tablet-focused features in the Metro or “Green stack.” Jeremy Likness covers the new architecture for Windows 8 and highlights the differences between these stacks to help developers understand how to navigate their new options. In this webinar you will learn about the new WinRT component layer, legacy support, and the new options available for Windows 8 Metro-style development.
Wintellect - Windows 8 for the Silverlight and WPF DeveloperJeremy Likness
The release of Windows 8 represents a bold entry into the world of tablet PCs by Microsoft. With Windows Store applications it is possible to write highly responsive, touch-friendly applications that run efficiently on multiple form factors including new ARM devices. The Microsoft team has taken great care to accommodate your existing knowledge by embracing both C# and the managed code stack and XAML technologies, but there are important fundamental differences. In this deep dive of the Windows 8 stack, Jeremy Likness covers the inner workings of the engine, reveals how it relates to traditional Silverlight and WPF development, and highlights the areas that are important for developers to understand as they transition from the Silverlight and WPF platform to Windows 8 with help from the Portable Class Library (PCL.)
A guide to hiring a great developer to build your first app (redacted version)Oursky
Hiring the right developer for your startup can be wearying. In this bitesized Garage Academy session, Ben Cheng, CEO of Oursky will provide you with all the tips for hiring your first developer -- from app development team structure to recruitment to management.
About the speaker:
Ben Cheng is the CEO of Oursky, a Hong Kong-based app dev studio that helps entrepreneurs and startups turn their ideas into reality. He has driven the company’s vision, strategy, and growth since its inception in 2008, and grown the technology-driven team from 3 to over 40 in Hong Kong and Taipei.
ABOUT OURSKY:
Founded in 2008, Oursky has developed web & mobile apps for startups and enterprises such as ASOS and Thomson Reuters. In 2015, 60% of Oursky's published iOS apps were featured in Apple's App Store and one was selected as a Best of 2013 App.
The Fetch API is a modern replacement of the XMLHTTPRequest object. It is based on promises and makes making AJAX/API calls easier to manage and code.
This slide deck is a quick introduction to the API.
Website speed is a crucial aspect of on page SEO everyone can control. Your goal is to be interactive in under 3 seconds, even on a basic phone over a 3G connection.
However, most web sites have so many requests and large payloads this time limit or budget cannot be achieved. In fact, the average web page takes 22 seconds to load, according to Google's research.
But what if I told you there is a way to offload or even avoid loading page assets until they are needed?
This can give your website a distinct advantage over your competition because not only will Google like your pages better so will your visitors!
Progressive Web Applications are a new way to think about using the web to provide great user experiences using the best web platform features.
The education market has many opportunities to benefit their communities using PWAs to deliver information and application experiences across all devices and platforms.
A Day Building Fast, Responsive, Extensible Single Page ApplicationsChris Love
This is an older slide deck I realized I never uploaded.
It is a slightly longer deck than the Night at the SPA deck. This features many concepts that are forerunners to the modern progressive web application.
There are slides related to web performance best practices, JavaScript architecture, responsive web design, touch and much more.
Real World Lessons in Progressive Web Application & Service Worker CachingChris Love
Over the past year we have seen a lot of excitement around Progressive Web Applications. Browser evangelist are selling developers and business owners on their advantages and promising future. But what is the real story? What are the details to proper execution? What do engineers need to know to make their web sites into Progressive Web Applications that not only meet the minimum criteria, but meet the sales hype?
Searching the Pokedex offline is fun, what is the real experience like caching a business application? Caching application assets and data can be complex, especially for larger applications. What to cache, how long to cache and how to cache are all valid questions. Often, in an effort to just ship something, we cache nothing. When we don't cache, we disappoint the customer and miss a key promise of progressive web applications.
Disrupting the application eco system with progressive web applicationsChris Love
Progressive Web Applications (PWA) is a comprehensive term describing web applications that implement a base set of browser platform features like HTTPS, Web Manifest and Service Workers. But it bleeds beyond the scope of an application's code because browsers are enabling qualified web applications to offer the same user experiences native application enjoy. This includes prominent home screen placement, push notifications, eliminated browser chrome and app store placement.
Become a Progressive Web App expert with my course: Progressive Web Apps (PWA) Beginner to Expert -> http://PWACourse.com
Service workers your applications never felt so goodChris Love
If you have not heard of service workers you must attend this session. Service Workers encompass new browser capabilities, along with shiny new version of AJAX called Fetch. If you have every wanted your web applications to experience many native application features, such as push notifications, service workers is the gateway to your happiness. Have you felt confused by application cache and going offline? Well service workers enable offline experiences in a much cleaner way. But that is not all! If you want to see some of the cool new, advanced web platform features that you will actually use come to this session!
https://love2dev.com/blog/what-is-a-service-worker/
Develop a vanilla.js spa you and your customers will loveChris Love
Do you want to leverage HTML, CSS and JavaScripts APIs to deliver rich user experiences that outlive the framework du jour? Do You want to understand good front-end application architecture and performance principles. Then you want to build applications in Vanilla JS. Despite popular belief Vanilla JS is not as difficult to master and implement as you might think.
In this tutorial Chris Love will demonstrate how to apply many common web performance optimization, good architecture and tricks to build a fast, native-like application user experience customers desire without dependency on large, fast food frameworks.
This tutorial will demonstrate the following concepts:
- Applying the 14kb Rule for Instant Loading
- Markup Management
- Eliminating Excess AJAX Calls
- Working With and Around Application Cache
- Applying Service Workers and HTTP/2 For Even Better User Experiences
- Leveraging common browser APIs & good architecture
JavaScript front end performance optimizationsChris Love
No one wants a slow loading, slow reacting application. As page weight has increased so has the dependency on JavaScript to drive rich user experiences. Today many pages load over 2MBs of JavaScript, but is this healthy? Do your scripts and dependencies perform well? In this session we will review common JavaScript performance bottlenecks, how to detect them and how to eliminate them.
This session will review common bad coding syntax, architecture and how to replace them with better alternatives. You will also be exposed to caching, code organization, build and deployment best practices that produce the best user experiences. Finally, you will see how to use the navigation timing and performance timing APIs to fine tune your applications to produce a fast, lean application your customers will love.
Advanced front end debugging with ms edge and ms toolsChris Love
All browsers have developer tools that help developers troubleshoot their applications. But each browser's tools are different and all have strengths and weaknesses. Microsoft Edge is no different.This session will highlight some deeper insights you can gain through the Edge developer tools and some advanced tools available from Microsoft. We will dive into advanced CSS and JavaScript debugging capabilities. We will also review how to chase memory leaks and diagnose common performance rendering issues. Finally we will do a quick review of Vorlon.js, a remote debugging library that enables you to troubleshoot issues on devices you do not have developer tool access.
According to HTTPArchive.org the average web page is now larger than the original DOOM installation application. Today's obese web is leading to decreased user satisfaction, customer engagement and increased cost of ownership. Research repeatedly tells us customers want faster user experiences. Search engines reward faster sites with better rankings. Small, fast sites are cheaper to develop, maintain and operate.
- Why has the web become obese?
- What actions can developers and stakeholders do to combat their morbid obesity?
- Are these actions expensive or hard to implement?
This session reviews what customers want and how to identify your web site's love handles. More importantly you will learn simple techniques to eliminate the fat and create a healthy, maintainable, affordable web development lifestyle that produces the user experiences your customers want to engage with over and over.
Using Responsive Web Design To Make Your Web Work Everywhere - UpdatedChris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
Implementing a Responsive Image StrategyChris Love
Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.
A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.
This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.
When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.
Using Responsive Web Design To Make Your Web Work EverywhereChris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
10 things you can do to speed up your web app today 2016Chris Love
Web Sites are to slow and this is costing businesses money. Most performance issues are easy to fix. In this session we review why web performance is important and 10 simple things you can do to make a faster user experience.
If you are new to CSS or have been using it for years this presentation should give you more insight into how to write and use CSS to make your web sites better.
Using Responsive Web Design To Make Your Web Work Everywhere Chris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
2. what we do
consulting training design debugging
who we are
Founded by top experts on Microsoft – Jeffrey Richter, Jeff Prosise, and John Robbins –
we pull out all the stops to help our customers achieve their goals through advanced
software-based consulting and training solutions.
how we do it Training
Consulting & Debugging • On-site instructor-led training
• Architecture, analysis, and design services • Virtual instructor-led training
• Full lifecycle custom software development • Devscovery conferences
• Content creation Design
• Project management • User Experience Design
• Debugging & performance tuning • Visual & Content Design
• Video & Animation Production
consulting training design debugging wintellect.com
3. Modern Web Technology
• Start Mobile/Touch First
• HTML5
• CSS3
• AJAX/JavaScript
• And We Only have 75 Minutes!
consulting training design debugging wintellect.com
4. HTML5
• Semantic Markup
• Forms
• Geolocation
• WebStorage
• Canvas
• Offline
consulting training design debugging wintellect.com
5. Semantic Markup
• New Tags to Better Represent Content
Organization
• SECTION
• ARTICLE
• MENU – NAV
• ASIDE
• FOOTER
• More…
consulting training design debugging wintellect.com
9. Web Storage
• Allows You to Keep Data Locally in a Hash Table
– localStorage
– sessionStorage
• Approximately 5MB
• Replace Cookies
• Great For Caching
consulting training design debugging wintellect.com
10. Canvas
• Draw Graphics on the Fly
via Scripting
• Provides a 2D Drawing
Surface
• Controllable By JavaScript
• Extremely Fast
• Great For Games!
consulting training design debugging wintellect.com
12. AJAX/JavaScript
• AJAX
– JavaScript Engines Vastly Improved
– Many New Hardware APIs
• File Access
• Page Visibility
• Web Sockets
• Full Screen
• Web Workers
• Many Others
consulting training design debugging wintellect.com
13. AJAX/JavaScript
• Single Page Application
– Brings HTML5, CSS3 & AJAX Together
– Provides Rich User Experience
– Improves Performance
– Relies on Application API (REST, Web API)
consulting training design debugging wintellect.com
14. Single Page Applications
Home
Categories Post
Events Bio Contact
consulting training design debugging wintellect.com
16. Offline
• Allows The App To Run When Disconnected
– Application Manifest
– Provides Event Model
• Do Not Confuse With Browser Cache
• Only Updates Files When Manifest Changes
consulting training design debugging wintellect.com
17. Offline
First Time No Manifest Update Manifest Updated
Checking Checking Bio
Download No Update Download
Progress Progress
Cached Cached
consulting training design debugging wintellect.com
18. Offline
CACHE MANIFEST
# version 0.0.0.1
# urls go Here
Js/myapp.js
NETWORK:
http:example.com/api
FALLBACK:
http:example.com/img /img/offline.png
consulting training design debugging wintellect.com
19. Conclusion
• Modern Web Offers Many New Features
• New Opportunities for Rich User Experiences
• Can Implement Today
consulting training design debugging wintellect.com
20. Questions?
Chris Love
@ChrisLove
Professionalaspnet.com
consulting training design debugging wintellect.com