Dev Tools - csusbdt/322-2016 GitHub Wiki

Introduction

Most browsers have built-in tools that support Web development. Sometimes, these tools are added to the browser through an extension or plug-in mechanism. These tools are very useful for debugging Web applications. In this assignment, you will learn how to use the Web development tools available through the Chrome Web browser.

Instructions

Create a free account on Code School and complete the Dev-tools course on Code School. Note that the content in this course is tied to an earlier version of Chrome so you'll need to account for this. For example, in the section on source code, the narrator mentions that Command-S saves a file on Mac; this does not work -- instead, you can right click in the source panel and select to save the file from the menu that appears. If this doesn't work, you'll need to search for another way to save the file. In general, you'll likely need to make small adjustments throughout the tutorial.

Once you have finished, make your Code School profile page public so the course TA can verify that you completed the work. There is a button near the upper right hand side of the report card page that lets you set your report card to public.

If we can not view your report card, you will not receive credit for this part of the assignment so make sure that you make it public. To check that your report card is public, log out of code school and see if you can view your report card by following the link that you plan to send me.

So that you know what I am asking for, here is my report card.

Select another desktop browser, such as Firefox, Safari or Internet Explorer and learn how to use their Web developer tools.

Submission

To complete this assignment, email the instructor a link to your public Code School report card and the name of the alternative browser you studied. Include your name in the email and the text Dev Tools Assignment in the subject line your email.