POWERUp 2019

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!)