Google Chrome for Developers

Slides used in my talk at GDG Campus Roadshow: UP Los Baños on February 22, 2014

Transcript

1. Google Chrome for
   Developers
   Jomar Tigcal
   February 22, 2014
   

   View Slide

2. Jomar Tigcal
   ● GDG Philippines Community Manager
   ● Mobile Apps Developer
   ● Android Developer at Stratpoint
   Technologies, Inc.
   

   View Slide

3. Google Chrome
   Chrome Usage as of February 2014:
   Worldwide: 43.83 %
   Philippines: 66.33 %
   Image Source: http://www.paulirish.com/lovesyou/new-browser-logos/
   

   View Slide

4. Google Chrome Canary
   For developers and early adopters
   Has the latest features and updates
   Prone to breakage
   Installable side by side with Google Chrome
   Image Source: http://paulirish.com/2012/chrome-canary-for-developers/
   

   View Slide

5. Chromium and Chromium OS
   Chromium
   - Open-source browser project
   Chromium OS
   - Open-source operating system
   Image Source: https://github.com/alrra/browser-logos
   

   View Slide

6. Google Chrome OS
   Operating system powering Chromebooks
   

   View Slide

7. Chrome Experiments
   http://www.chromeexperiments.com/
   Web experiments using HTML5, Javascript and
   open web technologies
   

   View Slide

8. Chrome Apps and Extensions
   Chrome Apps
   ● Web app that looks like native app
   ● Written using HTML, JavaScript and CSS
   Chrome Extensions
   ● Small programs that modify or enhance Google
   Chrome's functionality
   ● Written using HTML, JavaScript and CSS
   

   View Slide

9. Chrome Apps
   ● Installable Web Apps
   ○ Hosted Apps
   normal websites with metadata
   “installable” from Chrome Web Store
   ● Packaged Apps
   works offline
   

   View Slide

10. Chrome Extensions
    

    View Slide

11. Chrome Developer Tools
    ● Elements
    ● Network
    ● Sources
    ● Timeline
    ● Profiles
    ● Resources
    ● Audits
    ● Console
    

    View Slide

12. Discover DevTools
    Free Online Course at
    http://discover-devtools.codeschool.com/
    

    View Slide

13. References
    ● https://developers.google.com/chrome/
    ● https://developers.google.com/live/chrome/
    ● https://plus.google.
    com/+GoogleChromeDevelopers/posts
    ● https://twitter.com/ChromiumDev
    ● http://blog.chromium.org/
    

    View Slide

14. Questions?
    Image Source: http://www.zdnet.com/blog/igeneration/chrome-os-more-questions-than-answers/3388
    

    View Slide

15. Thank you very much!
    http://jomar.tigcal.com
    jomar@tigcal.com
    http://google.com/+JomarTigcal
    @jomartigcal
    

    View Slide