Level Up Path 🔥
For those with basic knowledge. Level up your skills with advanced concepts, professional development, and projects that will make your portfolio pop! Let's go! 🎯
Available Lessons
104 lessons across 4 courses
TypeScript
Introduction to TypeScript
Basic Types and Type Annotations
Interfaces: Defining Object Shapes
Classes and Object-Oriented Programming
Typed Functions and Arrow Functions
Enums: Named Constants
Arrays and Objects in TypeScript
Union and Intersection Types
Generics: Writing Reusable Code
Modules and Imports/Exports
Advanced Types: Literal, Tuple, and More
Utility Types: Partial, Pick, Omit, and More
Type Guards and Type Narrowing
Decorators: Enhancing Classes and Methods
Namespaces and Module Organization
Advanced Generics: Constraints and Defaults
TypeScript with React: Components and Props
TypeScript with Vue: Composition API and Types
Conditional Types: Type-Level Logic
Mapped Types: Transforming Types
Template Literal Types: String Manipulation
TypeScript with Angular: Services and Dependency Injection
Advanced React with TypeScript: Hooks and Context
Type System Deep Dive: Inference and Compatibility
React Todo App with TypeScript ⚛️
Vue Dashboard Component 🎯
Angular Service with DI 🔧
Type-Safe API Client 🌐
Form Validation System 📝
JavaScript
Introduction to JavaScript
Variables and Data Types
Operators and Expressions
Conditional Statements
Loops and Iteration
Functions
Arrays
Objects
String Methods and Manipulation
Variable Scope and Hoisting
Error Handling with Try-Catch
ES6+ Modern JavaScript Basics
DOM Manipulation
Event Handling
Promises and Asynchronous Programming
Async/Await - Modern Promise Syntax
Fetch API - Making HTTP Requests
ES6 Classes and Object-Oriented Programming
ES6 Modules - Import and Export
Advanced Array Methods
Advanced Object Methods and Operations
Regular Expressions (Regex)
Closures and Lexical Scope
Prototypes and Prototypal Inheritance
JavaScript Design Patterns
Performance Optimization
Testing JavaScript Code
Modern Web APIs
Build Tools and Bundlers
Advanced ES6+ Features
Build a Todo App 📋
Create a Quiz Game 🎮
Weather App with API 🌤️
Build a Calculator 🧮
Pomodoro Timer ⏱️
HTML
Introduction to HTML
HTML Document Structure
Headings and Paragraphs
HTML Attributes
Links and Navigation
Images
Lists
Tables
Forms Basics
Semantic HTML
Advanced Forms
Audio and Video
Accessibility Best Practices
Canvas API
Web Storage API
Build Your Personal Portfolio Site 🚀
Create a Dope Landing Page 💫
Build a Blog Template 📝
Design a Product Card UI 🛍️
Create a Contact Form 📧
CSS
Introduction to CSS
CSS Selectors
Colors and Typography
CSS Box Model
Layout and Positioning
Flexbox Layout
Responsive Design
CSS Grid Layout
CSS Transitions
CSS Animations
CSS Transforms
CSS Custom Properties (Variables)
Pseudo-elements and Pseudo-classes
Advanced CSS Selectors
Advanced Layout Techniques
Create a Gradient Card Design 🌈
Build Animated Buttons ✨
Glassmorphism Effect 🪟
Responsive Navbar Design 📱
Card Hover Effects 🎴
Your Learning Journey
Follow the path and level up your skills
Module 3: TypeScript Fundamentals
Write safer, scalable code with TypeScript. Learn types, interfaces, and modern JavaScript patterns. This is what the pros use!
Real Projects to Build:
Module 4: Advanced JavaScript
Think like a software engineer. Master OOP, closures, async/await, and advanced patterns. This is where you separate yourself from the rest!
Real Projects to Build:
Module 5: Advanced Web Development
Build professional-grade apps. Learn performance optimization, advanced CSS, and modern web APIs. Time to build something fire!
Real Projects to Build:
Module 6: Framework Prep (TypeScript)
Get ready for React, Vue, or Angular. Master TypeScript patterns, component architecture, and modern development workflows.
Real Projects to Build: