SlideShare a Scribd company logo

Html5 Intro

•Download as PPTX, PDF•
•
Taras Romanyk
Taras Romanyk

Intro to HTML5/JS/CSS3

TechnologyDesign
1 of 14
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
Offline Storage • Cookies 4K limit • Web Storage 2.5-10Mb, Key-Pair • Web SQL Database SQL structure • IndexedDB official, noSQL • FileSystem Very early standard • Application Cache images, js, so on..
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
Connectivity • Web Workers background worked • Server-Sent Events server sends update
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
File Access • Drag and Drop inside of browser • FileAPI D&D from desktop, temp, progress
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
JavaScript frameworks (SPA) • jQuery • Modernizr • Requirejs • Knockoutjs • Backbonejs • Durandaljs • QUnitjs
Q&A

Recommended

HTML5: Introduction
HTML5: IntroductionHTML5: Introduction
HTML5: IntroductionGuillermo Paz
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web DevelopmentRobert Dawson
 
Web designing course content
Web designing course contentWeb designing course content
Web designing course contentTrainme Softtech
 
Presentation
PresentationPresentation
Presentationmmarchani
 
Women Who Code, Ground Floor
Women Who Code, Ground FloorWomen Who Code, Ground Floor
Women Who Code, Ground FloorKatie Weiss
 
Dazzing Data Depiction with D3.JS
Dazzing Data Depiction with D3.JSDazzing Data Depiction with D3.JS
Dazzing Data Depiction with D3.JSEric Carlisle
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Webphilogb
 
Introduction to Browser DOM
Introduction to Browser DOMIntroduction to Browser DOM
Introduction to Browser DOMSiva Arunachalam
 

Recommended

HTML5: Introduction
HTML5: IntroductionHTML5: Introduction
HTML5: IntroductionGuillermo Paz
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web DevelopmentRobert Dawson
 
Web designing course content
Web designing course contentWeb designing course content
Web designing course contentTrainme Softtech
 
Presentation
PresentationPresentation
Presentationmmarchani
 
Women Who Code, Ground Floor
Women Who Code, Ground FloorWomen Who Code, Ground Floor
Women Who Code, Ground FloorKatie Weiss
 
Dazzing Data Depiction with D3.JS
Dazzing Data Depiction with D3.JSDazzing Data Depiction with D3.JS
Dazzing Data Depiction with D3.JSEric Carlisle
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Webphilogb
 
Introduction to Browser DOM
Introduction to Browser DOMIntroduction to Browser DOM
Introduction to Browser DOMSiva Arunachalam
 
Google web toolkit gwt training
Google web toolkit gwt trainingGoogle web toolkit gwt training
Google web toolkit gwt trainingFuturePoint Technologies
 
Java
JavaJava
JavaBALUJAINSTITUTE
 
No SQL - Intro
No SQL - IntroNo SQL - Intro
No SQL - IntroBoris Bucha
 
Drupal performance
Drupal performanceDrupal performance
Drupal performanceGabi Lee
 
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile DevelopmentdotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile DevelopmentdotNet Miami
 
Psd 2 Drupal
Psd 2 DrupalPsd 2 Drupal
Psd 2 DrupalNicolas Borda
 
Net online training
Net online trainingNet online training
Net online trainingMonster Courses
 
How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)Dina Goldshtein
 
Webdevelopment by naveen
Webdevelopment by naveenWebdevelopment by naveen
Webdevelopment by naveenNaveen Navi
 
From Junior Dev to Senior Dev
From Junior Dev to Senior DevFrom Junior Dev to Senior Dev
From Junior Dev to Senior DevJohn Reginald
 
CUST-6 Integrating Alfresco with Publishing Tools
CUST-6 Integrating Alfresco with Publishing ToolsCUST-6 Integrating Alfresco with Publishing Tools
CUST-6 Integrating Alfresco with Publishing ToolsAlfresco Software
 
Annexure 2.3 n tier architecture
Annexure 2.3 n tier architectureAnnexure 2.3 n tier architecture
Annexure 2.3 n tier architectureMayank Sharma
 
Basic Website 101
Basic Website 101Basic Website 101
Basic Website 101Thomas Salmen
 
Wordpress 101 v2
Wordpress 101 v2Wordpress 101 v2
Wordpress 101 v2Middle Tennessee State University
 
Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5Doris Chen
 
Dive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDoris Chen
 
