WDD 131: Dynamic Web Fundamentals

You may want to bookmark this page and/or the official documentation for future reference.

Setup: Visual Studio Code

The purpose of this setup activity is to install a free, open source, code editor that supports customized code writing, editing, and code management on all major platforms. VS Code is lightweight, powerful, and flexible.

VS Code Official Logo

Organizations and individual programmers decide on which code editors to use. This course uses VS Code as the primary code editor because it is free, open source, and popular in the industry having a large community of developers and extensions.

Activity Instructions

  1. Install the VS Code editor if you do not already have it installed: Visual Studio Code.
  2. If you already had VS Code installed, check for updates.
    To check for updates in VS Code, use the menu Help Check for Updates...
  3. Add the Live Server extension in VS Code in order to support local, offline testing of your work in your browser.
  4. Customize your VS Code installation:

During the course, it is recommended that you learn to use User Snippets and Emmet Shorthand coding to improve your development workflow. Right now you may just want to become familiar with the concepts or ask about them in the course channel or ask an AI service.

Getting Help

If you were not able to complete any of these steps, then you are not prepared yet.
Please reach out for help in Microsoft Teams.