SlideShare a Scribd company logo
Advancements in
Web Technologies
By - Hitesh Roy
Web Browsers
• 2004 - Mozilla launched Firefox as Netscape
Navigator fades out.
• 2007 - Apple introduced Safari as mobile web
browser.
• 2008 - Google Chrome was launched.
• 2015 - Microsoft Edge was introduced to replace IE
and fight Chrome.
The web browser acts as a client to contact the web server
and request information from it.
HTML 5 vs Flash Player
• Both are used for structuring and presenting
content on the web.
• Both supports audio and video formats.
• Flash Player is criticised for its performance,
consumption of battery on mobile devices,
number of security vulnerability it has and being a
closed platform.
• Steve Jobs published an open letter describing
reasons for not supporting Flash on iOS devices.
Thus making HTML 5 modern web standard.
• Adobe stopped supporting Flash player from Jan
1, 2021
Websites vs WebApps
• Websites are one-way informational feeds. They do not allow viewers to
interact or communicate back to the site.
• Web Applications are website with functionality and interactive elements.
Modern web apps have further evolved into -
• SPA - Does not require reload.
• MPA - Requires page reloading during use
JavaScript - The language of web
• Used to add interactivity to the webpage.
• First appeared in 1995.
• JS obey rules specified in ECMAScript while also
providing additional features.
• ECMAScript is standard that ensures Web pages
behaves similar across different Web browsers.
• Rendering engines present in different browsers are
responsible for interpreting and displaying content.
• Safari uses WebKit. Chrome and Opera use Blink.
Firefox uses Gecko and IE uses Trident.
Rise and rise of JavaScript
Few interesting advancements in web -
Progressive Web Apps (PWAs) -
PWAs are web apps built and enhanced with modern APIs to deliver
advanced capabilities and increased reliability.
What can PWAs do ?
• Modern PWAs can get access to messages, user location, camera,
microphone and type of device user is using.
• PWAs can also use WebGL and WebVR.
Example of PWAs -
• Flipkart Lite, Oyo, Treebo and Tinder :)
WebGL -
• It is a JS API for rendering high-performance interactive 2D and 3D graphics.
• It does not require any plugins if using compatible web browser.
• All the major browsers support WebGL.
Example -
• Aquarium
Accelerated Mobile Pages (AMP) -
• Open source HTML framework developed by Google to allows pages to be served
more quickly. Uses CDNs to cache the pages.
• Very useful for slow internet connections.
Examples -
• TOI Article
TensorflowJS -
• Framework to develop Machine Learning models in JavaScript and use them directly in
the browser.
• Relatively new and yet to match Python ecosystem.
• Uses WebGL internally
Example -
• Tensorflow demo
Web Stories -
• Web based version of popular story format found in many apps.
Examples -
• Web Stories
Any Questions?
Thank You

More Related Content

What's hot

Kendo UI 101
Kendo UI 101Kendo UI 101
Kendo UI 101
Sam Basu
 
Agility and Flexibility in an Enterprise using Cloud and Open Source
Agility and Flexibility in an Enterprise using Cloud and Open Source Agility and Flexibility in an Enterprise using Cloud and Open Source
Agility and Flexibility in an Enterprise using Cloud and Open Source
Thomas Benjamin
 
Presentation1
Presentation1Presentation1
Presentation1
csimmons44
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
Moumie Soulemane
 
Gregynog 2011
Gregynog 2011Gregynog 2011
Gregynog 2011
gregynog
 
EPUB 3 Empowers Professionals On the Go
EPUB 3 Empowers Professionals On the GoEPUB 3 Empowers Professionals On the Go
EPUB 3 Empowers Professionals On the Go
DAISY Consortium
 
8 steps to a long term mobile strategy
8 steps to a long term mobile strategy 8 steps to a long term mobile strategy
8 steps to a long term mobile strategy
Kony, Inc.
 
Presentation1
Presentation1Presentation1
Presentation1
csimmons44
 
Managing WordPress Mulit-Site Installs
Managing WordPress Mulit-Site InstallsManaging WordPress Mulit-Site Installs
Managing WordPress Mulit-Site Installs
fjfitzpatrick
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
Manesh Lad
 
Quick overview of WebAssembly
Quick overview of WebAssemblyQuick overview of WebAssembly
Quick overview of WebAssembly
Karl Ritchie
 
