Learning Paths

From zero to job-ready.

Structured paths that combine interactive tools with visual lessons. Learn by doing, not just reading.

01
<>
HTML Foundations
Understand semantic HTML, document structure, forms, accessibility and SEO-ready markup.
  • HTML basics, elements, attributes, text, links, and images
  • Tables, lists, layout, semantics, style guide, and accessibility
  • Forms, inputs, graphics, canvas, SVG, media, and YouTube
  • Web APIs, storage, workers, SSE, geolocation, and drag and drop
  • Examples, quizzes, references, HTTP, charsets, and shortcuts
02
{}
CSS Mastery
From selectors to layout, effects, animation, and modern CSS architecture.
  • Box model, specificity, and cascade
  • Modern selectors, typography, colors, and effects
  • Flexbox, Grid, responsive design, and scroll behavior
  • Transforms, filters, functions, and custom properties
  • Cascade layers and logical properties
03
JS
JavaScript Essentials
Hands-on JavaScript lessons for DOM work, async code, browser APIs, and performance.
  • DOM selection, events, and fetch
  • Modern syntax, closures, classes, and modules
  • Storage, observers, workers, and Performance API
  • Promises, generators, Proxy, Reflect, and regex
  • Debugging patterns and error handling
04
FX
Flexbox Deep Dive
Master one-dimensional layout patterns with practical Flexbox examples.
  • Container and item properties
  • Alignment, wrapping, and ordering
  • Responsive navigation
  • Cards and media objects
  • When to choose Flexbox or Grid
05
#
CSS Grid Mastery
Build two-dimensional layouts with Grid tracks, areas, placement, and responsive patterns.
  • Grid containers, tracks, and items
  • Named areas and named lines
  • Auto-placement and dense packing
  • Subgrid and masonry-style layouts
  • Responsive layout systems
06
A11y
Web Accessibility
Build inclusive web experiences with WCAG, ARIA, keyboard, forms, and testing workflows.
  • WCAG principles and ARIA
  • Color contrast and keyboard navigation
  • Screen reader and focus testing
  • Accessible forms and images
  • Reduced motion and automated audits
07
>>
Web Performance
Make pages load quickly, stay responsive, and feel fast on real devices.
  • Core Web Vitals and Lighthouse auditing
  • Image, font, CSS, and JavaScript optimization
  • Caching, compression, and CDN strategy
  • Skeleton screens and perceived speed
  • Performance budgets
08
TS
TypeScript Basics
Add type safety to JavaScript with practical TypeScript patterns and compiler habits.
  • tsconfig and basic types
  • Interfaces, aliases, unions, and intersections
  • Generics, functions, classes, and modules
  • Utility types and narrowing
  • Conditional, mapped, and template literal types
09
Git
Git & Version Control
Use Git confidently for history, branches, remote collaboration, releases, and automation.
  • Init, add, commit, and status
  • Branches, merge, rebase, and conflicts
  • Remote repositories and pull requests
  • History, undo, tags, and releases
  • Git workflows, GitHub Actions, and hooks
10
SQL
SQL & Databases
Learn relational database design, querying, joins, indexing, transactions, and safe SQL habits.
  • Tables, columns, keys, and relationships
  • SELECT, filtering, sorting, grouping, and joins
  • Subqueries, CTEs, views, and stored procedures
  • Indexes, transactions, constraints, and performance
  • Schema design and SQL injection prevention
11
PHP
PHP Backend Development
Build server-side PHP skills for forms, sessions, files, databases, OOP, security, Laravel, and CodeIgniter-style MVC.
  • PHP syntax, variables, arrays, strings, and functions
  • Forms, requests, sessions, cookies, and file uploads
  • PDO database access and prepared statements
  • OOP, namespaces, autoloading, and reusable classes
  • Validation, security, Laravel, CodeIgniter, and MVC fundamentals
12
LV
Laravel Framework
Learn Laravel routing, controllers, Blade, Eloquent, validation, auth, queues, APIs, testing, and deployment.
  • PHP MVC project structure and request lifecycle
  • Routes, controllers, views, models, and validation
  • Database migrations, query builders, and ORM patterns
  • Security, sessions, middleware, filters, and APIs
  • Testing, debugging, deployment, and real project habits
13
CI
CodeIgniter Framework
Learn CodeIgniter routing, controllers, views, models, validation, filters, migrations, APIs, and deployment.
  • PHP MVC project structure and request lifecycle
  • Routes, controllers, views, models, and validation
  • Database migrations, query builders, and ORM patterns
  • Security, sessions, middleware, filters, and APIs
  • Testing, debugging, deployment, and real project habits
14
React
React JS
Build component-based interfaces with props, state, effects, forms, routing, and API data.
  • Components, templates, props, and state
  • Events, forms, lifecycle, and effects
  • Routing, services, API calls, and project structure
  • Reusable UI patterns and performance
  • Testing, debugging, and migration habits
15
Node
Node.js Runtime
Use JavaScript on the server with modules, files, packages, streams, and async APIs.
  • Runtime, modules, npm, and async patterns
  • HTTP, routing, middleware, and controllers
  • Validation, errors, files, and environment config
  • Database access, auth basics, and API design
  • Testing, logging, performance, and deployment
16
Ex
Express.js APIs
Build HTTP APIs with routing, middleware, validation, controllers, and error handling.
  • Runtime, modules, npm, and async patterns
  • HTTP, routing, middleware, and controllers
  • Validation, errors, files, and environment config
  • Database access, auth basics, and API design
  • Testing, logging, performance, and deployment
17
Boot
Bootstrap CSS
Create responsive layouts quickly with Bootstrap grid, utilities, components, and theming.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps
18
jQ
jQuery
Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps
19
XML
XML
Model structured documents with elements, attributes, namespaces, schemas, parsing, and transformations.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps
20
Sass
Sass
Write maintainable CSS with variables, nesting, mixins, modules, maps, and compiled output.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps
21
JSON
JSON Schema
Validate JSON data with schemas, types, required fields, formats, composition, and API contracts.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps
22
AJAX
AJAX
Send asynchronous browser requests with fetch, XMLHttpRequest, JSON, errors, and progressive UI.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps
23
UTF8
UTF-8 & Emojis
Handle Unicode text, emoji, encoding, normalization, code points, and safe storage.
  • Syntax and core concepts
  • Practical examples and common patterns
  • Validation, debugging, and safe usage
  • Integration with web applications
  • Real project practice and next steps

Ready to start learning?

Pick a path above and start building real skills with interactive exercises and visual examples.

Start with HTML Open Code Editor