How-To Code Recipes Tutorial
What is the How-To track?
The How-To track is a collection of practical, copy-paste-ready code recipes and UI component solutions for everyday web development problems.
This free How-To Code Recipes tutorial is organized into 4 levels and 18 lessons, from beginner fundamentals to expert topics, with an in-browser code sandbox and a How-To Code Recipes quiz.
How-To Code Recipes Syllabus: Lessons by Level
Four levels, from beginner fundamentals to expert topics and a capstone project.
Level 1: Beginner Fundamentals
Level 2: Intermediate Core & Flow
Level 3: Advanced Concepts & Deep Dives
Level 4: Expert & Master Projects
How-To Code Recipes Code Sandbox
Edit and run code without installing anything. Server-side execution supports JavaScript, TypeScript, Python, C, C++, Java, PHP, Go, Bash and SQL; HTML and CSS render as a live preview.
Explore Related Web Recipes & Snippets Curriculum
HTML Tutorial
The standard markup language for documents designed to be displayed in a web browser.
CSS Tutorial
Cascading Style Sheets describing the presentation and layout of web documents.
JavaScript Tutorial
The powerful programming language of the Web for dynamic scripting, logic, and asynchronous apps.
Bravion.CSS Tutorial
Bravion's CSS framework track: responsive utility and component classes written in standard CSS, with no JavaScript dependencies.