/start-coding-vscode-for-web

Learn to code with no setup using vscode.dev

Primary LanguageJavaScript

Learn HTML + CSS + JavaScript in your broswer!

Using vscode.dev for learning on all devices (no installs)

This repo provides a simple example of how vscode.dev can enable a interactive learning plaform for HMTL, CSS and JavaScript.

Getting Started

  1. Open this repo vscode.dev
  2. When prompted, install the recommended extensions (CodeSwing, CodeTour)
  3. After a few seconds, the editor will be automatically laid out as a playground environment
  4. Interact with the learning prompts that will guide you.
  5. Follow the instructions provided by the "code tour", and see how your changes to the HTML/CSS/JS files are immediately applied in the preview tab.

Resources

  1. vscode.dev - Visual Studio Code for the Web 📝
  2. CodeSwing - An interactive coding environment for web applications 💃
  3. CodeTour - Guided codebase walkthroughs, directly in your editor 🗺️