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 38m
Table of contents
Description
Course info
Rating
(45)
Level
Intermediate
Updated
Sep 14, 2016
Duration
1h 38m
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 20+ years of experience in IT as an Entrepreneur, Manager, Trainer, and Lead Microsoft .NET Developer. She has a passion for technology, gaming, and general nerdery. She loves to learn new things as well as mentor and teach others.

More from the author
PM Methodologies: Executive Briefing
Beginner
26m
Jul 17, 2019
More courses by Shelley Benhoff
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
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. It is very important for front end web developers to make websites fully responsive and cross-browser compatible. In this course, we're 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 number one, troubleshooting HTML, CSS, and JavaScript using the four most popular developer tools, the Chrome DevTools, Firebug Firefox Developer Edition and IE developer tools. Number two, debugging JavaScript using the Chrome DevTools and Firefox Developer Edition, and number three, 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 responsive design, cross-browser compatibility and device compatibility. I hope that 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 Development course here at Pluralsight.