Your SlideShare is downloading. ×
0
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
HTML5 & Front-end overview
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 & Front-end overview

198

Published on

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
198
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  1. Topics for today- HTML 5- Front-end frameworks- Testing and Automation Tools
  2. HTML 5 – What is HTML5?HTML 5 is the latest HTML specification which brings many new features toease the work of Web developers and Web-page authors.It is still a work in progress but many of the specifications have beenimplemented in the major Browsers already. Some features areunsupported but would be coming up in newer versions of Browsers.
  3. HTML 5 – Feature Set- New semantic elements/tags- New attributes for existing elements- Geolocation API- Video support- Drawing API- Offline Browsing- Local Storage
  4. HTML 5 – Changes from HTML 4- The character encoding<meta charset="UTF-8">- <!DOCTYPE html>- Attributes with an empty value may be written as just the attribute name omitting the equals sign and the value- basefont, big, center, font, strike, frame, frameset, noframe, background,bgcolor are deprecated or not part of HTML 5. Use CSS instead to achievemany of the same effects
  5. HTML 5 – New elements- section- article- aside- header- footer- nav- figure- time- keygen- output- datalist
  6. HTML 5 – An example <!DOCTYPE html> <html> <meta charset="UTF-8" /> <body> <header> <hgroup> <h1 id="site-title"> <a href="http://html5examples.org/">HTML5 Examples</a> </h1> </hgroup> <nav id="access" role="navigation"> <h3 class="assistive-text">Main menu</h3> <div class="skip-link"> <a class="assistive-text" href="#secondary"> Skip to secondary content</a> </div> </nav> </header> </body> </html>
  7. HTML 5 – FormsThe following type attributes are new for the input element -- tel- url- search- email- datetime- time- date- month- week- number- range- colour
  8. HTML 5 – Forms IIThe new attributes for form inputs are -- autofocus- autocomplete- placeholder- required- pattern- readonly
  9. HTML 5 – Multimedia<audio controls> <source src="/home/ashish/Music/mehndi_ki_raat.mp3" type="audio/mpeg"></audio><video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"></video>
  10. HTML 5 – Additional Features- GeoLocation API- Local Storage- Offline Browsing- Web Sockets
  11. HTML 5 – Front-end Frameworks- jQuery- Bootstrap from Twitter- Bootbox (enhancement to Bootstrap)- Backbone.js
  12. HTML 5 – Testing & Quality Tools- W3C Link Checker- W3C HTML Validator- HTML Tidy- W3C Spell Checker- BrowserStack- Collection of tools on softwareqatest
  13. HTML 5 – Resources on the Web- http://www.w3.org- http://w3schools.com- http://www.w3.org/QA/Tools/- http://www.softwareqatest.com/- http://www.browserstack.com/- http://tidy.sourceforge.net/

×