This repo provides a simple example of how vscode.dev can enable a interactive learning plaform for HMTL, CSS and JavaScript.
- Open this repo vscode.dev
- When prompted, install the recommended extensions (CodeSwing, CodeTour)
- After a few seconds, the editor will be automatically laid out as a playground environment
- Interact with the learning prompts that will guide you.
- 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.
- vscode.dev - Visual Studio Code for the Web 📝
- CodeSwing - An interactive coding environment for web applications 💃
- CodeTour - Guided codebase walkthroughs, directly in your editor 🗺️