saragibby / start-coding-vscode-for-web

Learn to code with no setup using vscode.dev

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 🗺️