Introduction
Supercharge your web development workflow
()
What you should know
()
How to use the exercise files
()
1. Browser Testing and Tools
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
()
2. Text Editors
Text editors vs. IDEs
()
Getting to know your text editor
()
Using keyboard shortcuts
()
Extensions packages and plugins
()
Code autocompletion
()
Autocompletion with Emmet
()
3. Front-End Frameworks and CSS Preprocessors
CSS reset stylesheets
()
CSS frameworks for front-end development
()
Static site generators CMS website building
()
CSS preprocessors
()
Git and version control
()
Ex_Files_Workflow_Tools_Web_Devs.zip
(1.5 MB)