Name: Learn To Debug Your Code with Chrome Dev Tools
Start: 2016-06-09T19:00:00-04:00
End: 2016-06-09T21:30:00-04:00
Location: Decoded

Chrome’s Developer Tools (or Dev Tools for short) are invaluable, yet often underutilized, resources for web developers of all skill levels.

Learning how to master them will ramp up your skill set and help you become a better developer in a number of ways-- you’ll become familiar with how the browser renders DOM elements, you’ll figure how to uncover inefficiencies in your code, and you’ll speed up your debugging process so that you can quickly find what’s wrong when your code isn’t working as expected.

This workshop will start with the basics and move through to advanced features so that students leave with an understanding of how and why they’d want to use each panel in DevTools.

We’ll cover the following:

• Customizing settings
• Inspecting and editing HTML + CSS in the Elements panel
• Viewing project directory files in the Resources panel
• Analyzing server requests in the Networks panel
• Performing code tests in the Audits panel
• Viewing error logs in the Console
• Using Device Emulation to debug touch events on desktop
• Stepping through breakpoints to debug JavaScript in the Sources panel
• And more!

Students should have a working knowledge of HTML and CSS. Familiarity with jQuery and JavaScript will be beneficial, but it is not required. Please bring a laptop with a text editor (Sublime Text 2 is recommended) and Chrome installed.

Interested in TA-ing or being a volunteer? Fill out this form (http://goo.gl/forms/ynrPJf7ThQ) and the organizer will contact you!

About your instructor Mae Capozzi:

After graduating with an English major, Mae decided to learn to code. She strives to write clean, maintainable code and secretly loves fixing merge conflicts. When she's not coding, she's writing or playing music.

http://photos1.meetupstatic.com/photos/event/a/2/d/6/600_447401686.jpeg

Erin M. Kidwell

Mae Capozzi

Girl Develop It NYC

Girl Develop It

Grace Hopper Fullstack Academy

Skillshare

sustaining sponsor and scholarship support

DealerTrack

DoSomething.org

Postlight

Technology

Web Development

Computer Programming

Software Development

Women Entrepreneurs

Professional Women

Women's Empowerment

Web Design

Education & Technology

Mobile Development

Mobile Technology

Internet Professionals

Web Technology

Girl Develop IT

Learn To Debug Your Code with Chrome Dev Tools

Decoded

Share

Girl Develop It NYC

Learn To Debug Your Code with Chrome Dev Tools

Girl Develop It NYC

Details

Sponsors

Members are also interested in