Build 2017 - B8075 - Progressive web apps and the Windows ecosystem

•Download as PPTX, PDF•

0 likes•283 views

Whether at home or at work, the web plays an increasingly critical role in our daily lives. As we have become more dependent on accessing the tools it powers, we’ve also struggled to overcome some of its limitations—network connectivity, for instance. At Microsoft, we’ve long been interested in the power of the web for software development and we are even more excited for the future possibilities offered by progressive web apps (PWAs). In this session, we discuss what PWAs are, how they can be integrated into the development process of modern websites, the advantages and disadvantages of PWAs vs. native development, and what opportunities they present when installed alongside native apps in Windows.

Software

Game
Gallery
Book
Newspaper
Art Project
Tool
Web App

App core
iPhone iPad
Android
Phone
Android
Tablet
Windows
MacOS
Web
Submit to App Store
Submit to Play Store
Submit to Windows Store
Submit to Mac App Store
Host

simple
type="email"
Experience deltas
1. Support for email input type?
2. Validation algorithm implemented?
3. Virtual keyboard?

simple
required
Experience deltas
1. Support for HTML validation?

simple
aria-required="true"
Experience deltas
1. Browser exposure of aria-required property?
2. Assistive tech implementation of aria-required?

ensures
can use your product
no matter what

Act as proxy servers that sit
between web apps, the browser,
and the network (when available).

Pinned Sites Packaged Web Apps Progressive Web AppsHosted Web Apps

Available Now
•
•
•
Coming soon
• Service Worker
• Cache API
• Push API

 Standalone Window
 Independent from browser process
 Less overhead
 Isolated cache
 Nearly unlimited storage (indexed DB, localStorage, etc.)
 Offline & background processes
 Access to Windows Runtime (WinRT) APIs via JavaScript
 Calendar
 Cortana
 Address Book

Progressive Web Apps are
Hosted Web Apps, evolved

Build 2017 - B8075 - Progressive web apps and the Windows ecosystem

You’ve designed it, you’ve built it, you’ve launched your new website – job done, right? Nope – your adventure has only begun! In this session we’ll review what “website security” really means, why it matters, and how exactly to implement basic security best practices such as: – Controlling user access to your site, – Using (and managing) strong passwords, – Applying updates to Core and Plugins, – Installing and configuring security plugins, – & How to back up your site easily, effectively, and automatically! You’ll leave this session with the ABCs of Security – literally!

Cyber-security tips: the heartbleed bug

Debbie Elicksen

The document provides cyber security tips to protect against threats like the Heartbleed bug. It recommends using Chromebleed to check if websites are safe and changing passwords on affected sites once they have been fixed. Strong passwords with letters and numbers are advised. Most banks were not impacted since they use proprietary security. Keeping antivirus software up to date with regular scans is also suggested.

I want to be more efficient ! #APIdays

Quentin Adam

The document discusses how to improve efficiency as a programmer. It recommends releasing code early and often through continuous integration and deployment. The code should be modularized into small, independent modules that communicate through HTTP or other protocols. Documentation should be slim but provide examples. Overall, the talk focuses on techniques like continuous delivery, modularization, and communication protocols to improve developer efficiency.

How to scale your applications ? - #bzhcamp

Quentin Adam

This document provides advice on how to scale applications from Quentin Adam, who handles app uptime at Clever Cloud. It discusses two approaches for scaling - scaling up with a single large instance or scaling out across many smaller instances. Scaling out is recommended by splitting processes and storage, using statelessness, trusting middleware, and an event broker to modularize the app. Common mistakes to avoid include using the file system as a database, memory as a database, or dark magic. The key is to make small, modular codebases and services that can scale independently.

Apidays efficient-131204080056-phpapp02

Aravindharamanan S

The document discusses how to become a more efficient programmer through practices like releasing early and often, splitting code into modular services, versioning everything, using HTTP APIs, and keeping documentation slim and focused on examples. It recommends deploying applications several times per day after splitting code into modules that communicate over HTTP or message queues. It also suggests thinking of the codebase as new each day and keeping documentation as lean as possible with examples.

