Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Google Chrome for Developers

Jomar Tigcal
February 22, 2014
49

Google Chrome for Developers

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

Jomar Tigcal

February 22, 2014
Tweet

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
    [email protected]
    http://google.com/+JomarTigcal
    @jomartigcal

    View Slide