HTML5 GAMES

Slides for my workshop on HTML5 games at the Developers Circles Lagos Build day event 2019

Transcript

1. HTML5 GAMES
   AN INTERACTIVE SESSION
   Shedrack Akintayo
   

   View Slide

2. What is HTML5
   HTML5 = HTML + CSS3 + Javascript API
   T
   he Future of the web
   Still under development but supported by
   most modern browsers
   

   View Slide

3. Why to use HTML5
   Accessibity
   Searchability
   Other many new features
   ➢ HTML elements and attributes
   ➢ JavasScript APIs and improved capabilities
   ➢ CSS Capabilities
   

   View Slide

4. What’s Under The HTML5 Umbrella?
   ❖ HTML5 Semantics
   ❖ Offline support
   ❖ Device Access
   ❖ Connectivity
   ❖ Multimedia
   ❖ 3D Graphics Effects
   ❖ Performance and Integration
   ❖ CSS3 Styling
   

   View Slide

5. Structural Elements
   ❖ No need for div elements all over the
   place
   ❖ New ways to mean what you actually
   meant to mean
   

   View Slide

6. Main Structural Elements
   

   View Slide

7. Wait!! What The HECK is HTML5 still
   

   View Slide

8. View Slide

9. WHY JAVASCRIPT
   ● FUN TO DEVELOP
   ● FAST DEPLOYMENT
   ● EASY TO DEBUG
   ● OPEN SOURCE AND FREE TOOLS
   ● FRAMEWORKSSSS
   

   View Slide

10. BUT REALLY WHY JAVASCRIPT??
    ● Has been around for ages
    ● Won’t go away any time soon
    ● Wide support: – Web browsers
    – Mobile devices
    – Facebook applications
    

    View Slide

11. View Slide

12. View Slide

13. View Slide

14. WHAT’S NEXT IN HTML5
    The World Wide Web Consortium (W3C) has revealed some details about what will be included
    in the next iteration of HTML5 standard as well as information about where the standard could
    go after that. The next version of HTML5 will be called 5.2, and for now, it is slated to include a
    new menu element, Web Content Security Policy and email addresses with non-Latin
    characters.
    In the future, the organization hopes to speed up the revision process. It is also working on Web
    Components and Service Workers, as well as Web payments. In addition, the organization is
    tackling streaming through the Encrypted Media Extensions (EME) standard, which provides for
    digital rights management while playing video content in a browser. Finally, the W3C has three
    Web security efforts in the works — a Web authentication framework, the Web Crypto API and
    best practices for Web-development security.
    

    View Slide

15. View Slide

16. View Slide

17. NOW GO INTO THE WORLD AND
    MAKE GAMES
    

    View Slide