Alexandre Roman - How Pivotal Cloud Foundry can help you run Spring at scale ...

Codemotion

What makes Cloud Foundry the best place to run Java microservices? Looking beyond the Java buildpack—we'll examine what makes a distributed platform such a perfect fit for distributed applications. What could operational automation look like for critical functions like service discovery, circuit breaker monitoring, and configuration services? Application and operations-focused developers, Architects, and IT managers will walk away with a solid introduction to what makes Spring Boot / Spring Cloud workloads exciting on Cloud Foundry.

How to manage large amounts of data with Iteratee - ScalaDays Berlin 2014

Quentin Adam

How to manage a large file with HTTP? Is it possible to manage data stream when you are in a HTTP POST request? How to be relax when managing data stream (ie : not use while(true) hack or something I/O block)? This talk is about Play! iteratee and how to use it on real project : what is an iteratee? why it's useful? how to use it? how to manage it? is it clean? is your code readable or not? http://scaladays.org/#schedule/How-to-manage-large-amounts-of-data-with-Iteratee

Immutability: from code to infrastructure, the way to scalability - Breizhca...

Quentin Adam

The all functional programming world, Docker, Clever Cloud, micro service architecture, logs append only DB… All of this rely on the immutability at some point: infrastructure immutability, data immutability, append only. This is the way we now build some of the best scalable applications and infrastructure. The talk is made to understand why Immutability rules the scalability and why it’s important.

This document discusses progressive web apps (PWAs). It notes that PWAs aim to make web apps feel like native mobile apps by being discoverable, installable, linkable, safe, responsive and progressive. The document outlines some key characteristics of PWAs, including that they need to be served from secure origins and have app manifests. It also discusses some common misconceptions around PWAs and notes that as PWAs improve, they will continue to blur the line between web apps and native mobile apps.

Progressive web app fundamentals

pixi00004

This document discusses progressive web applications (PWAs). It states that PWAs are web applications that are built using web technologies but have native app-like experiences. PWAs use service workers to cache assets for offline use, can be installed on the home screen of devices for access like a regular app, and are deployed to users through web browsers rather than app stores. The document also notes that PWAs offer developers more flexibility than native apps as they can be updated instantly and work across different operating systems through a single codebase hosted on the web.

Progressivewebapps by sheddy nathan for isdev2017

Shedrack Akintayo

The document provides an overview of progressive web apps (PWAs), including what they are, their benefits over native apps, and the baseline features required to implement them. PWAs are designed to feel like native mobile apps to users, loading quickly, working offline, and being installable on home screens. The document outlines the core components needed for a basic PWA, such as service workers, a web app manifest, app shell caching, and push notifications. It also provides examples of how some companies have seen benefits from implementing PWAs, and discusses additional features that could further improve the user experience of PWAs.

The modern PWA Cheat Sheet

Maximiliano Firtman

The document discusses the modern Progressive Web App (PWA) development model. It covers key aspects of PWAs like service workers, app lifecycles, installation experiences, and platform integration. The goal is to build PWAs that provide native-like experiences across devices and platforms while avoiding app stores when possible by using technologies like web app manifests, service workers, and app shell architecture.

Progressive Web Apps

Nitheesh T Ganesh

Steve_Loar_WordCamp-talk.pptx

joshiashutosh686

Steve Loar gave a presentation on powering up WordPress user interfaces with the WP-API and React.js. He began by introducing himself and his background. He then provided an overview of REST APIs and how the WP-API plugin allows WordPress resources like posts, pages, and media to be accessed via REST. Loar demonstrated setting up a basic project with React, Redux, and Webpack to build a simple quotes display pulling from the WordPress API. He concluded by noting there is more to learn but the fundamentals were covered to get started with this technique.

Introduction to PWA Studio by Vijay Golani

