Workflow Tools for Web Developers

Workflow Tools for Web Developers
Workflow Tools for Web Developers
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 13m | 204 MB

Web developers don’t have to do everything by hand. There are many tools and frameworks that can make your workflow more productive and efficient—helping you code faster and cleaner than before. Christina Truong introduces browser tools for analyzing and testing your code; text editors that help you write it; and shortcuts and tools for automating repetitive web dev tasks. Plus, learn how version control systems like Git actually help save you time, in addition to saving you from mistakes. Get an overview of the pros and cons of each tool as well as examples, tips, and guidance for evaluating which ones will work best for you.

Topics include:

  • Using browser development tools
  • Inspecting HTML, CSS, and JavaScript
  • Testing mobile layouts
  • Coding in text editors and IDEs
  • Using front-end frameworks and CSS preprocessors
  • Working with the command line
  • Using version control (such as Git)
Table of Contents

1 Welcome
2 What you should know
3 Using the exercise files
4 Browsers and browser testing
5 Open the browser developer tools
6 Inspect HTML
7 Inspect CSS
8 Test mobile layouts
9 The browser JavaScript console
10 JavaScript breakpoints
11 Browser add-ons, extensions, and plugins
12 Text editors and IDEs
13 Code autocompletion
14 Code snippets
15 CSS reset style sheets
16 Front-end frameworks
17 CSS preprocessors
18 Workflow automation tools
19 Working with the command line
20 Automating with Grunt.js or Gulp.js
21 Git and version control
22 Next steps