Pwa with vue js
•
3 likes•712 views
Define the PWA and explain why people should care about PWA. Explaining the PWA feature and mentioning the tools and techniques. Mostly explained the service worker and how its helped with the offline web app.
Report
Share
Report
Share
Download to read offline
Recommended
Pros and Cons of developing a Thick Clientside App
This is a presentation/talk given at BangaloreJS second meetup.
In this talk, I talked about why and when we should use rendering and templating on the client-side rather than onthe server-side to develop a web app. Then I demonstrated the DelightCircle web app, which is centered around Backbone.js using Mustache.js templating, and some unique hacks!
Mobilizing Your SAP Data with Kendo UI Mobile
This document discusses mobilizing SAP data using Kendo UI Mobile. It provides an overview of SAP, SAP Netweaver Gateway for connecting devices and platforms to SAP backends, and demo systems for accessing sample SAP services. It then discusses setting up a reverse proxy and using Kendo UI Mobile's adaptive controls to build native-like mobile apps that can access and display SAP data across devices. The document concludes with a demo of these concepts in action.
Build HTML5 Sites/Apps with Kendo UI Core
Kendo UI Core is an open source version of the Kendo UI library that includes core UI widgets, charts, and frameworks for building websites and mobile apps. It contains 24 widgets, core framework components, mobile widgets, and mobile features. Some key differences between Kendo UI Core and the commercial version are that Core has restrictive open source licensing and only includes major releases without commercial support. Kendo UI Core can be obtained from GitHub, NuGet, direct download, or a CDN and includes demo applications for the web framework, widgets, and mobile widgets.
Build Hybrid Mobile Applications for Nokia Lumia Devices
This document discusses building hybrid mobile applications using Telerik Kendo UI. It defines hybrid apps as those written with web technologies but run natively on devices by leveraging the device's browser engine. Hybrid apps allow targeting multiple mobile platforms while still accessing device capabilities. Telerik Kendo UI is an HTML5 framework for building such hybrid mobile apps using its widgets. Telerik AppBuilder is a hybrid mobile app IDE, and it also has a Visual Studio extension to facilitate hybrid app development. The document concludes with a demo of a media player hybrid mobile app.
Integrate Videos & Photos With Ease in ASP.NET
The document discusses how to integrate photos and videos into ASP.NET applications using Telerik controls. It introduces the RadImageGallery and RadMediaPlayer controls, which allow adding image galleries and media playback capabilities with various features like different display styles, animations, data binding, responsiveness, and more. Demos of the controls are provided.
Server rendering-talk
This document discusses server-side rendering for single-page applications built with React. It outlines the user experience challenges of traditional SPAs, how server-side rendering improves load time and perceived performance. It then covers some of the technical challenges of implementing SSR including routing, data fetching, and sharing code between client and server. Examples of routing with React Router and state management with Redux are provided. The presentation concludes by emphasizing the importance of performance and suggests further resources to explore this topic.
Front End Applications Using One Stop JavaScript Library from Telerik
Kendo UI is a single JavaScript library that provides widgets, UI elements, and frameworks for building responsive web sites, web applications, hybrid mobile apps, and data visualizations. It includes 22 widgets across its web, mobile, and data visualization modules and supports features like data binding, MVVM, templates, globalization and more. Kendo UI can be obtained from GitHub, NuGet, or direct download and includes demos, documentation and support resources.
Building Next generation progressive web apps with Isomorphic JavaScript
This document discusses building isomorphic JavaScript applications for improved speed and SEO. It notes current concerns with single-page applications being slow and having poor SEO. The long-term goal is to design a new strategy that is SEO friendly, fast, uses JavaScript end-to-end, and has responsive design. Currently, single-page applications can be slow and use different stacks, while progressive web app development is not suitable for many frameworks. The document recommends interest in a future talk providing more information on developing applications with Node.js as the server and Browserify to pack code to the client.
Recommended
Pros and Cons of developing a Thick Clientside App
This is a presentation/talk given at BangaloreJS second meetup.
In this talk, I talked about why and when we should use rendering and templating on the client-side rather than onthe server-side to develop a web app. Then I demonstrated the DelightCircle web app, which is centered around Backbone.js using Mustache.js templating, and some unique hacks!
Mobilizing Your SAP Data with Kendo UI Mobile
This document discusses mobilizing SAP data using Kendo UI Mobile. It provides an overview of SAP, SAP Netweaver Gateway for connecting devices and platforms to SAP backends, and demo systems for accessing sample SAP services. It then discusses setting up a reverse proxy and using Kendo UI Mobile's adaptive controls to build native-like mobile apps that can access and display SAP data across devices. The document concludes with a demo of these concepts in action.
Build HTML5 Sites/Apps with Kendo UI Core
Kendo UI Core is an open source version of the Kendo UI library that includes core UI widgets, charts, and frameworks for building websites and mobile apps. It contains 24 widgets, core framework components, mobile widgets, and mobile features. Some key differences between Kendo UI Core and the commercial version are that Core has restrictive open source licensing and only includes major releases without commercial support. Kendo UI Core can be obtained from GitHub, NuGet, direct download, or a CDN and includes demo applications for the web framework, widgets, and mobile widgets.
Build Hybrid Mobile Applications for Nokia Lumia Devices
This document discusses building hybrid mobile applications using Telerik Kendo UI. It defines hybrid apps as those written with web technologies but run natively on devices by leveraging the device's browser engine. Hybrid apps allow targeting multiple mobile platforms while still accessing device capabilities. Telerik Kendo UI is an HTML5 framework for building such hybrid mobile apps using its widgets. Telerik AppBuilder is a hybrid mobile app IDE, and it also has a Visual Studio extension to facilitate hybrid app development. The document concludes with a demo of a media player hybrid mobile app.
Integrate Videos & Photos With Ease in ASP.NET
The document discusses how to integrate photos and videos into ASP.NET applications using Telerik controls. It introduces the RadImageGallery and RadMediaPlayer controls, which allow adding image galleries and media playback capabilities with various features like different display styles, animations, data binding, responsiveness, and more. Demos of the controls are provided.
Server rendering-talk
This document discusses server-side rendering for single-page applications built with React. It outlines the user experience challenges of traditional SPAs, how server-side rendering improves load time and perceived performance. It then covers some of the technical challenges of implementing SSR including routing, data fetching, and sharing code between client and server. Examples of routing with React Router and state management with Redux are provided. The presentation concludes by emphasizing the importance of performance and suggests further resources to explore this topic.
Front End Applications Using One Stop JavaScript Library from Telerik
Kendo UI is a single JavaScript library that provides widgets, UI elements, and frameworks for building responsive web sites, web applications, hybrid mobile apps, and data visualizations. It includes 22 widgets across its web, mobile, and data visualization modules and supports features like data binding, MVVM, templates, globalization and more. Kendo UI can be obtained from GitHub, NuGet, or direct download and includes demos, documentation and support resources.
Building Next generation progressive web apps with Isomorphic JavaScript
This document discusses building isomorphic JavaScript applications for improved speed and SEO. It notes current concerns with single-page applications being slow and having poor SEO. The long-term goal is to design a new strategy that is SEO friendly, fast, uses JavaScript end-to-end, and has responsive design. Currently, single-page applications can be slow and use different stacks, while progressive web app development is not suitable for many frameworks. The document recommends interest in a future talk providing more information on developing applications with Node.js as the server and Browserify to pack code to the client.
Using SignalR with Kendo UI
Learn about the SignalR technology and how to use it with your HTML 5 applications. We use Kendo UI to demonstrate the easy integration it offers with SignalR.
Introduction To JavaScript
JavaScript is a programming language that allows you to create attractive and responsive web pages. It improves the user experience on static pages and makes web development easier. JavaScript can be used on both the client-side in browsers to validate user input, and server-side to create more dynamic web applications and games. While it provides more control and interactivity, JavaScript must be used carefully as any code has the potential to harm a system.
Benefits of developing single page web applications using angular js
Benefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of Choice
How many times have you experienced the agonizing wait as you navigate through a web application? Looking expectantly at the screen, and waiting for the page to load? Frustrating, isn’t it?
Using Single Page web application (SPA) technique can give your web application as seamless an experience as a desktop application. So, what is SPA? And how does it enhance the viewer experience?
The webinar will take you through a step-by-step introduction to SPA, its building blocks, the design techniques and advantages of SPA. It will also discuss the distinct advantages of using AngularJS for Single Page Applications and feature an application demo.
Key Takeaways:
Single Page Web Applications [SPA] , Present and Future
- Introduction
- Why SPA, advantages
- SPA- Multiplatform perspective
- Future of SPA
Architectural considerations for developing SPA
- Building blocks of SPA
- Main Challenges in Web Application Development
Why choose AngularJS for SPA
- Walkthrough of Key AngularJS features
- Advantages of AngularJS in SPA development
Application Demo
Who will benefit from this webinar?
ISVs who want to make their web applications more fluid and engaging for their users
Businesses who don’t want to lose customers because of a slow website
- B2C portals
- Online Retailers
- Travel & Hospitality
- Online shopping portals
- Healthcare portals
Educational & training institutionsSolving Enteprise Mobility Considerations with Telerik Mobile Platform
This document provides information about the Telerik Mobile Platform, including:
- An overview of Telerik as a company founded in 2002 with over 700 employees supporting mobile development.
- Details on mobile trends like increasing smartphone usage and priorities for mobile at enterprises.
- The challenges of mobile development around areas like cross-platform support, speeds to market, and infrastructure requirements.
- An introduction to Telerik Platform's capabilities for building cross-platform mobile apps using technologies like web, hybrid, and native approaches.
Single page application
This document discusses single page applications (SPAs) and provides an overview of what SPAs are and their advantages compared to traditional websites. It defines SPAs as web applications that fit on a single web page and provide a more desktop-like user experience through features like fluid page transitions without reloads. The document outlines how SPAs move more of the application logic to the client, fetch data on demand, and support features like back/forward buttons and offline use. Examples of SPAs include Gmail and merchant locators.
Progressive Web Apps
This slides includes :
- Introduction to progressive web apps
- History of mobile and web applications
- Advantages of creating Progressive Web Apps
- Techniques for developing Progressive Web Apps
- Limitations of creating Progressive Web Apps
12 Clouds of Christmas 2012- Stormpath
The document discusses Stormpath, an identity and access management tool that provides REST APIs for user authentication, authorization, and other features to power security in applications. It highlights Stormpath's APIs for user authentication, role-based access control, and automated user workflows. The presenter then provides a pricing overview, with free, pro, premium, and enterprise tiers starting at $19/month.
Progressive Web Application - Advanced Topics
• Fetch API
• Promises
• Using indexedDB
• Push notifications
• PWA lighthouse tool for performance analysis
• Deploying to Firebase
Create Progressive Web App with cross platform frameworks like cross platform development tools like React, ExtJs, Ionic, Angular Mobile toolkit.
AZURE WEBSITE DEEPDIVE
This document contains an agenda for an Azure Web Sites Deep Dive presentation. The agenda covers topics such as creating and deploying web sites, securing settings, running multiple apps, continuous integration, scaling, slots and traffic management, web jobs, backups, Application Insights, architecture, Kudu, and extensions. The presentation will be given by Roberto Freato, a freelance IT consultant and Microsoft MVP, and will provide an in-depth look at developing and managing web applications on Azure Web Sites.
Getting Started with ASP.NET vNext
Lohith G N presents on ASP.NET 5 and how it enables modern web development. The key points are that ASP.NET 5 is open source, totally modular, allows for seamless transitions between on-premises and cloud, and allows developers to choose their own editors and tools. It also offers faster development cycles, is cross-platform, and prioritizes agility, speed, cloud capabilities. Lohith demonstrates ASP.NET 5 in action and summarizes how it provides a cloud-optimized, modular design with features like dependency injection, consistent debugging, and faster development without build steps.
Server Side Responsive Layouts for ASP.NET WebForms using Telerik UI for ASP....
Server Side Responsive Layouts for ASP.NET WebForms using Telerik UI for ASP....Lohith Goudagere Nagaraj
Slide deck used for my Mar 26 2015 webinar titled "Responsive Layouts for your ASP NET Webforms with Telerik UI for ASP NET AJAX"Making Single Page Applications (SPA) faster
This document discusses strategies for improving the performance of single page applications (SPAs). It begins by introducing common SPA frameworks and trends. It then discusses challenges like framework overhead and constant reinstallation that can degrade performance. Solutions presented include light first visits using skeleton pages, server-side rendering, virtual DOM libraries, JavaScript packaging, resource deferral, caching optimizations, and monitoring SPA-specific metrics. The document emphasizes the importance of choosing the right framework, designing for performance, and testing SPAs using modern techniques.
HTML5 Charting in ASP.NET using RadHtmlChart
This document summarizes a presentation about HTML5 charting using Telerik's RadHtmlChart control. It includes an agenda that covers HTML5, visualization techniques like SVG and Canvas, a demo of SVG and Canvas, and a demo of RadHtmlChart. The presentation provides information on RadHtmlChart features like various chart types, data binding, customization options, and browser support.
Jumpstart your ASP.NET Project Development with Sitefinity Platform
Slide deck used for Dec 11 webinar titled "Jumpstart your ASP.NET Project Development with Sitefinity Platform"
Improving Perceived Page Performance with ASP.NET Web API and AJAX
This document discusses improving perceived page performance in ASP.NET web applications using Web API and AJAX. It defines Web API as a client-server gateway using REST that returns JSON data and can be easily paired with client-side frameworks. AJAX is described as a way to send data between the browser and server asynchronously without disrupting the user experience. The document recommends using Web API and AJAX to eliminate full page postbacks, improve performance and user experience, and maintain clean separation of concerns in the code. It provides steps and examples for getting started with Web API in an ASP.NET application and making client-side calls.
Kendo UI Wrappers in ASP.NET Core
The document discusses using Kendo UI wrappers in ASP.NET MVC Core 1.0. It provides an overview of ASP.NET Core 1.0, Kendo UI, and using Kendo UI in ASP.NET Core projects. Tag helpers are introduced as an improved way over HTML helpers to incorporate Kendo UI wrappers in ASP.NET Core views. The presentation includes a demo of using Kendo UI in an ASP.NET Core application.
Azure app services API apps
The API Apps support within Azure App Service provides additional support that enables you to easily create, consume and call APIs - both APIs you create (using a framework like ASP.NET Web API or the equivalent in other languages) as well as APIs from other SaaS and cloud providers. During the presentation we will explore the fundamentals of creating, calling & consuming REST APIs using ASP.NET Web API on Azure. We will also examine a test case of using an API from a third-party cloud provider within Azure.
Users: SOA Last Mile - WSO2Con 2011
This document discusses the "SOA Last Mile", which aims to provide users with the right information in an organized, visually appealing manner by hiding the complexities of underlying systems. It suggests creating easy-to-use APIs, tools to interact with those APIs, and allowing users to build their own applications and share them in a repository. The goal is to give users freedom of choice while providing the necessary framework and ecosystem.
Platform as a Service for Rapid Development
In Dapur Startup event, I shared about how and why we choose the technology stack to empower Taptopick
Running Web & Mobile App on Azure App Service
Azure App Service allows developers to build and host web and mobile applications in the cloud, providing a fully managed environment for deploying applications at scale. It offers an integrated platform for developing apps using common languages like .NET, Node.js, PHP, Python and Java, and includes features for continuous integration/deployment, auto-scaling, and running background tasks and jobs. The cloud-based platform addresses issues like quickly setting up environments, scaling to meet demand, and increasing productivity.
Using-AngularJS-with-Sitefinity.pptx
Goal of the talk is to build a full web and mobile application powered by Angular
We will be talking about basics of AngularJS
We will be talking basics of WebAPI (which will expose Sitefinity’s data)
We will be talking about an easy way to create WebAPIS in Sitefinity using Babaganoush
Building a Conference web app which shows how to get and put data into Sitefinity using widgets powered by Angular
Building a Conference mobile app which shows how to get data from Sitefinity to a hybrid app powered by AngularJS
Web development - Developing Web as A Team
This document discusses developing a web application as a team. It outlines key roles like the system engineer, web programmer, and web designer. It also covers important aspects of web development like using frameworks, separating front-end and back-end development, and utilizing version control tools when collaborating as a team. The document emphasizes that while one can develop a website alone, teamwork is better, and web designers now need coding skills to build responsive designs for different devices.
More Related Content
What's hot
Using SignalR with Kendo UI
Learn about the SignalR technology and how to use it with your HTML 5 applications. We use Kendo UI to demonstrate the easy integration it offers with SignalR.
Introduction To JavaScript
JavaScript is a programming language that allows you to create attractive and responsive web pages. It improves the user experience on static pages and makes web development easier. JavaScript can be used on both the client-side in browsers to validate user input, and server-side to create more dynamic web applications and games. While it provides more control and interactivity, JavaScript must be used carefully as any code has the potential to harm a system.
Benefits of developing single page web applications using angular js
Benefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of Choice
How many times have you experienced the agonizing wait as you navigate through a web application? Looking expectantly at the screen, and waiting for the page to load? Frustrating, isn’t it?
Using Single Page web application (SPA) technique can give your web application as seamless an experience as a desktop application. So, what is SPA? And how does it enhance the viewer experience?
The webinar will take you through a step-by-step introduction to SPA, its building blocks, the design techniques and advantages of SPA. It will also discuss the distinct advantages of using AngularJS for Single Page Applications and feature an application demo.
Key Takeaways:
Single Page Web Applications [SPA] , Present and Future
- Introduction
- Why SPA, advantages
- SPA- Multiplatform perspective
- Future of SPA
Architectural considerations for developing SPA
- Building blocks of SPA
- Main Challenges in Web Application Development
Why choose AngularJS for SPA
- Walkthrough of Key AngularJS features
- Advantages of AngularJS in SPA development
Application Demo
Who will benefit from this webinar?
ISVs who want to make their web applications more fluid and engaging for their users
Businesses who don’t want to lose customers because of a slow website
- B2C portals
- Online Retailers
- Travel & Hospitality
- Online shopping portals
- Healthcare portals
Educational & training institutionsSolving Enteprise Mobility Considerations with Telerik Mobile Platform
This document provides information about the Telerik Mobile Platform, including:
- An overview of Telerik as a company founded in 2002 with over 700 employees supporting mobile development.
- Details on mobile trends like increasing smartphone usage and priorities for mobile at enterprises.
- The challenges of mobile development around areas like cross-platform support, speeds to market, and infrastructure requirements.
- An introduction to Telerik Platform's capabilities for building cross-platform mobile apps using technologies like web, hybrid, and native approaches.
Single page application
This document discusses single page applications (SPAs) and provides an overview of what SPAs are and their advantages compared to traditional websites. It defines SPAs as web applications that fit on a single web page and provide a more desktop-like user experience through features like fluid page transitions without reloads. The document outlines how SPAs move more of the application logic to the client, fetch data on demand, and support features like back/forward buttons and offline use. Examples of SPAs include Gmail and merchant locators.
Progressive Web Apps
This slides includes :
- Introduction to progressive web apps
- History of mobile and web applications
- Advantages of creating Progressive Web Apps
- Techniques for developing Progressive Web Apps
- Limitations of creating Progressive Web Apps
12 Clouds of Christmas 2012- Stormpath
The document discusses Stormpath, an identity and access management tool that provides REST APIs for user authentication, authorization, and other features to power security in applications. It highlights Stormpath's APIs for user authentication, role-based access control, and automated user workflows. The presenter then provides a pricing overview, with free, pro, premium, and enterprise tiers starting at $19/month.
Progressive Web Application - Advanced Topics
• Fetch API
• Promises
• Using indexedDB
• Push notifications
• PWA lighthouse tool for performance analysis
• Deploying to Firebase
Create Progressive Web App with cross platform frameworks like cross platform development tools like React, ExtJs, Ionic, Angular Mobile toolkit.
AZURE WEBSITE DEEPDIVE
This document contains an agenda for an Azure Web Sites Deep Dive presentation. The agenda covers topics such as creating and deploying web sites, securing settings, running multiple apps, continuous integration, scaling, slots and traffic management, web jobs, backups, Application Insights, architecture, Kudu, and extensions. The presentation will be given by Roberto Freato, a freelance IT consultant and Microsoft MVP, and will provide an in-depth look at developing and managing web applications on Azure Web Sites.
Getting Started with ASP.NET vNext
Lohith G N presents on ASP.NET 5 and how it enables modern web development. The key points are that ASP.NET 5 is open source, totally modular, allows for seamless transitions between on-premises and cloud, and allows developers to choose their own editors and tools. It also offers faster development cycles, is cross-platform, and prioritizes agility, speed, cloud capabilities. Lohith demonstrates ASP.NET 5 in action and summarizes how it provides a cloud-optimized, modular design with features like dependency injection, consistent debugging, and faster development without build steps.
Server Side Responsive Layouts for ASP.NET WebForms using Telerik UI for ASP....
Server Side Responsive Layouts for ASP.NET WebForms using Telerik UI for ASP....Lohith Goudagere Nagaraj
Slide deck used for my Mar 26 2015 webinar titled "Responsive Layouts for your ASP NET Webforms with Telerik UI for ASP NET AJAX"Making Single Page Applications (SPA) faster
This document discusses strategies for improving the performance of single page applications (SPAs). It begins by introducing common SPA frameworks and trends. It then discusses challenges like framework overhead and constant reinstallation that can degrade performance. Solutions presented include light first visits using skeleton pages, server-side rendering, virtual DOM libraries, JavaScript packaging, resource deferral, caching optimizations, and monitoring SPA-specific metrics. The document emphasizes the importance of choosing the right framework, designing for performance, and testing SPAs using modern techniques.
HTML5 Charting in ASP.NET using RadHtmlChart
This document summarizes a presentation about HTML5 charting using Telerik's RadHtmlChart control. It includes an agenda that covers HTML5, visualization techniques like SVG and Canvas, a demo of SVG and Canvas, and a demo of RadHtmlChart. The presentation provides information on RadHtmlChart features like various chart types, data binding, customization options, and browser support.
Jumpstart your ASP.NET Project Development with Sitefinity Platform
Slide deck used for Dec 11 webinar titled "Jumpstart your ASP.NET Project Development with Sitefinity Platform"
Improving Perceived Page Performance with ASP.NET Web API and AJAX
This document discusses improving perceived page performance in ASP.NET web applications using Web API and AJAX. It defines Web API as a client-server gateway using REST that returns JSON data and can be easily paired with client-side frameworks. AJAX is described as a way to send data between the browser and server asynchronously without disrupting the user experience. The document recommends using Web API and AJAX to eliminate full page postbacks, improve performance and user experience, and maintain clean separation of concerns in the code. It provides steps and examples for getting started with Web API in an ASP.NET application and making client-side calls.
Kendo UI Wrappers in ASP.NET Core
The document discusses using Kendo UI wrappers in ASP.NET MVC Core 1.0. It provides an overview of ASP.NET Core 1.0, Kendo UI, and using Kendo UI in ASP.NET Core projects. Tag helpers are introduced as an improved way over HTML helpers to incorporate Kendo UI wrappers in ASP.NET Core views. The presentation includes a demo of using Kendo UI in an ASP.NET Core application.
Azure app services API apps
The API Apps support within Azure App Service provides additional support that enables you to easily create, consume and call APIs - both APIs you create (using a framework like ASP.NET Web API or the equivalent in other languages) as well as APIs from other SaaS and cloud providers. During the presentation we will explore the fundamentals of creating, calling & consuming REST APIs using ASP.NET Web API on Azure. We will also examine a test case of using an API from a third-party cloud provider within Azure.
Users: SOA Last Mile - WSO2Con 2011
This document discusses the "SOA Last Mile", which aims to provide users with the right information in an organized, visually appealing manner by hiding the complexities of underlying systems. It suggests creating easy-to-use APIs, tools to interact with those APIs, and allowing users to build their own applications and share them in a repository. The goal is to give users freedom of choice while providing the necessary framework and ecosystem.
Platform as a Service for Rapid Development
In Dapur Startup event, I shared about how and why we choose the technology stack to empower Taptopick
Running Web & Mobile App on Azure App Service
Azure App Service allows developers to build and host web and mobile applications in the cloud, providing a fully managed environment for deploying applications at scale. It offers an integrated platform for developing apps using common languages like .NET, Node.js, PHP, Python and Java, and includes features for continuous integration/deployment, auto-scaling, and running background tasks and jobs. The cloud-based platform addresses issues like quickly setting up environments, scaling to meet demand, and increasing productivity.
What's hot (20)
Benefits of developing single page web applications using angular js
Benefits of developing single page web applications using angular js
Solving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile Platform
Server Side Responsive Layouts for ASP.NET WebForms using Telerik UI for ASP....
Server Side Responsive Layouts for ASP.NET WebForms using Telerik UI for ASP....
Jumpstart your ASP.NET Project Development with Sitefinity Platform
Jumpstart your ASP.NET Project Development with Sitefinity Platform
Improving Perceived Page Performance with ASP.NET Web API and AJAX
Improving Perceived Page Performance with ASP.NET Web API and AJAX
Similar to Pwa with vue js
Using-AngularJS-with-Sitefinity.pptx
Goal of the talk is to build a full web and mobile application powered by Angular
We will be talking about basics of AngularJS
We will be talking basics of WebAPI (which will expose Sitefinity’s data)
We will be talking about an easy way to create WebAPIS in Sitefinity using Babaganoush
Building a Conference web app which shows how to get and put data into Sitefinity using widgets powered by Angular
Building a Conference mobile app which shows how to get data from Sitefinity to a hybrid app powered by AngularJS
Web development - Developing Web as A Team
This document discusses developing a web application as a team. It outlines key roles like the system engineer, web programmer, and web designer. It also covers important aspects of web development like using frameworks, separating front-end and back-end development, and utilizing version control tools when collaborating as a team. The document emphasizes that while one can develop a website alone, teamwork is better, and web designers now need coding skills to build responsive designs for different devices.
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
This presentation cover below lists of points:
What is Progressive Web App?
Why PWA?
What is Magento PWA Studio?
Tools & Libraries used in PWA
PWA Architecture
Facts from PWA Case Study
Microsoft Power Page for Developer - ภาษาไทย
The presentation "Microsoft Power Pages for Developers" focuses on enabling developers to enhance Power Page websites. It covers the utilization of Power Platform Developer tools, Power Platform CLI, and Web Templates. Key components include the Liquid framework for dynamic content and Code Components for creating model-driven app fields and Power Page forms. It emphasizes on open-source solutions, navigating large websites, and manipulating data from Microsoft Dataverse. The guide aims to provide developers with the skills to customize and extend Power Page capabilities effectively.
"Microsoft Power Pages สำหรับนักพัฒนา" มุ่งเน้นให้นักพัฒนาสามารถเพิ่มศักยภาพของเว็บไซต์ Power Page ได้ ครอบคลุมการใช้เครื่องมือ Power Platform Developer, Power Platform CLI และ Web Templates ประกอบด้วยส่วนประกอบหลักอย่างเฟรมเวิร์ก Liquid สำหรับเนื้อหาที่เปลี่ยนแปลงได้ และ Code Components สำหรับสร้างฟิลด์ในแอปที่ขับเคลื่อนด้วยโมเดลและแบบฟอร์ม Power Page โดยเน้นที่โซลูชันแบบโอเพนซอร์ส และการจัดการข้อมูลจาก Microsoft Dataverse เพื่อให้นักพัฒนามีทักษะในการปรับแต่งและขยายความสามารถของ Power Page อย่างมีประสิทธิภาพ.
Ajax World West
This document discusses Rich Internet Applications (RIAs) and Google App Engine (GAE). It provides an overview of RIAs and why they are important for user experience. GAE is described as an elastic infrastructure that eases scaling and deployment pain points. The document then discusses how Appcelerator can be used to develop RIAs and integrate with GAE, reducing development time. Approaches to RIA development like MVC with Ajax, intermediate JavaScript compilers, and browser plugins are summarized along with their pros and cons. Appcelerator is introduced as an open source framework that uses a message-oriented architecture with client-side JavaScript to build fluid, event-driven UIs while maintaining browser accessibility and skills.
Introduction to Web Frameworks
Web Frameworks streamlines the web development process by adding together extra features to web pages
[Webinar] Expanding future mobile commerce with Magento PWA Studio
Know everything right from gaining erudition about exploring the future prospects of the Progressive Web Apps.
We’re here to make you familiar with:
- The global impact of PWAs on mobile commerce
- The way CedCommerce is increasing the scope of Magento PWA Studio
- Exploring the future prospects of PWA
- Ways to increase the conversion rates using PWA
These features will benefit the eCommerce merchants, and the customers as well.
Click To Watch Our Full Webinar Here: http://bit.ly/2LtLLSz
PWA Talk - Smau Milano 2018
Le Progressive Web Apps (PWA) sono la prossima grande tappa nello sviluppo del web, poiché portano esperienze di tipo "mobile like" ai tuoi utenti senza richiedere loro di installare un'app dall'Apple/Play store.
PWA è il termine che riassume tutte le caratteristiche che ti consentono di offrire esperienze di tipo mobile-like.
L'argomento è molto di tendenza ed è anche un argomento che è qui per rimanere!
Non solo è fortemente promosso da Google, ma è adottato da grandi aziende come Twitter o il Washington Post.
Domande a cui risponde il talk:
- Quali sono i punti forti di una PWA?
- Vantaggi e Svantaggi
- Oggi è importante avere un'app progressiva?
- App ibride invece di app native possono essere il futuro nel campo mobile?
- Service Worker: uno strumento fantastico ma ... cosa possiamo davvero fare?
Azure Functions Real World Examples
The document discusses serverless computing and introduces Microsoft Azure Functions as a serverless platform, highlighting how Functions allows developers to write code that runs in response to events using triggers and bindings to integrate with other Azure services, and provides examples of common serverless patterns that can be implemented using Functions.
Frameworks and Tools For Developing Progressive Web App
Why imagine when PWA is already there. Let’s see the top tools and frameworks used for the development of PWA:-
Introduction to Google App Engine
Part I: Introduction to Cloud Computing
- What is Cloud Computing?
- Classification of Cloud Computing
Part II: Introduction to Google App Engine
- What is Google App Engine?
- Why Google App Engine?
- Core APIs & Language Support
- Google App Engine for Business
- Google App Engine Customers
- Q&A
Service workers - Forza lavoro al servizio della tua Performance
Video qui: https://www.youtube.com/watch?v=Vr0SiZnIlc4
Introduzione alle PWA e al ruolo dei Service Workers.
Approfondimento sull'uso dei Service Workers per migliorare la performance.
Appendice con fonti e risorse utili.
Lessons learned on the Azure API Stewardship Journey.pptx
apidays LIVE Singapore 2022: Digitising at scale with APIs
April 20 & 21, 2022
Lessons learned on the Azure API Stewardship Journey
Adrian Hall, Principal Product Manager at Microsoft
------------
Check out our conferences at https://www.apidays.global/
Do you want to sponsor or talk at one of our conferences?
https://apidays.typeform.com/to/ILJeAaV8
Learn more on APIscene, the global media made by the community for the community:
https://www.apiscene.io
Explore the API ecosystem with the API Landscape:
https://apilandscape.apiscene.io/
Deep dive into the API industry with our reports:
https://www.apidays.global/industry-reports/
Subscribe to our global newsletter:
https://apidays.typeform.com/to/i1MPEW
The Delight and Difficulties of Universal Java Script with React
Warby Parker recently launched a new responsive site built from the ground up using React, Node, and an entirely API-driven architecture. Building a "Universal JavaScript" app is a dream for front-end engineers thanks to reusable components that work on the client/server, but what are the performance, monitoring and infrastructure challenges? In this session you’ll learn about:
-Building a performant, responsive front-end
-The benefits of using React on your site
-How to monitor and alert for performance issues
Sandeep bharti
• Total 6+ Years IT Exp & Relevant 5 Years in Java, I have had a passion for development of multi-tier web applications using Java/J2EE Technologies of I have had a passion for development of multi-tier web applications using Java/J2EE technologies.
• I worked on various domains like Tour & Travel, Fabrics Quotation and Bidding (ERP), Telecom NE, HR Task Management System, Ration Card Management System (PDS).
• Experience in web application development using J2EE technologies such as JSP, Servlet, Spring MVC, Spring Boot, Java 8, Angular, Hibernate, Restful Services, Mybatis, and MySql, PostgreSQL etc.
• Worked on Imperial Holding Side using JavaScript, HTML5, and JQuery UI.
• Proficient in build/continuous integration and deployment technologies such as Maven, GIT
• Knowledge of various software development processes such as JIRA
• Experience in configuration, troubleshooting with various web and application servers like as Apache, Tomcat and JBoss.
• Proficient with defect tracking tools like debugging tools such as Firebug, Chrome debugger, AngularJs
• Proficient with IDE’s like Eclipse, Spring Tool Suit (STS), IntelliJ IDEA.
• Worked on multiple Operating Systems like Linux, and Windows.
9 Best Tools to Leverage for Progressive Web App Development
Code Craft Crew is one of the most reliable Mobile App and website development company india catering to various industry verticals to help bring businesses online and scale them over the internet. Based in India, the company provides budget-friendly IT solutions without compromising the quality of delivered projects.
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
What's cool about Progressive Web Apps for eCommerce? How does Vue Storefront work and how to setup it with Magento (1.9, 2.x)
Migrating .NET and .NET Core to Pivotal Cloud Foundry (1/2)
This document discusses Capgemini's DevOps platform and solutions for addressing common industry challenges. It outlines tools and technologies like Pivotal Cloud Foundry, Spring, Kubernetes, and AWS that provide benefits such as instant provisioning, continuous integration and delivery, automation, self-healing applications, and independent platform upgrades without downtime. Contact information is provided for Capgemini executives to discuss these DevOps solutions.
Building SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.jsMicrosoft Developer Network (MSDN) - Belgium and Luxembourg
The document discusses trends in application development for mobile and cross-platform use. It notes the rise of consumerization of technology and the need to build apps that can be used on any device. This has led to changes like using HTML and JavaScript instead of platform-specific languages to allow cross-platform support. Frameworks like Backbone.js and libraries like Underscore.js can help manage the complexity of building such apps. The document also discusses considerations for responsive design, client-side architecture including MV* frameworks, and tools to support development.Building your own calendly using amazon app sync
This document provides an overview and agenda for a webinar on building a Calendly clone using AWS serverless technologies. The webinar will cover the state of serverless computing, key AWS serverless services like AppSync, API Gateway, Lambda, DynamoDB, and Amplify. It will include a live demo of building the backend using AppSync and associated services, followed by a frontend demo using Vue.js and Amplify. The document outlines the architecture of the Calendly clone demo, breaking it into backend and frontend sections. It also includes background information on serverless computing models, GraphQL, and an overview of the webinar content and structure.
Similar to Pwa with vue js (20)
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
PWA - The Future of eCommerce - Magento Meetup Ahmedabad 2018
[Webinar] Expanding future mobile commerce with Magento PWA Studio
[Webinar] Expanding future mobile commerce with Magento PWA Studio
Frameworks and Tools For Developing Progressive Web App
Frameworks and Tools For Developing Progressive Web App
Service workers - Forza lavoro al servizio della tua Performance
Service workers - Forza lavoro al servizio della tua Performance
Lessons learned on the Azure API Stewardship Journey.pptx
Lessons learned on the Azure API Stewardship Journey.pptx
The Delight and Difficulties of Universal Java Script with React
The Delight and Difficulties of Universal Java Script with React
9 Best Tools to Leverage for Progressive Web App Development
9 Best Tools to Leverage for Progressive Web App Development
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Vue Storefront - Progressive Web App for Magento (1.9, 2.x) - MM18DE speech
Migrating .NET and .NET Core to Pivotal Cloud Foundry (1/2)
Migrating .NET and .NET Core to Pivotal Cloud Foundry (1/2)
More from Md. Ziaul Haq
Taste of RxJS
Mostly, introduction to RxJS and explained the stream of Data. Pointed the core features of RxJS like Observable, Observer and some operators. Explained why people should learn RxJS and why Observable is better than Promise.
The MEAN Stack
The document discusses the MEAN stack, which is a full-stack JavaScript framework that uses MongoDB, ExpressJS, AngularJS, and Node.js. It provides an overview of each component, explaining that MongoDB is the database, ExpressJS is the web application framework, AngularJS is the front-end framework, and Node.js is the web server. The MEAN stack allows for full-stack development with JavaScript and provides benefits like asynchronous communication and being easy to start developing with.
Optimizing AngularJS Application
Optimizing AngularJS Application, that include with some useful best practices to in AngularJS. The best practices defined here is well stablished in Angular team itself and developers in community.
Overview on jQuery mobile
This is very basic presentation focused on jQuery mobile, where it highlighted why people will choose it, and how easily anybody can start on it. It was developed for our in house presentation.
Jquery plugin development
This is a step by step tutorial for jQuery plugin development. This tutorial will help any guys to develop jQuery plugin, with good knowledge in code jQuery.
Kick start with j query
This document provides an overview of jQuery, including what it is, its benefits, how to get started using it, common tasks like selecting elements and applying actions, and some example code. jQuery is a lightweight JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It is small in size, works across browsers, and has a large community and ecosystem of plugins and resources.
More from Md. Ziaul Haq (6)
Recently uploaded
Building Production Ready Search Pipelines with Spark and Milvus
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Video Streaming: Then, Now, and in the Future
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Full-RAG: A modern architecture for hyper-personalization
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
ここ3000字までしか入らないけどタイトルの方がたくさん文字入ると思います。
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
TrustArc Webinar - 2024 Global Privacy Survey
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
Infrastructure Challenges in Scaling RAG with Custom AI models
Building Retrieval-Augmented Generation (RAG) systems with open-source and custom AI models is a complex task. This talk explores the challenges in productionizing RAG systems, including retrieval performance, response synthesis, and evaluation. We’ll discuss how to leverage open-source models like text embeddings, language models, and custom fine-tuned models to enhance RAG performance. Additionally, we’ll cover how BentoML can help orchestrate and scale these AI components efficiently, ensuring seamless deployment and management of RAG systems in the cloud.
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Recently uploaded (20)
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Infrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI models
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Pwa with vue js
- 1. PWA with VueJS Vue meet-up Dhaka, 2018
- 2. Md. Ziaul Haq JavaScript Developer Author @jquerygeek
- 3. What we will cover • What is PWA • Why we should care about PWA • What tools and techniques we should know to build PWA • How VueJS can help us to build a PWA
- 6. What is PWA? • It is more a marketing term than technical :) • Introduced by google / chrome team members • Use the latest advantage of web technologies • Don’t need to wait for every browser
- 7. Why PWA?
- 8. Features of PWA • Progressive • Responsive / Mobile First • Works Offline • App-like • Fresh Content
- 9. Features of PWA • Safe • Discoverable • Re-engageable • Durable • Linkable
- 10. We need PWA :)
- 11. Tools and technique • Meta data • Server Side Rendering • Service worker • Cache API • IndexDB and WebSQL • Notification in Browser • Background Sync
- 12. Meta Data in App • Viewport • Home Icon • Manifest file • Display
- 17. “Programmable network proxy.” Service Worker
- 18. Service Worker
- 19. Service Worker • JavaScript Worker • Works in Secure Network • Most things in PWA need Service worker • Service Worker run on it’s own thread
- 20. Service worker in action • User send request to the service worker • If cache, serve from cache • no cache, serve from web and save to cache
- 21. SW Register
- 22. SW Life Cycle
- 23. SW Life Cycle
- 24. Check SW in Browser
- 25. Learn more on • Service Worker • Server Side Rendering • Cache API • IndexDB and WebSQL • Promise • Notification API • Background Sync
- 26. PWA with Vue • PWA vue-template • Nuxt.js paw module • PWA Hackernews clone • https://github.com/vuejs/vue-hackernews-2.0 • sw-precache-webpack-plugin