vijaygolani

This document summarizes a presentation about Progressive Web Apps (PWA) and PWA Studio. It discusses what a PWA is, the benefits of PWAs including performance and user experience improvements. It then describes PWA Studio, the tools developed by Magento to build PWA storefronts on Magento Commerce. Key aspects of PWA Studio like its architecture, components and building a new project are outlined. The document also provides tips on testing PWA performance and getting started with local development of a PWA using PWA Studio.

Progressive Web Apps: The Breakdown

UXDXConf

Progressive Web Apps (PWAs) are websites that are built using newer web application development techniques to provide an app-like experience to users. PWAs can be installed on the home screen, work offline, receive push notifications, and have app-like interactions. The document discusses how PWA provides a better user experience than traditional websites by making websites feel like native mobile applications while retaining the benefits of the web. It also discusses how travel website Trivago implemented PWAs to increase their market reach, conversion rates, and growth.

Progressive Web App: A Complete Guide for 2023

iCoderz Solutions

Jws masterclass progressive web apps

Alexandre Marreiros

Building cross platform web apps

ITEM

The document discusses different approaches for building cross-platform web apps: 1. Progressive Web Apps (PWAs) which work across devices and can be installed like native apps using web technologies. 2. Electron which allows building desktop apps with web technologies but results in larger apps. 3. Hybrid apps which combine a web view layer with native platform integration via plugins but have web-based UIs. 4. JavaScript-driven native apps like React Native and NativeScript which use JavaScript to build truly native mobile apps.

I/O Extended 2019 WebTech - Going big-PWA

HanboramRobinJang

PWA - Progressive Web Apps

Edy Segura

progressive-web-app-development-in-jaipur.pdf

Colourmoon technology

progressive-web-app-development-in-jaipur.pdf

Colourmoon technology

To bring every business online, first of all a website is required. If you are looking for a secure web development company for your business that specialises in Progressive Web App Development. To get the best Progressive Web App Development Services in Jaipur you can contact Colourmoon company which has been providing web services since 2008 and has completed more than 10000 projects with an experienced team.

Setting up a local web server for WordPress

R-Cubed Design Forge

This document discusses setting up a local web server on your computer to test WordPress plugins and themes without needing a public server. It explains that a local web server requires a web server like Apache or Nginx, a programming language like PHP, and a database like MySQL. Stacks like WAMP, LAMP, and MAMP bundle these components together for easy installation on Windows, Linux, and Mac computers respectively.

Exploring pwa for shopware

Sander Mangel

Prasentation on java

pradeepsahu64

The document summarizes a presentation on Java programming language given by Pradeep Sahu and Sheeba Yasmin. It defines Java as an object-oriented programming language and platform, describes its uses in desktop and web applications, enterprise software and more. Key features of Java discussed include being simple, object-oriented, distributed, architecture neutral, robust, interpreted/compiled, secure and portable. The document also outlines Java Virtual Machine, advantages such as simplicity and platform independence, and disadvantages including slow performance and lack of low-level support.

Vaadin Introduction, 7.3 edition

Joonas Lehtinen

Vaadin7 is an introduction to the Vaadin framework, which is a user interface framework for building rich web applications in Java. It allows developers to create user interface components and connect them to backend data sources while developing everything in Java. The framework handles rendering the interface and communication with the browser, allowing developers to focus on application logic rather than browser compatibility issues or JavaScript coding.

Our Fluent Path to Spatial Computing: Easy as 1-2D-3D

Build 2017 - B8075 - Progressive web apps and the Windows ecosystem

Recommended

Recommended

More Related Content

Similar to Build 2017 - B8075 - Progressive web apps and the Windows ecosystem

Similar to Build 2017 - B8075 - Progressive web apps and the Windows ecosystem (20)

More from Windows Developer

More from Windows Developer (20)

Recently uploaded

Recently uploaded (20)

Build 2017 - B8075 - Progressive web apps and the Windows ecosystem