Tactics and Tools for Troubleshooting Front-end Web Development

This course introduces front-end web developers to the most popular professional tools available to help them troubleshoot issues in HTML, CSS, and JavaScript and make their websites cross-browser compatible.
Course info
Rating
(45)
Level
Intermediate
Updated
Sep 14, 2016
Duration
1h 37m
Table of contents
Description
Course info
Rating
(45)
Level
Intermediate
Updated
Sep 14, 2016
Duration
1h 37m
Description

At the core of any fully responsive website is a thorough knowledge of how to troubleshoot HTML, CSS, and JavaScript. This course, Tactics and Tools for Troubleshooting Front-end Web Development, will show you how to troubleshoot HTML, CSS, and JavaScript using the Chrome DevTools, Firebug, Firefox Developer Edition, and IE Developer Tools. You will learn how to view and test CSS for any HTML element, log JavaScript errors to the console, and step through JavaScript code using the debugger. Then, you will build on this knowledge and use these tools in BrowserStack's live testing environments for any OS, Browser, and Device combination. When you're finished with this course, you will have the knowledge to troubleshoot any front-end issue on your website, which will help you as you move forward to building a completely responsive website that displays properly across all browsers and devices.

About the author
About the author

Shelley has over 16 years of experience in IT as a Web Developer, Technical Architect, Manager, and Trainer. Her years of experience designing, developing, and managing global corporate training programs gives her the ability to effectively organize training programs that are engaging and entertaining.

More from the author
Launching Successful Teams
Intermediate
2h 24m
4 Jan 2018
Managing Technical Professionals
Intermediate
2h 30m
4 Oct 2017
Transcript
Transcript

Hi everyone, my name is Shelley Benhoff and welcome to my course Tactics and Tools for Troubleshooting Front-end Web Development! I am a Senior Consultant and Professional Trainer at HoffsTech. In today’s world, there are so many different devices that people can use to view websites and it is very important for front-end web developers to make websites fully responsive and cross-browser compatible. In this course, we are going to fix all of the errors on a sample website using HTML, CSS, and JavaScript to make it fully cross-browser and device compatible. Some of the major topics that we will cover include: 1. Troubleshooting HTML, CSS, and JavaScript using the 4 most popular developer tools: the Chrome DevTools, Firebug, Firefox Developer Edition, and IE Developer Tools. 2. Debugging JavaScript using the Chrome DevTools and Firefox Developer Edition. 3. Testing responsive design and device compatibility issues using BrowserStack. By the end of this course, you will be able to troubleshoot any issue to make your website fully responsive and functional on any device.Before beginning the course, you should be familiar with HTML, CSS, and JavaScript. From here, you should feel comfortable diving into advanced front-end development with courses on: 1. Responsive Design 2. Cross-Browser Compatibility 3. Device Compatibility I hope you’ll join me on this journey to learn how to troubleshoot any front-end web development issue with the Tactics and Tools for Troubleshooting Front-end Web Development course, at Pluralsight.