Making Multisite Work for You
Making Multisite Work for YouMaking Multisite Work for You
Making Multisite Work for You
drywallbmb
 
Responsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparisonResponsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparison
DhrubaJyoti Dey
 
A Mobile Solution for #TheUnderdog
A Mobile Solution for #TheUnderdogA Mobile Solution for #TheUnderdog
A Mobile Solution for #TheUnderdog
Sylvia Navarro Nicosia
 
20 mLearning Tools in 60 Minutes - mLearnCon 2010
20 mLearning Tools in 60 Minutes - mLearnCon 201020 mLearning Tools in 60 Minutes - mLearnCon 2010
20 mLearning Tools in 60 Minutes - mLearnCon 2010
B.J. Schone
 
Internet browers comparison
Internet browers comparisonInternet browers comparison
Internet browers comparison
ferristic
 
ReactJS with WordPress Headless Approach
ReactJS with WordPress Headless ApproachReactJS with WordPress Headless Approach
ReactJS with WordPress Headless Approach
JP Wallhorn
 
Mobile_Presentation
Mobile_PresentationMobile_Presentation
Mobile_Presentation
kkador
 
Browsers comparison
Browsers comparisonBrowsers comparison
Browsers comparison
Svetlana Puchkova
 
Mobile application development strategies
Mobile application development strategiesMobile application development strategies
Mobile application development strategies
Interop
 

What's hot (20)

Kendo UI 101
Kendo UI 101Kendo UI 101
Kendo UI 101
 
Agility and Flexibility in an Enterprise using Cloud and Open Source
Agility and Flexibility in an Enterprise using Cloud and Open Source Agility and Flexibility in an Enterprise using Cloud and Open Source
Agility and Flexibility in an Enterprise using Cloud and Open Source
 
Presentation1
Presentation1Presentation1
Presentation1
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 
Gregynog 2011
Gregynog 2011Gregynog 2011
Gregynog 2011
 
EPUB 3 Empowers Professionals On the Go
EPUB 3 Empowers Professionals On the GoEPUB 3 Empowers Professionals On the Go
EPUB 3 Empowers Professionals On the Go
 
8 steps to a long term mobile strategy
8 steps to a long term mobile strategy 8 steps to a long term mobile strategy
8 steps to a long term mobile strategy
 
Presentation1
Presentation1Presentation1
Presentation1
 
Managing WordPress Mulit-Site Installs
Managing WordPress Mulit-Site InstallsManaging WordPress Mulit-Site Installs
Managing WordPress Mulit-Site Installs
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Quick overview of WebAssembly
Quick overview of WebAssemblyQuick overview of WebAssembly
Quick overview of WebAssembly
 
Making Multisite Work for You
Making Multisite Work for YouMaking Multisite Work for You
Making Multisite Work for You
 
Responsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparisonResponsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparison
 
A Mobile Solution for #TheUnderdog
A Mobile Solution for #TheUnderdogA Mobile Solution for #TheUnderdog
A Mobile Solution for #TheUnderdog
 
20 mLearning Tools in 60 Minutes - mLearnCon 2010
20 mLearning Tools in 60 Minutes - mLearnCon 201020 mLearning Tools in 60 Minutes - mLearnCon 2010
20 mLearning Tools in 60 Minutes - mLearnCon 2010
 
Internet browers comparison
Internet browers comparisonInternet browers comparison
Internet browers comparison
 
ReactJS with WordPress Headless Approach
ReactJS with WordPress Headless ApproachReactJS with WordPress Headless Approach
ReactJS with WordPress Headless Approach
 
Mobile_Presentation
Mobile_PresentationMobile_Presentation
Mobile_Presentation
 
Browsers comparison
Browsers comparisonBrowsers comparison
Browsers comparison
 
Mobile application development strategies
Mobile application development strategiesMobile application development strategies
Mobile application development strategies
 

Similar to Advancement in Web Technologies

Best practices for delivering quality web experiences
Best practices for delivering quality web experiencesBest practices for delivering quality web experiences
Best practices for delivering quality web experiences
Ben Mantooth
 
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
Firefox os  the web, mobile (for yahoo! hack europe - april 2013)Firefox os  the web, mobile (for yahoo! hack europe - april 2013)
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
Yahoo Developer Network
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
saritasingh19866
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
saritasingh19866
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
Gen Kanai
 
Multiplatform
MultiplatformMultiplatform
Multiplatform
Prabhat gangwar
 
