Overview
-
Learn the tools and frameworks that can make your web development workflow more productive and efficient.
Syllabus
-
Introduction
- Welcome
- What you should know
- Using the exercise files
- Browsers and browser testing
- Open the browser developer tools
- Inspect HTML
- Inspect CSS
- Test mobile layouts
- The browser JavaScript console
- JavaScript breakpoints
- Browser add-ons, extensions, and plugins
- Text editors and IDEs
- Code autocompletion
- Code snippets
- CSS reset style sheets
- Front-end frameworks
- CSS preprocessors
- Workflow automation tools
- Working with the command line
- Automating with Grunt.js or Gulp.js
- Git and version control
- Next steps