HTML5: An Overview
HTML5: An OverviewHTML5: An Overview
HTML5: An OverviewNagendra Um
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)Adam Lu
 
Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)johnnybiz
 
Making HTML5 Mobile Games Indistinguishable from Native Apps
Making HTML5 Mobile Games Indistinguishable from Native AppsMaking HTML5 Mobile Games Indistinguishable from Native Apps
Making HTML5 Mobile Games Indistinguishable from Native AppsFITC
 
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)Shumpei Shiraishi
 
In-browser storage and me
In-browser storage and meIn-browser storage and me
In-browser storage and meJason Casden
 

More Related Content

What's hot

Drupal performance
Drupal performanceDrupal performance
Drupal performanceGabi Lee
 
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile DevelopmentdotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile DevelopmentdotNet Miami
 
How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)Dina Goldshtein
 
Webdevelopment by naveen
Webdevelopment by naveenWebdevelopment by naveen
Webdevelopment by naveenNaveen Navi
 
From Junior Dev to Senior Dev
From Junior Dev to Senior DevFrom Junior Dev to Senior Dev
From Junior Dev to Senior DevJohn Reginald
 
CUST-6 Integrating Alfresco with Publishing Tools
CUST-6 Integrating Alfresco with Publishing ToolsCUST-6 Integrating Alfresco with Publishing Tools
CUST-6 Integrating Alfresco with Publishing ToolsAlfresco Software
 
Annexure 2.3 n tier architecture
Annexure 2.3 n tier architectureAnnexure 2.3 n tier architecture
Annexure 2.3 n tier architectureMayank Sharma
 

What's hot (14)

Google web toolkit gwt training
Google web toolkit gwt trainingGoogle web toolkit gwt training
Google web toolkit gwt training
 
Java
JavaJava
Java
 
No SQL - Intro
No SQL - IntroNo SQL - Intro
No SQL - Intro
 
Drupal performance
Drupal performanceDrupal performance
Drupal performance
 
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile DevelopmentdotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
dotNet Miami - May 17th, 2012: Will Tartak: Designing for Mobile Development
 
Psd 2 Drupal
Psd 2 DrupalPsd 2 Drupal
Psd 2 Drupal
 
Net online training
Net online trainingNet online training
Net online training
 
How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)
 
Webdevelopment by naveen
Webdevelopment by naveenWebdevelopment by naveen
Webdevelopment by naveen
 
From Junior Dev to Senior Dev
From Junior Dev to Senior DevFrom Junior Dev to Senior Dev
From Junior Dev to Senior Dev
 
CUST-6 Integrating Alfresco with Publishing Tools
CUST-6 Integrating Alfresco with Publishing ToolsCUST-6 Integrating Alfresco with Publishing Tools
CUST-6 Integrating Alfresco with Publishing Tools
 
Annexure 2.3 n tier architecture
Annexure 2.3 n tier architectureAnnexure 2.3 n tier architecture
Annexure 2.3 n tier architecture
 
Basic Website 101
Basic Website 101Basic Website 101
Basic Website 101
 
Wordpress 101 v2
Wordpress 101 v2Wordpress 101 v2
Wordpress 101 v2
 

Similar to Html5 Intro

Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5Doris Chen
 
Dive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDoris Chen
 
HTML5: An Overview
HTML5: An OverviewHTML5: An Overview
HTML5: An OverviewNagendra Um
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)Adam Lu
 
Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)johnnybiz
 
Making HTML5 Mobile Games Indistinguishable from Native Apps
Making HTML5 Mobile Games Indistinguishable from Native AppsMaking HTML5 Mobile Games Indistinguishable from Native Apps
Making HTML5 Mobile Games Indistinguishable from Native AppsFITC
 
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)Shumpei Shiraishi
 
In-browser storage and me
In-browser storage and meIn-browser storage and me
In-browser storage and meJason Casden
 
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & FriendsRemy Sharp
 
Rails Asset Pipeline - What, Why, Tips, Do's and Dont's
Rails Asset Pipeline - What, Why, Tips, Do's and Dont'sRails Asset Pipeline - What, Why, Tips, Do's and Dont's
Rails Asset Pipeline - What, Why, Tips, Do's and Dont'sRohan Daxini
 
HTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile appsHTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile appsIvano Malavolta
 
The Mobile Web - HTML5 on mobile devices
The Mobile Web - HTML5 on mobile devicesThe Mobile Web - HTML5 on mobile devices
The Mobile Web - HTML5 on mobile devicesWesley Hales
 
