POWERUp 2019 has ended
Experience the magic of education. 
Wednesday, May 22 • 2:45pm - 3:45pm
46AK Debugging in the Browser: Introduction to Chrome DevTools

Log in to save this to your schedule and see who's attending!

Included in the popular (and free!) Google Chrome web browser are some of the most useful front-end development and debugging tools you'll ever need. Even IBM i programmers with little or no background in web development can find useful elements in these tools, as they provide a mechanism for understanding what's happening with any element on a web page communicating with their IBM i server. The tools also provide an effective playground for experimenting with HTML, CSS and JavaScript concepts. In this session Rob will demonstrate how Chrome's integrated DevTools can be used to interrogate data going between an IBM i and a front-end web application, view source code, analyze visual elements and dig into other common aspects of a typical web page. The discussion will also include an introduction to basic JavaScript debugging, JSON (Javascript Object Notation), and DOM (Document Object Model) concepts, which are key components to almost all modern web and mobile apps. Learn how to access Chrome DevTools (from Windows or Mac)

Learning Objectives:

1. Understand how to use the most common DevTools elements
2. Become familiar with basic concepts behind JSON and the DOM, all of which can be inspected in DevTools
3. See practical steps to apply when trying to understand where data in a business app is coming from (even if you didn't create the app to begin with!)

avatar for Robert Swanson

Robert Swanson

Senior Partner, CNX

Wednesday May 22, 2019 2:45pm - 3:45pm
Fantasy Tower North Ballroom B
  • Level Beginner
  • Operating System IBM i
  • Audience Anyone who would like to know how to inspect a web application and figure out how it's interacting with the back-end server

Twitter Feed