1 line
No EOL
11 KiB
JSON
1 line
No EOL
11 KiB
JSON
{"slug": "TalAter--awesome-progressive-web-apps", "title": "Progressive Web Apps", "description": ":sunrise: A collection of awesome resources for building progressive web apps", "github_url": "https://github.com/TalAter/awesome-progressive-web-apps", "stars": "1.5K", "tag": "Front-End Development", "entry_count": 56, "subcategory_count": 8, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "Must Reads", "url": "#must-reads", "description": ""}, {"name": "Learning Resources", "url": "#learning-resources", "description": ""}, {"name": "Browser Support", "url": "#browser-support", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Case Studies", "url": "#case-studies", "description": ""}, {"name": "Sample Progressive Web Apps", "url": "#sample-progressive-web-apps", "description": ""}, {"name": "Specific Technologies", "url": "#specific-technologies", "description": ""}, {"name": "Awesome Performance", "url": "#awesome-performance", "description": ""}, {"name": "Building Progressive Web Apps - O'Reilly Media", "url": "https://pwabook.com/oreillyapwa", "description": "A deep dive into progressive web apps, service workers, push notifications, background sync, IndexedDB, offline first and much more."}, {"name": "Offline Web Applications Using IndexedDB & Service Worker", "url": "https://www.udacity.com/course/offline-web-applications--ud899", "description": "A free Udacity course introducing the basic concepts of building a progressive web app."}, {"name": "Google Developers - Your First Progressive Web App", "url": "https://developers.google.com/web/fundamentals/getting-started/your-first-progressive-web-app/?hl=en", "description": "A step-by-step guide to building a progressive web apps using the app shell pattern."}, {"name": "Awesome Service Workers", "url": "https://github.com/TalAter/awesome-service-workers", "description": "A collection of awesome resources for learning service workers.", "stars": "1.6k"}, {"name": "Service Workers W3C Specification", "url": "https://www.w3.org/TR/service-workers/", "description": "The official service workers spec."}, {"name": "Can I Use - Service Workers", "url": "http://caniuse.com/#feat=serviceworkers", "description": "Up-to-date browser support table of ServiceWorker API."}, {"name": "Is Service Worker ready?", "url": "https://jakearchibald.github.io/isserviceworkerready/", "description": "Current status of ServiceWorker support in different browsers."}, {"name": "Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016", "url": "https://youtu.be/cmGr0RszHc8", "description": "A quick dive into the most common technologies and techniques for building progressive web apps."}, {"name": "Intro To Progressive Web Apps", "url": "https://www.udacity.com/course/intro-to-progressive-web-apps--ud811", "description": "This free Udacity course by Google covers intro to PWAs, service workers and web app manifests."}, {"name": "Offline Web Applications Using IndexedDB & Service Worker", "url": "https://www.udacity.com/course/offline-web-applications--ud899", "description": "This free Udacity course is a must if you're planning to dive deep into service workers."}, {"name": "Progressive Web Apps (Chrome Dev Summit 2015)", "url": "https://www.youtube.com/watch?v=MyQ8mtR9WxI", "description": "An introduction to progressive web apps by Alex Russell and Andreas Bovens."}, {"name": "Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016", "url": "https://www.youtube.com/watch?v=fFF2Yup2dMM", "description": "Using Polymer to build progressive web apps."}, {"name": "Building the Google I/O 2016 Progressive Web App", "url": "https://developers.google.com/web/showcase/2016/iowa2016", "description": "Building and launching a progressive web app using web components, Polymer, and material design."}, {"name": "AliExpress Case Study", "url": "https://developers.google.com/web/showcase/2016/aliexpress", "description": "AliExpress increases conversion rate for new users by 104% with new progressive web apps."}, {"name": "eXtra Electronics Case Study", "url": "https://developers.google.com/web/showcase/2016/extra", "description": "United eXtra Electronics grows eCommerce sales by 100% with Web Push Notifications."}, {"name": "Jumia Case Study", "url": "https://developers.google.com/web/showcase/2016/jumia", "description": "Push Notifications help Jumia reverse cart abandonment and increase conversions by 9X."}, {"name": "Konga Case Study", "url": "https://developers.google.com/web/showcase/2016/konga", "description": "Konga cuts data usage 92% with new Progressive Web App."}, {"name": "Suumo Case Study", "url": "https://developers.google.com/web/showcase/2016/suumo", "description": "Japan's top real estate site supercharges new listings with web Push Notifications and sees a 31% open rate for notifications."}, {"name": "PWA.rocks", "url": "https://pwa.rocks/", "description": "A showcase of several progressive web apps, collected by the [Opera Dev Relations team](https://twitter.com/ODevRel)."}, {"name": "SVGOMG", "url": "https://jakearchibald.github.io/svgomg/", "description": ""}, {"name": "Guitar Tuner", "url": "https://aerotwist.com/blog/guitar-tuner/", "description": ""}, {"name": "Voice Memos", "url": "https://voice-memos.appspot.com/", "description": ""}, {"name": "Hacker News", "url": "https://react-hn.appspot.com/", "description": ""}]}, {"name": "Service Workers", "parent": "Specific Technologies", "entries": [{"name": "Awesome Service Workers", "url": "https://github.com/TalAter/awesome-service-workers/", "description": "A curated collection of the finest service worker resources.", "stars": "1.6k"}]}, {"name": "CacheStorage API", "parent": "Specific Technologies", "entries": [{"name": "Offline Storage for Progressive Web Apps", "url": "https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c", "description": "The current state of offline storage in the browser"}, {"name": "CacheStorage API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Cache", "description": "API docs, and sample code from Mozilla."}]}, {"name": "Background Sync", "parent": "Specific Technologies", "entries": [{"name": "Introducing Background Sync", "url": "https://developers.google.com/web/updates/2015/12/background-sync", "description": "A gentle introduction to background sync, along with some great videos and code samples."}, {"name": "Background Sync Explained", "url": "https://github.com/WICG/BackgroundSync/blob/master/explainer.md", "description": "The official \"explainer\" document for background sync, including one-off synchronization and periodic synchronization.", "stars": "617"}, {"name": "Background Sync Spec", "url": "https://wicg.github.io/BackgroundSync/spec/", "description": "The WIP spec for Background Sync."}]}, {"name": "Push Notifications", "parent": "Specific Technologies", "entries": [{"name": "Can I Use - Push API", "url": "http://caniuse.com/#feat=push-api", "description": "Up-to-date browser support table of Push API."}, {"name": "Chrome Platform Status - Web Notifications", "url": "https://www.chromestatus.com/feature/5480344312610816", "description": "Implementation status for Chrome and other browsers."}, {"name": "PWA Dev Summit 2016 codelab - Push Notifications", "url": "https://developers.google.com/web/fundamentals/getting-started/push-notifications/?hl=en", "description": ""}, {"name": "Using the Push API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Push_API/Using_the_Push_API", "description": "An article introducing Push API."}, {"name": "web-push-libs", "url": "https://github.com/web-push-libs", "description": "A collection of useful libraries for web push in different technologies (Node.js, PHP, Python, etc.)"}]}, {"name": "IndexedDB", "parent": "Specific Technologies", "entries": [{"name": "IndexedDB API", "url": "https://developer.mozilla.org/en/docs/Web/API/IndexedDB_API", "description": "API docs, key concepts, and sample code from Mozilla."}]}, {"name": "Installable Web Apps", "parent": "Specific Technologies", "entries": [{"name": "Increasing Engagement with Web App Install Banners", "url": "https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android?hl=en", "description": "An intro to App Install Banners and making sure Chrome offers your web app to your users."}, {"name": "Installable Web Apps with the Web App Manifest in Chrome for Android", "url": "https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android", "description": "An introduction to installable Web Apps in Chrome for Android."}, {"name": "RealFaviconGenerator", "url": "http://realfavicongenerator.net/", "description": "A great way to generate all the images, favicons, and associated files needed to display your app icon across different browsers."}, {"name": "Android Asset Studio - Launcher Icon Generator", "url": "https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html", "description": "Generate Android style icons."}]}, {"name": "Web Share APIs", "parent": "Specific Technologies", "entries": [{"name": "Introducing the Web Share API", "url": "https://developers.google.com/web/updates/2016/10/navigator-share", "description": "High level introduction to the Web Share API."}, {"name": "Web Share API explainer", "url": "https://github.com/WICG/web-share/blob/master/docs/explainer.md", "description": "An explanation of the API, along with some examples. Part of the proposal doc.", "stars": "337"}, {"name": "Web Share Target API", "url": "https://github.com/WICG/web-share-target", "description": "The proposal for the Web Share Target API, as well as a high level [explainer (\u2b50181)](https://github.com/WICG/web-share-target/blob/master/docs/explainer.md).", "stars": "181"}, {"name": "Web Fundamentals - Performance", "url": "https://developers.google.com/web/fundamentals/performance/", "description": "Google's performance learning portal, containing a wealth of knowledge on optimizing your web apps for perfomance."}, {"name": "Introducing RAIL: A User-Centric Model For Performance", "url": "https://www.smashingmagazine.com/2015/10/rail-user-centric-model-performance/", "description": "The seminal introduction to RAIL by the Gang of Pauls."}, {"name": "Website Performance Optimization", "url": "https://udacity.com/ud884", "description": "A free Udacity course on optimizing websites for speed."}, {"name": "Browser Rendering Optimization", "url": "https://udacity.com/ud860", "description": "A free Udacity course helping you create web apps that maintain jank-free 60fps performance."}, {"name": "The PRPL Pattern", "url": "https://developers.google.com/web/fundamentals/performance/prpl-pattern/", "description": "A new pattern for structuring and serving Progressive Web Apps, with an emphasis on performance."}, {"name": "Browser Rendering Performance", "url": "https://developers.google.com/web/fundamentals/performance/rendering/", "description": "Understand how HTML, JavaScript and CSS is handled by the browser, and how to optimize your page accordingly."}]}], "name": ""} |