Mobile Web High Performance
Mobile Web High PerformanceMobile Web High Performance
Mobile Web High Performance
Amjad Rafique
 
State of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
dmethvin
 
chapter2
chapter2chapter2
chapter2
Pon Tovave
 
HTML for beginners
HTML for beginnersHTML for beginners
HTML for beginners
Salahaddin University-Erbil
 
Eureko frameworks
Eureko frameworksEureko frameworks
Eureko frameworks
Görkem Sazara
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
Reto Meier
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
AI4BD GmbH
 
9 10 july2020
9 10 july20209 10 july2020
9 10 july2020
PreetiSaini55
 
Transforming the web into a real application platform
Transforming the web into a real application platformTransforming the web into a real application platform
Transforming the web into a real application platform
Mohanadarshan Vivekanandalingam
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
chitrachauhan21
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
imranq2
 
Internet2 (1).pptx
Internet2 (1).pptxInternet2 (1).pptx
Internet2 (1).pptx
KhushbooRathore31
 
Cgs html 5-service
Cgs html 5-serviceCgs html 5-service
Cgs html 5-service
Constient
 
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
Brian Pulito
 

Similar to Advancement in Web Technologies (20)

Best practices for delivering quality web experiences
Best practices for delivering quality web experiencesBest practices for delivering quality web experiences
Best practices for delivering quality web experiences
 
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
Firefox os  the web, mobile (for yahoo! hack europe - april 2013)Firefox os  the web, mobile (for yahoo! hack europe - april 2013)
Firefox os the web, mobile (for yahoo! hack europe - april 2013)
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
Multiplatform
MultiplatformMultiplatform
Multiplatform
 
Mobile Web High Performance
Mobile Web High PerformanceMobile Web High Performance
Mobile Web High Performance
 
State of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
 
chapter2
chapter2chapter2
chapter2
 
HTML for beginners
HTML for beginnersHTML for beginners
HTML for beginners
 
Eureko frameworks
Eureko frameworksEureko frameworks
Eureko frameworks
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
 
9 10 july2020
9 10 july20209 10 july2020
9 10 july2020
 
Transforming the web into a real application platform
Transforming the web into a real application platformTransforming the web into a real application platform
Transforming the web into a real application platform
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
 
Internet2 (1).pptx
Internet2 (1).pptxInternet2 (1).pptx
Internet2 (1).pptx
 
