The Appy Hour
•
1 like•1,336 views
Rajnish Kumar and Ernesto Cohnen conduct a session on HTML5, CSS3 and JS at BigRock httpX 2013 New Delhi
Recommended
More Related Content
Viewers also liked
Viewers also liked (11)
Similar to The Appy Hour
Similar to The Appy Hour (20)
Recently uploaded
Recently uploaded (20)
The Appy Hour
- 1. HTML5 + CSS3 + JS Rajnish Kumar & Ernesto Cohnen
- 2. Evolution of Web Technologies ● ● ● ● ● ● ● ● ● ● 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 Tableless Web Design 2005 AJAX 2009 HTML 5 2011 CSS 3
- 3. The Browser is the new OS ● The browser is the convergence of web ● Connects services with applications ● Makes devices talk to applications ● Is cross-platform ● A browser is today your emails, your work, your music, your phone, your games, your movies, your TV...
- 4. HTML5 + CSS3 + JavaScript One stack to rule them all
- 6. HTML5 - Real Time Communications Web Sockets Web Workers Notifications
- 7. HTML5 - Semantics & Markups ● ● ● ● <header>, <nav>, <footer>... link relations: alternate, nofollow, icon… Microdata New Form types (input types). Great on mobile phones also. ● Define, store, and retrieve custom data on the DOM. (data-*)
- 8. HTML5 - File & Hardware Access ● File Upload / Drag and Drop support ● Offline storage ○ Web Storage (local and session types) ■ JSON/ JavaScript Objects ■ < 5MB limit ○ WebSQL & IndexedDB ■ Not supported in all browsers. IE, Windows Mobile… ■ One deprecated, the other not so mature. ● GeoLocation: must for mobile devices! ● Others: speech input, orientation...
- 9. CSS3
- 10. CSS3 - Animations + Transitions ● ● ● ● Rotate scale translate … Save the iphone!
- 11. CSS3 ● Selectors ○ :first-child, :not, >, +, nth-child (even)... ● Text: ellipsis, columns... ● Webfonts & iconic fonts
- 12. CSS3 - Effects ● ● ● ● ● ● Opacity (alpha) Rounded corners (border-radius) Gradients Shadows Border image ...
- 13. JavaScript You know JavaScript right ?
- 14. JavaScript - Evolution ● <body onload=”init();”> ● Unobtrusive Javascript ● nodejs - server.listen(1337, '127.0.0.1'); ● AMD and RequireJS ● MVC and Backbone.js ● Apps - Phonegap, Sencha
- 15. JavaScript - MVC source: Mattieu Gamache-Asselin
- 16. Backbone.js
- 17. Backbone.js
- 24. It’s all about the server
- 27. Write Once in HTML 5 + CSS 3 + Javascript Run Everywhere with Phonegap / Parse / Trigger.io / App Framework etc.
- 28. Native vs Mobile Web
- 29. Native “and” Mobile Web +
- 30. Feb 2013 Source: http://venturebeat.com/2013/02/26/what-developers-do-with-html5-infographic/ - KendoUI
- 31. Feb 2013 Source: http://venturebeat.com/2013/02/26/what-developers-do-with-html5-infographic/ KendoUI
- 32. Q&A Only hardcore technical questions :)