Trendsetting: Web Design and Beyond
Trendsetting: Web Design and BeyondTrendsetting: Web Design and Beyond
Trendsetting: Web Design and BeyondAndy Stratton
 
html5 an introduction
html5 an introductionhtml5 an introduction
html5 an introductionvrt-medialab
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JSAbout Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JSNaga Harish M
 
[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 RefresherIvano Malavolta
 
Doug McCune - Using Open Source Flex and ActionScript Projects
Doug McCune - Using Open Source Flex and ActionScript ProjectsDoug McCune - Using Open Source Flex and ActionScript Projects
Doug McCune - Using Open Source Flex and ActionScript ProjectsDoug McCune
 

Similar to Html5 Intro (20)

Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5
 
Dive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDive into HTML5: SVG and Canvas
Dive into HTML5: SVG and Canvas
 
HTML5: An Overview
HTML5: An OverviewHTML5: An Overview
HTML5: An Overview
 
HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)HTML5 on Mobile(For Designer)
HTML5 on Mobile(For Designer)
 
Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)
 
Making HTML5 Mobile Games Indistinguishable from Native Apps
Making HTML5 Mobile Games Indistinguishable from Native AppsMaking HTML5 Mobile Games Indistinguishable from Native Apps
Making HTML5 Mobile Games Indistinguishable from Native Apps
 
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
 
In-browser storage and me
In-browser storage and meIn-browser storage and me
In-browser storage and me
 
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & Friends
 
Rails Asset Pipeline - What, Why, Tips, Do's and Dont's
Rails Asset Pipeline - What, Why, Tips, Do's and Dont'sRails Asset Pipeline - What, Why, Tips, Do's and Dont's
Rails Asset Pipeline - What, Why, Tips, Do's and Dont's
 
HTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile appsHTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile apps
 
The Mobile Web - HTML5 on mobile devices
The Mobile Web - HTML5 on mobile devicesThe Mobile Web - HTML5 on mobile devices
The Mobile Web - HTML5 on mobile devices
 
Trendsetting: Web Design and Beyond
Trendsetting: Web Design and BeyondTrendsetting: Web Design and Beyond
Trendsetting: Web Design and Beyond
 
html5 an introduction
html5 an introductionhtml5 an introduction
html5 an introduction
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JSAbout Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
 
[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher[2015/2016] HTML5 and CSS3 Refresher
[2015/2016] HTML5 and CSS3 Refresher
 
Html5 more than just html5 v final
Html5 more than just html5 v finalHtml5 more than just html5 v final
Html5 more than just html5 v final
 
Mobile html5
Mobile html5Mobile html5
Mobile html5
 
Doug McCune - Using Open Source Flex and ActionScript Projects
Doug McCune - Using Open Source Flex and ActionScript ProjectsDoug McCune - Using Open Source Flex and ActionScript Projects
Doug McCune - Using Open Source Flex and ActionScript Projects
 
HTML5 JS APIs
HTML5 JS APIsHTML5 JS APIs
HTML5 JS APIs
 

Recently uploaded

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 

Recently uploaded (20)

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

Html5 Intro

  • 1. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 2. Offline Storage • Cookies 4K limit • Web Storage 2.5-10Mb, Key-Pair • Web SQL Database SQL structure • IndexedDB official, noSQL • FileSystem Very early standard • Application Cache images, js, so on..
  • 3. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 4. Connectivity • Web Workers background worked • Server-Sent Events server sends update
  • 5. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 6. File Access • Drag and Drop inside of browser • FileAPI D&D from desktop, temp, progress
  • 7. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 8. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 9. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 10. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 11. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 12. HTML5/JavaScript/CSS3 • Offline Storage • Connectivity • File Access • Semantics • Audio/Video • 3D/Graphics • Presentation CSS3 • Geolocation • JavaScript frameworks (SPA)
  • 13. JavaScript frameworks (SPA) • jQuery • Modernizr • Requirejs • Knockoutjs • Backbonejs • Durandaljs • QUnitjs
  • 14. Q&A

Editor's Notes

  1. m.gmail.com
  2. http://slides.html5rocks.com/#web-workers
  3. http://studio.html5rocks.com/#Photos
  4. http://slides.html5rocks.com/#new-form-types
  5. http://www.keithclark.co.uk/labs/3dcss/demo/http://helloracer.com/webgl/
  6. http://slides.html5rocks.com/#text-wrapping
  7. http://papademo.azurewebsites.net/