Cgs html 5-service
Cgs html 5-serviceCgs html 5-service
Cgs html 5-service
 
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
Wading through the mobile WebRTC developer gauntlet (IIT RTC Conference sessi...
 

Recently uploaded

Software Engineering and Project Management - Introduction, Modeling Concepts...
Software Engineering and Project Management - Introduction, Modeling Concepts...Software Engineering and Project Management - Introduction, Modeling Concepts...
Software Engineering and Project Management - Introduction, Modeling Concepts...
Prakhyath Rai
 
CompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURS
CompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURSCompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURS
CompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURS
RamonNovais6
 
Data Driven Maintenance | UReason Webinar
Data Driven Maintenance | UReason WebinarData Driven Maintenance | UReason Webinar
Data Driven Maintenance | UReason Webinar
UReason
 
Digital Twins Computer Networking Paper Presentation.pptx
Digital Twins Computer Networking Paper Presentation.pptxDigital Twins Computer Networking Paper Presentation.pptx
Digital Twins Computer Networking Paper Presentation.pptx
aryanpankaj78
 
Electric vehicle and photovoltaic advanced roles in enhancing the financial p...
Electric vehicle and photovoltaic advanced roles in enhancing the financial p...Electric vehicle and photovoltaic advanced roles in enhancing the financial p...
Electric vehicle and photovoltaic advanced roles in enhancing the financial p...
IJECEIAES
 
4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf
4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf
4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf
Gino153088
 
Null Bangalore | Pentesters Approach to AWS IAM
Null Bangalore | Pentesters Approach to AWS IAMNull Bangalore | Pentesters Approach to AWS IAM
Null Bangalore | Pentesters Approach to AWS IAM
Divyanshu
 
Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024
Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024
Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024
Sinan KOZAK
 
一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理
一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理
一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理
upoux
 
2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf
2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf
2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf
Yasser Mahgoub
 
AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...
AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...
AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...
Paris Salesforce Developer Group
 
Advanced control scheme of doubly fed induction generator for wind turbine us...
Advanced control scheme of doubly fed induction generator for wind turbine us...Advanced control scheme of doubly fed induction generator for wind turbine us...
Advanced control scheme of doubly fed induction generator for wind turbine us...
IJECEIAES
 
一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理
一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理
一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理
nedcocy
 
TIME TABLE MANAGEMENT SYSTEM testing.pptx
TIME TABLE MANAGEMENT SYSTEM testing.pptxTIME TABLE MANAGEMENT SYSTEM testing.pptx
TIME TABLE MANAGEMENT SYSTEM testing.pptx
CVCSOfficial
 
LLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by Anant
LLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by AnantLLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by Anant
LLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by Anant
Anant Corporation
 
Software Engineering and Project Management - Software Testing + Agile Method...
Software Engineering and Project Management - Software Testing + Agile Method...Software Engineering and Project Management - Software Testing + Agile Method...
Software Engineering and Project Management - Software Testing + Agile Method...
Prakhyath Rai
 
morris_worm_intro_and_source_code_analysis_.pdf
morris_worm_intro_and_source_code_analysis_.pdfmorris_worm_intro_and_source_code_analysis_.pdf
morris_worm_intro_and_source_code_analysis_.pdf
ycwu0509
 
Rainfall intensity duration frequency curve statistical analysis and modeling...
Rainfall intensity duration frequency curve statistical analysis and modeling...Rainfall intensity duration frequency curve statistical analysis and modeling...
Rainfall intensity duration frequency curve statistical analysis and modeling...
bijceesjournal
 
Design and optimization of ion propulsion drone
Design and optimization of ion propulsion droneDesign and optimization of ion propulsion drone
Design and optimization of ion propulsion drone
bjmsejournal
 
学校原版美国波士顿大学毕业证学历学位证书原版一模一样
学校原版美国波士顿大学毕业证学历学位证书原版一模一样学校原版美国波士顿大学毕业证学历学位证书原版一模一样
学校原版美国波士顿大学毕业证学历学位证书原版一模一样
171ticu
 

Recently uploaded (20)

Software Engineering and Project Management - Introduction, Modeling Concepts...
Software Engineering and Project Management - Introduction, Modeling Concepts...Software Engineering and Project Management - Introduction, Modeling Concepts...
Software Engineering and Project Management - Introduction, Modeling Concepts...
 
CompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURS
CompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURSCompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURS
CompEx~Manual~1210 (2).pdf COMPEX GAS AND VAPOURS
 
Data Driven Maintenance | UReason Webinar
Data Driven Maintenance | UReason WebinarData Driven Maintenance | UReason Webinar
Data Driven Maintenance | UReason Webinar
 
Digital Twins Computer Networking Paper Presentation.pptx
Digital Twins Computer Networking Paper Presentation.pptxDigital Twins Computer Networking Paper Presentation.pptx
Digital Twins Computer Networking Paper Presentation.pptx
 
Electric vehicle and photovoltaic advanced roles in enhancing the financial p...
Electric vehicle and photovoltaic advanced roles in enhancing the financial p...Electric vehicle and photovoltaic advanced roles in enhancing the financial p...
Electric vehicle and photovoltaic advanced roles in enhancing the financial p...
 
4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf
4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf
4. Mosca vol I -Fisica-Tipler-5ta-Edicion-Vol-1.pdf
 
Null Bangalore | Pentesters Approach to AWS IAM
Null Bangalore | Pentesters Approach to AWS IAMNull Bangalore | Pentesters Approach to AWS IAM
Null Bangalore | Pentesters Approach to AWS IAM
 
Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024
Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024
Optimizing Gradle Builds - Gradle DPE Tour Berlin 2024
 
一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理
一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理
一比一原版(uofo毕业证书)美国俄勒冈大学毕业证如何办理
 
2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf
2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf
2008 BUILDING CONSTRUCTION Illustrated - Ching Chapter 02 The Building.pdf
 
AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...
AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...
AI + Data Community Tour - Build the Next Generation of Apps with the Einstei...
 
Advanced control scheme of doubly fed induction generator for wind turbine us...
Advanced control scheme of doubly fed induction generator for wind turbine us...Advanced control scheme of doubly fed induction generator for wind turbine us...
Advanced control scheme of doubly fed induction generator for wind turbine us...
 
一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理
一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理
一比一原版(爱大毕业证书)爱荷华大学毕业证如何办理
 
TIME TABLE MANAGEMENT SYSTEM testing.pptx
TIME TABLE MANAGEMENT SYSTEM testing.pptxTIME TABLE MANAGEMENT SYSTEM testing.pptx
TIME TABLE MANAGEMENT SYSTEM testing.pptx
 
LLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by Anant
LLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by AnantLLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by Anant
LLM Fine Tuning with QLoRA Cassandra Lunch 4, presented by Anant
 
Software Engineering and Project Management - Software Testing + Agile Method...
Software Engineering and Project Management - Software Testing + Agile Method...Software Engineering and Project Management - Software Testing + Agile Method...
Software Engineering and Project Management - Software Testing + Agile Method...
 
morris_worm_intro_and_source_code_analysis_.pdf
morris_worm_intro_and_source_code_analysis_.pdfmorris_worm_intro_and_source_code_analysis_.pdf
morris_worm_intro_and_source_code_analysis_.pdf
 
Rainfall intensity duration frequency curve statistical analysis and modeling...
Rainfall intensity duration frequency curve statistical analysis and modeling...Rainfall intensity duration frequency curve statistical analysis and modeling...
Rainfall intensity duration frequency curve statistical analysis and modeling...
 
Design and optimization of ion propulsion drone
Design and optimization of ion propulsion droneDesign and optimization of ion propulsion drone
Design and optimization of ion propulsion drone
 
学校原版美国波士顿大学毕业证学历学位证书原版一模一样
学校原版美国波士顿大学毕业证学历学位证书原版一模一样学校原版美国波士顿大学毕业证学历学位证书原版一模一样
学校原版美国波士顿大学毕业证学历学位证书原版一模一样
 

Advancement in Web Technologies

  • 2. Web Browsers • 2004 - Mozilla launched Firefox as Netscape Navigator fades out. • 2007 - Apple introduced Safari as mobile web browser. • 2008 - Google Chrome was launched. • 2015 - Microsoft Edge was introduced to replace IE and fight Chrome. The web browser acts as a client to contact the web server and request information from it.
  • 3. HTML 5 vs Flash Player • Both are used for structuring and presenting content on the web. • Both supports audio and video formats. • Flash Player is criticised for its performance, consumption of battery on mobile devices, number of security vulnerability it has and being a closed platform. • Steve Jobs published an open letter describing reasons for not supporting Flash on iOS devices. Thus making HTML 5 modern web standard. • Adobe stopped supporting Flash player from Jan 1, 2021
  • 4. Websites vs WebApps • Websites are one-way informational feeds. They do not allow viewers to interact or communicate back to the site. • Web Applications are website with functionality and interactive elements. Modern web apps have further evolved into - • SPA - Does not require reload. • MPA - Requires page reloading during use
  • 5. JavaScript - The language of web • Used to add interactivity to the webpage. • First appeared in 1995. • JS obey rules specified in ECMAScript while also providing additional features. • ECMAScript is standard that ensures Web pages behaves similar across different Web browsers. • Rendering engines present in different browsers are responsible for interpreting and displaying content. • Safari uses WebKit. Chrome and Opera use Blink. Firefox uses Gecko and IE uses Trident.
  • 6. Rise and rise of JavaScript
  • 7. Few interesting advancements in web - Progressive Web Apps (PWAs) - PWAs are web apps built and enhanced with modern APIs to deliver advanced capabilities and increased reliability. What can PWAs do ? • Modern PWAs can get access to messages, user location, camera, microphone and type of device user is using. • PWAs can also use WebGL and WebVR. Example of PWAs - • Flipkart Lite, Oyo, Treebo and Tinder :)
  • 8. WebGL - • It is a JS API for rendering high-performance interactive 2D and 3D graphics. • It does not require any plugins if using compatible web browser. • All the major browsers support WebGL. Example - • Aquarium Accelerated Mobile Pages (AMP) - • Open source HTML framework developed by Google to allows pages to be served more quickly. Uses CDNs to cache the pages. • Very useful for slow internet connections. Examples - • TOI Article
  • 9. TensorflowJS - • Framework to develop Machine Learning models in JavaScript and use them directly in the browser. • Relatively new and yet to match Python ecosystem. • Uses WebGL internally Example - • Tensorflow demo Web Stories - • Web based version of popular story format found in many apps. Examples - • Web Stories