Firefox Developer Tools for Beginners

Firefox Developer Tools for Beginners

Coder Coder via YouTube Direct link

- Markup View, search, and edit HTML

3 of 15

3 of 15

- Markup View, search, and edit HTML

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Firefox Developer Tools for Beginners

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Turn on developer tools, main UI in the dev tools panel
  3. 3 - Markup View, search, and edit HTML
  4. 4 - Color picker
  5. 5 - Breadcrumbs bar
  6. 6 - Rules tab
  7. 7 - Layout tab, grid and flexbox inspector
  8. 8 - Computed tab
  9. 9 - Changes tab
  10. 10 - Fonts tab
  11. 11 - Navigating tabs and 3-panel view
  12. 12 - Responsive Design Mode
  13. 13 - Network tab
  14. 14 - Accessibility tab
  15. 15 - Storage tab

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.