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

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 

Recently uploaded (20)

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 

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/