YoVDO

Visual Studio Code

Offered By: Frontend Masters

Tags

Visual Studio Code Courses Web Development Courses Javascript Courses Emmet Courses Fonts Courses

Course Description

Overview

Visual Studio Code is a modern, lightweight and full-featured code editor, built from the ground up to suit the needs of web developers - JavaScript developers in particular. In this course, we'll dive deep into using, customizing and extending it.

Syllabus

  • Introduction
  • Editor Features
  • Developer Focus
  • Up and Running
  • Course Agenda
  • Setting Up
  • Markdown
  • Emmet & HTML
  • Emmet & CSS
  • Challenge 1: Rapid Expansion
  • Challenge 1: Solution, Part 1
  • Challenge 1: Solution, Part 2
  • Go To
  • Selection
  • Multi-Cursor & Line Manipulation
  • Peek Editing
  • Renaming
  • Challenge 2: Refactoring
  • Challenge 2: Solution
  • Introducing Type Checking
  • Benefits of Types
  • Categories of Type Systems
  • Type Checking in VS Code
  • Annotating Types
  • Functions
  • Generics
  • Custom Types
  • Challenge 3: Data Layer Types
  • Challenge 3: Solution
  • Debugging Node
  • Debugging Node with Editors
  • Debugging Node with VS Code
  • Debugging Chrome with VS Code
  • Challenge 4: Multi-Process Debugging
  • Challenge 4: Solution
  • Benefits of Customization
  • VS Code Themes
  • Custom Fonts
  • Key Bindings
  • Code Snippets
  • Challenge 5: VS Code Tune-Up
  • Challenge 5: Solution
  • Introducing Custom VS Code Tasks
  • Challenge 6: TSLint Problems
  • Challenge 6: Solution
  • Launch Settings
  • Challenge & Solution 7: Analyze & Monitor
  • VS Code Extension Recommendations
  • Wrapping Up

Taught by

Mike North

Related Courses

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru