Learn the tools and frameworks that can make your web development workflow more productive and efficient.
Overview
Syllabus
Introduction
- Supercharge your web development workflow
- What you should know
- How to use the exercise files
- Cross browser testing
- Accessing the developer tools
- Inspect HTML
- Inspect CSS
- Inspect flexbox and grid
- The JavaScript console
- Testing responsive and mobile layouts
- Validation tools and linter applications
- Text editors vs. IDEs
- Getting to know your text editor
- Using keyboard shortcuts
- Extensions packages and plugins
- Code autocompletion
- Autocompletion with Emmet
- CSS reset stylesheets
- CSS frameworks for front-end development
- Static site generators CMS website building
- CSS preprocessors
- Git and version control
- Next steps
Taught by
Christina Truong