Skills you will learn:
Learn how to dig deeper into the Web with the use of Devtools- Viv Richards
Despite its name, DevTools isn’t just a tool for developers. DevTools contains many tools which can help you in your day to day testing of web applications. Whether you want to know how to put client validation to the test, gain a better understanding of how to identify and debug errors or just simply run audits on your web applications, then this course is for you.
Perhaps you’ve heard about DevTools but have never used it? Maybe you’ve used one or two of the tools within a few of the panels but don’t fully understand how some of the tools could help you. Throughout this course I will highlight a handful of useful tools that are available.
Within each lesson we will be using a website designed especially for this course to help demonstrate how to make the most of some of the tools within DevTools. Each video within this course will be followed by a hands on activity and/or a short quiz to ensure students understanding of what’s been taught before moving on to the next lesson.
By the end of this course students will gain a solid understanding of how to use the demonstrated tools within DevTools and how using them can assist in their day to day testing of web applications.
By the end of the course, you will be able to:
- Demonstrate basic understanding of page markup
- Demonstrate how to change an inputs type to test client side validation
- Demonstrate understanding of how to use the elements panel to find text accessibility issues
- Demonstrate how to simulate a mobile device
- Demonstrate how to throttle a mobile devices network
- Demonstrate a basic understanding of how to step through code
- Demonstrate a basic understanding of running a report within Lighthouse
What knowledge or skill set do learners need to have before starting your course?
Are there any existing courses on the Dojo that they should complete first?
It may be useful to take the ‘Building blocks of the internet’ course before taking this gain a basic understanding of DevTools.
Are there any tools or programmes they are required to use?
Chrome DevTools. Students will be given access to the sweet shop project (URL) to test what they’ve learned and to follow along.