React Developer Master Program
An intensive 4-month online weekend live engineering cohort (Sat & Sun • 4 hours/day: 2h live faculty lectures + 2h supervised coding labs) covering React Developer production capstones and 580+ AI interviews, with eligible hiring-drive access under documented placement terms and tuition-refund protection where all policy conditions are met.
- Online Weekend Live Sessions (Sat & Sun • 4 Hours / Day)
- 4 Months (16 Weeks) Comprehensive Finish
- Guaranteed Placement Drives until Placed across 1,050+ top companies
- 26 Production Microservices & Capstones with GitHub code reviews
- 580+ Topic Mock Tests & 1-on-1 AI Voice Technical Interviews
Our Graduates Get Marketed to 1,050+ Global Tech Leaders & Unicorns
Continuous corporate interview referrals until job offer letter issuance:
Online Weekend Master Track: 4 Months of Live Mentorship & Placement Drives
Designed for college students and working professionals, our Online Weekend Master Track delivers intensive 4-hour live sessions every Saturday and Sunday across 16 weeks (4 Months). Complete 128+ hours of live faculty instruction, 26 production capstones, and 580+ AI interviews with unlimited corporate interview drives until you get placed!
Live Architecture & Core Mentorship
2 Hours of interactive enterprise architecture, live faculty coding, and design patterns followed by 2 Hours of supervised capstone development.
Hands-On Labs, Tests & AI Practice
2 Hours of advanced microservices, real-time queues & cloud deployment followed by 2 Hours of timed mock tests and 1-on-1 AI voice interview rounds.
4-Month Master Roadmap to Guaranteed Placement
We transform you into a battle-tested software engineer ready to clear Tier-1 technical and system design interview rounds in 4 months with weekend online sessions.
Architecture & Core Mechanics
Core OOP, memory mechanics, data structures, algorithms & clean design patterns.
Capstones & Microservices
Build production full stack SaaS, microservices, REST APIs, queues & cloud deployment.
System Design & AI Interviews
Simulate live FAANG interview rounds, timed topic mock tests and AI voice evaluations.
Corporate Drives until Placed
Resume marketing, hiring drives across 1,050+ partners, and placement guarantee.
Projected Target CTC After Program
Industry-verified compensation brackets achieved by graduates across 1,050+ hiring partners:
₹8.5L – ₹14L /yr
Software Engineer I, Junior Backend Developer, Full Stack Associate.
- 260+ Hours Live Mentorship
- 26 Capstone Projects on GitHub
- 580+ AI Technical Interview Scorecards
₹14L – ₹24L /yr
Full Stack Java Engineer, Spring Boot Microservices Specialist, Cloud Engineer.
- Kafka Event-Driven Architectures
- Redis Caching & Performance Tuning
- Docker, Kubernetes & AWS CI/CD
₹24L – ₹36L+ /yr
Senior Full Stack Engineer, Microservices Architect, Lead Consultant.
- High-Throughput System Design (LLD/HLD)
- Fault Tolerance & Distributed Transactions
- FAANG System Design Clearing Mentorship
Topic-Wise Curriculum & Practice Hub
146 Modules • 560 Deep-Dive Topics • 560 Integrated Topic Mock Tests & AI Interviews
4 curriculum topics: How the Web Works, Browser Rendering, HTTP, Status Codes.
How the Web Works
Understand:; Browser; server; DNS; domain; HTTP; HTTPS; frontend; backend; API; Architecture:; Browser → API → Backend → Database
- Explain the core concepts and architecture of How the Web Works.
- Apply How the Web Works in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Browser Rendering
Understand:; HTML parsing; CSS; JavaScript; DOM; rendering concepts
- Explain the core concepts and architecture of Browser Rendering.
- Apply Browser Rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
HTTP
Methods:; GET; POST; PUT; PATCH; DELETE
- Explain the core concepts and architecture of HTTP.
- Apply HTTP in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Status Codes
Important:; 200; 201; 204; 400; 401; 403; 404; 409; 422; 429; 500
- Explain the core concepts and architecture of Status Codes.
- Apply Status Codes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
10 curriculum topics: Document structure, Semantic HTML, Headings, Links, Lists, Tables, Forms, Images and 2 more topics.
Document structure
HTML5: Document structure. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Document structure.
- Apply Document structure in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Semantic HTML
HTML5: Semantic HTML. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Semantic HTML.
- Apply Semantic HTML in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Headings
HTML5: Headings. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Headings.
- Apply Headings in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Links
HTML5: Links. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Links.
- Apply Links in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Lists
HTML5: Lists. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Lists.
- Apply Lists in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tables
HTML5: Tables. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tables.
- Apply Tables in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Forms
HTML5: Forms. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Forms.
- Apply Forms in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Images
HTML5: Images. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Images.
- Apply Images in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Video
HTML5: Video. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Video.
- Apply Video in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Metadata
HTML5: Metadata. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Metadata.
- Apply Metadata in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Accessibility, SEO, Maintainability.
Accessibility
SEMANTIC HTML: Accessibility. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Accessibility.
- Apply Accessibility in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
SEO
SEMANTIC HTML: SEO. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of SEO.
- Apply SEO in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Maintainability
SEMANTIC HTML: Maintainability. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Maintainability.
- Apply Maintainability in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
8 curriculum topics: Input, Label, Select, Textarea, Checkbox, Radio, Button, Validation attributes.
Input
HTML FORMS: Input. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Input.
- Apply Input in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Label
HTML FORMS: Label. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Label.
- Apply Label in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Select
HTML FORMS: Select. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Select.
- Apply Select in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Textarea
HTML FORMS: Textarea. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Textarea.
- Apply Textarea in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Checkbox
HTML FORMS: Checkbox. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Checkbox.
- Apply Checkbox in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Radio
HTML FORMS: Radio. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Radio.
- Apply Radio in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Button
HTML FORMS: Button. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Button.
- Apply Button in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Validation attributes
HTML FORMS: Validation attributes. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Validation attributes.
- Apply Validation attributes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Labels, Keyboard access, Semantic controls, Focus, Alt text, Heading hierarchy.
Labels
ACCESSIBILITY FOUNDATION: Labels. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Labels.
- Apply Labels in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Keyboard access
ACCESSIBILITY FOUNDATION: Keyboard access. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Keyboard access.
- Apply Keyboard access in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Semantic controls
ACCESSIBILITY FOUNDATION: Semantic controls. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Semantic controls.
- Apply Semantic controls in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Focus
ACCESSIBILITY FOUNDATION: Focus. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Focus.
- Apply Focus in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Alt text
ACCESSIBILITY FOUNDATION: Alt text. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Alt text.
- Apply Alt text in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Heading hierarchy
ACCESSIBILITY FOUNDATION: Heading hierarchy. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Heading hierarchy.
- Apply Heading hierarchy in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Selectors, Specificity, Inheritance, Cascade, Box model.
Selectors
CSS FUNDAMENTALS: Selectors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Selectors.
- Apply Selectors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Specificity
CSS FUNDAMENTALS: Specificity. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Specificity.
- Apply Specificity in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Inheritance
CSS FUNDAMENTALS: Inheritance. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Inheritance.
- Apply Inheritance in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cascade
CSS FUNDAMENTALS: Cascade. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cascade.
- Apply Cascade in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Box model
CSS FUNDAMENTALS: Box model. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Box model.
- Apply Box model in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: Custom properties, Flexbox, Grid, Clamp concepts, Responsive units, Transitions, Animations.
Custom properties
MODERN CSS: Custom properties. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Custom properties.
- Apply Custom properties in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Flexbox
MODERN CSS: Flexbox. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Flexbox.
- Apply Flexbox in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Grid
MODERN CSS: Grid. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Grid.
- Apply Grid in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Clamp concepts
MODERN CSS: Clamp concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Clamp concepts.
- Apply Clamp concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Responsive units
MODERN CSS: Responsive units. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Responsive units.
- Apply Responsive units in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Transitions
MODERN CSS: Transitions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Transitions.
- Apply Transitions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Animations
MODERN CSS: Animations. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Animations.
- Apply Animations in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
15 curriculum topics: Desktop, Laptop, Tablet, Android, IPhone, Mobile-first design, Breakpoints, Responsive images and 7 more topics.
Desktop
RESPONSIVE DESIGN: Desktop. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Desktop.
- Apply Desktop in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Laptop
RESPONSIVE DESIGN: Laptop. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Laptop.
- Apply Laptop in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tablet
RESPONSIVE DESIGN: Tablet. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tablet.
- Apply Tablet in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Android
RESPONSIVE DESIGN: Android. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Android.
- Apply Android in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
IPhone
RESPONSIVE DESIGN: IPhone. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of IPhone.
- Apply IPhone in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Mobile-first design
RESPONSIVE DESIGN: Mobile-first design. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Mobile-first design.
- Apply Mobile-first design in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Breakpoints
RESPONSIVE DESIGN: Breakpoints. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Breakpoints.
- Apply Breakpoints in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Responsive images
RESPONSIVE DESIGN: Responsive images. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Responsive images.
- Apply Responsive images in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Fluid typography
RESPONSIVE DESIGN: Fluid typography. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Fluid typography.
- Apply Fluid typography in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Touch targets
RESPONSIVE DESIGN: Touch targets. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Touch targets.
- Apply Touch targets in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Home
RESPONSIVE DESIGN: Home. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Home.
- Apply Home in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
About
RESPONSIVE DESIGN: About. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of About.
- Apply About in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Skills
RESPONSIVE DESIGN: Skills. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Skills.
- Apply Skills in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Projects
RESPONSIVE DESIGN: Projects. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Projects.
- Apply Projects in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Contact
RESPONSIVE DESIGN: Contact. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Contact.
- Apply Contact in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
8 curriculum topics: Variables, Let, Const, Data types, Operators, Conditions, Loops, Functions.
Variables
JAVASCRIPT FUNDAMENTALS: Variables. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Variables.
- Apply Variables in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Let
JAVASCRIPT FUNDAMENTALS: Let. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Let.
- Apply Let in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Const
JAVASCRIPT FUNDAMENTALS: Const. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Const.
- Apply Const in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Data types
JAVASCRIPT FUNDAMENTALS: Data types. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Data types.
- Apply Data types in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Operators
JAVASCRIPT FUNDAMENTALS: Operators. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Operators.
- Apply Operators in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Conditions
JAVASCRIPT FUNDAMENTALS: Conditions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Conditions.
- Apply Conditions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Loops
JAVASCRIPT FUNDAMENTALS: Loops. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Loops.
- Apply Loops in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Functions
JAVASCRIPT FUNDAMENTALS: Functions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Functions.
- Apply Functions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
9 curriculum topics: Map, Filter, Reduce, Find, Some, Every, Sort, Flat and 1 more topics.
Map
ARRAYS: Map. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Map.
- Apply Map in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Filter
ARRAYS: Filter. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Filter.
- Apply Filter in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Reduce
ARRAYS: Reduce. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Reduce.
- Apply Reduce in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Find
ARRAYS: Find. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Find.
- Apply Find in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Some
ARRAYS: Some. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Some.
- Apply Some in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Every
ARRAYS: Every. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Every.
- Apply Every in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Sort
ARRAYS: Sort. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Sort.
- Apply Sort in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Flat
ARRAYS: Flat. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Flat.
- Apply Flat in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
FlatMap
ARRAYS: FlatMap. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of FlatMap.
- Apply FlatMap in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Properties, Methods, Destructuring, Cloning, References, Optional chaining.
Properties
OBJECTS: Properties. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Properties.
- Apply Properties in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Methods
OBJECTS: Methods. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Methods.
- Apply Methods in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Destructuring
OBJECTS: Destructuring. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Destructuring.
- Apply Destructuring in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cloning
OBJECTS: Cloning. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cloning.
- Apply Cloning in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
References
OBJECTS: References. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of References.
- Apply References in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Optional chaining
OBJECTS: Optional chaining. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Optional chaining.
- Apply Optional chaining in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Declaration, Expression, Arrow function, Callback, Higher-order functions.
Declaration
FUNCTIONS: Declaration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Declaration.
- Apply Declaration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Expression
FUNCTIONS: Expression. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Expression.
- Apply Expression in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Arrow function
FUNCTIONS: Arrow function. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Arrow function.
- Apply Arrow function in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Callback
FUNCTIONS: Callback. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Callback.
- Apply Callback in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Higher-order functions
FUNCTIONS: Higher-order functions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Higher-order functions.
- Apply Higher-order functions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Global, Function, Block, Lexical scope.
Global
JAVASCRIPT SCOPE: Global. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Global.
- Apply Global in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Function
JAVASCRIPT SCOPE: Function. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Function.
- Apply Function in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Block
JAVASCRIPT SCOPE: Block. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Block.
- Apply Block in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Lexical scope
JAVASCRIPT SCOPE: Lexical scope. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Lexical scope.
- Apply Lexical scope in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Factory functions, Private state concepts, Callbacks.
Factory functions
CLOSURES: Factory functions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Factory functions.
- Apply Factory functions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Private state concepts
CLOSURES: Private state concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Private state concepts.
- Apply Private state concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Callbacks
CLOSURES: Callbacks. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Callbacks.
- Apply Callbacks in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Global context, Object method, Function, Arrow-function behavior, Bind/call/apply concepts.
Global context
`this`: Global context. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Global context.
- Apply Global context in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Object method
`this`: Object method. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Object method.
- Apply Object method in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Function
`this`: Function. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Function.
- Apply Function in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Arrow-function behavior
`this`: Arrow-function behavior. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Arrow-function behavior.
- Apply Arrow-function behavior in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Bind/call/apply concepts
`this`: Bind/call/apply concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Bind/call/apply concepts.
- Apply Bind/call/apply concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Prototype, Prototype chain, Class syntax relationship.
Prototype
PROTOTYPES: Prototype. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Prototype.
- Apply Prototype in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Prototype chain
PROTOTYPES: Prototype chain. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Prototype chain.
- Apply Prototype chain in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Class syntax relationship
PROTOTYPES: Class syntax relationship. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Class syntax relationship.
- Apply Class syntax relationship in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Execution Context, Call Stack, Heap concepts.
Execution Context
JAVASCRIPT EXECUTION: Execution Context. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Execution Context.
- Apply Execution Context in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Call Stack
JAVASCRIPT EXECUTION: Call Stack. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Call Stack.
- Apply Call Stack in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Heap concepts
JAVASCRIPT EXECUTION: Heap concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Heap concepts.
- Apply Heap concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Call stack, Browser APIs, Task queue, Microtask queue, Promises, Timers.
Call stack
EVENT LOOP: Call stack. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Call stack.
- Apply Call stack in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Browser APIs
EVENT LOOP: Browser APIs. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Browser APIs.
- Apply Browser APIs in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Task queue
EVENT LOOP: Task queue. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Task queue.
- Apply Task queue in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Microtask queue
EVENT LOOP: Microtask queue. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Microtask queue.
- Apply Microtask queue in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Promises
EVENT LOOP: Promises. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Promises.
- Apply Promises in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Timers
EVENT LOOP: Timers. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Timers.
- Apply Timers in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Promise, Resolve, Reject, .then, .catch, .finally.
Promise
PROMISES: Promise. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Promise.
- Apply Promise in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Resolve
PROMISES: Resolve. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Resolve.
- Apply Resolve in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Reject
PROMISES: Reject. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Reject.
- Apply Reject in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
.then
PROMISES: .then. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of .then.
- Apply .then in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
.catch
PROMISES: .catch. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of .catch.
- Apply .catch in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
.finally
PROMISES: .finally. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of .finally.
- Apply .finally in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Sequential execution, Parallel requests, Error handling.
Sequential execution
ASYNC/AWAIT: Sequential execution. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Sequential execution.
- Apply Sequential execution in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Parallel requests
ASYNC/AWAIT: Parallel requests. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Parallel requests.
- Apply Parallel requests in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Error handling
ASYNC/AWAIT: Error handling. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Error handling.
- Apply Error handling in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Promise.all, Promise.allSettled, Promise.race, Promise.any.
Promise.all
PROMISE UTILITIES: Promise.all. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Promise.all.
- Apply Promise.all in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Promise.allSettled
PROMISE UTILITIES: Promise.allSettled. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Promise.allSettled.
- Apply Promise.allSettled in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Promise.race
PROMISE UTILITIES: Promise.race. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Promise.race.
- Apply Promise.race in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Promise.any
PROMISE UTILITIES: Promise.any. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Promise.any.
- Apply Promise.any in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Request, Headers, JSON, Errors, Cancellation concepts.
Request
FETCH API: Request. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Request.
- Apply Request in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Headers
FETCH API: Headers. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Headers.
- Apply Headers in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
JSON
FETCH API: JSON. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of JSON.
- Apply JSON in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Errors
FETCH API: Errors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Errors.
- Apply Errors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cancellation concepts
FETCH API: Cancellation concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cancellation concepts.
- Apply Cancellation concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Import, Export, Named/default exports, Dynamic imports, 100 Questions, 60 Coding Tasks.
Import
ES MODULES: Import. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Import.
- Apply Import in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Export
ES MODULES: Export. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Export.
- Apply Export in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Named/default exports
ES MODULES: Named/default exports. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Named/default exports.
- Apply Named/default exports in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dynamic imports
ES MODULES: Dynamic imports. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dynamic imports.
- Apply Dynamic imports in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
100 Questions
ES MODULES: 100 Questions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 100 Questions.
- Apply 100 Questions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
60 Coding Tasks
ES MODULES: 60 Coding Tasks. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 60 Coding Tasks.
- Apply 60 Coding Tasks in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Selectors, Elements, Events, Event delegation, Forms.
Selectors
BROWSER DOM: Selectors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Selectors.
- Apply Selectors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Elements
BROWSER DOM: Elements. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Elements.
- Apply Elements in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Events
BROWSER DOM: Events. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Events.
- Apply Events in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Event delegation
BROWSER DOM: Event delegation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Event delegation.
- Apply Event delegation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Forms
BROWSER DOM: Forms. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Forms.
- Apply Forms in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: LocalStorage, SessionStorage, Cookies concepts.
LocalStorage
WEB STORAGE: LocalStorage. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of LocalStorage.
- Apply LocalStorage in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
SessionStorage
WEB STORAGE: SessionStorage. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of SessionStorage.
- Apply SessionStorage in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cookies concepts
WEB STORAGE: Cookies concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cookies concepts.
- Apply Cookies concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Primitive types, Arrays, Tuples, Object types, Functions, Return types.
Primitive types
TYPESCRIPT FUNDAMENTALS: Primitive types. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Primitive types.
- Apply Primitive types in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Arrays
TYPESCRIPT FUNDAMENTALS: Arrays. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Arrays.
- Apply Arrays in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tuples
TYPESCRIPT FUNDAMENTALS: Tuples. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tuples.
- Apply Tuples in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Object types
TYPESCRIPT FUNDAMENTALS: Object types. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Object types.
- Apply Object types in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Functions
TYPESCRIPT FUNDAMENTALS: Functions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Functions.
- Apply Functions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Return types
TYPESCRIPT FUNDAMENTALS: Return types. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Return types.
- Apply Return types in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Interfaces.
Interfaces
Teach:; ts; interface User {; id: number;; name: string;; }
- Explain the core concepts and architecture of Interfaces.
- Apply Interfaces in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Type Aliases.
Type Aliases
Teach differences between:; interface; and; type
- Explain the core concepts and architecture of Type Aliases.
- Apply Type Aliases in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Union & Intersection.
Union & Intersection
Core concepts, implementation patterns, engineering trade-offs and production considerations for Union & Intersection.
- Explain the core concepts and architecture of Union & Intersection.
- Apply Union & Intersection in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Generics.
Generics
Example:; ts; ApiResponse<User>; ApiResponse<Course[]>
- Explain the core concepts and architecture of Generics.
- Apply Generics in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Typeof, In, Discriminated unions, Custom guards.
Typeof
NARROWING: Typeof. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Typeof.
- Apply Typeof in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
In
NARROWING: In. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of In.
- Apply In in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Discriminated unions
NARROWING: Discriminated unions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Discriminated unions.
- Apply Discriminated unions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Custom guards
NARROWING: Custom guards. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Custom guards.
- Apply Custom guards in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Partial, Required, Pick, Omit, Record, Readonly.
Partial
UTILITY TYPES: Partial. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Partial.
- Apply Partial in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Required
UTILITY TYPES: Required. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Required.
- Apply Required in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Pick
UTILITY TYPES: Pick. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Pick.
- Apply Pick in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Omit
UTILITY TYPES: Omit. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Omit.
- Apply Omit in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Record
UTILITY TYPES: Record. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Record.
- Apply Record in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Readonly
UTILITY TYPES: Readonly. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Readonly.
- Apply Readonly in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Strict Typescript.
Strict Typescript
Use:; strict: true; for professional projects.; Teach avoiding excessive:; any
- Explain the core concepts and architecture of Strict Typescript.
- Apply Strict Typescript in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Modern tsconfig, ESM, Deprecated configuration avoidance, Type-checking workflows.
Modern tsconfig
TYPESCRIPT 7 AWARENESS: Modern tsconfig. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Modern tsconfig.
- Apply Modern tsconfig in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
ESM
TYPESCRIPT 7 AWARENESS: ESM. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of ESM.
- Apply ESM in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Deprecated configuration avoidance
TYPESCRIPT 7 AWARENESS: Deprecated configuration avoidance. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Deprecated configuration avoidance.
- Apply Deprecated configuration avoidance in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Type-checking workflows
TYPESCRIPT 7 AWARENESS: Type-checking workflows. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Type-checking workflows.
- Apply Type-checking workflows in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: React, React DOM, JSX, Component, Tree, Rendering.
React
REACT FUNDAMENTALS: React. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of React.
- Apply React in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
React DOM
REACT FUNDAMENTALS: React DOM. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of React DOM.
- Apply React DOM in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
JSX
REACT FUNDAMENTALS: JSX. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of JSX.
- Apply JSX in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Component
REACT FUNDAMENTALS: Component. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Component.
- Apply Component in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tree
REACT FUNDAMENTALS: Tree. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tree.
- Apply Tree in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Rendering
REACT FUNDAMENTALS: Rendering. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Rendering.
- Apply Rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Components.
Components
Build:; text; App; ├── Header; ├── Sidebar; ├── CourseList; │ └── CourseCard; └── Footer
- Explain the core concepts and architecture of Components.
- Apply Components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Immutable input, Typed props, Optional props.
Immutable input
PROPS: Immutable input. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Immutable input.
- Apply Immutable input in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Typed props
PROPS: Typed props. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Typed props.
- Apply Typed props in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Optional props
PROPS: Optional props. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Optional props.
- Apply Optional props in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: State.
State
Understand:; State represents data that can change and affect rendered output.
- Explain the core concepts and architecture of State.
- Apply State in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: OnClick, OnChange, OnSubmit, Keyboard events.
OnClick
EVENTS: OnClick. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of OnClick.
- Apply OnClick in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
OnChange
EVENTS: OnChange. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of OnChange.
- Apply OnChange in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
OnSubmit
EVENTS: OnSubmit. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of OnSubmit.
- Apply OnSubmit in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Keyboard events
EVENTS: Keyboard events. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Keyboard events.
- Apply Keyboard events in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Conditional Rendering.
Conditional Rendering
Core concepts, implementation patterns, engineering trade-offs and production considerations for Conditional Rendering.
- Explain the core concepts and architecture of Conditional Rendering.
- Apply Conditional Rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Lists & Keys.
Lists & Keys
Explain why stable keys matter.; Avoid array index keys when identity can change.
- Explain the core concepts and architecture of Lists & Keys.
- Apply Lists & Keys in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: `Usestate`.
`Usestate`
Deep practical usage.
- Explain the core concepts and architecture of `Usestate`.
- Apply `Usestate` in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Synchronization, Dependencies, Cleanup, Fetching considerations.
Synchronization
`useEffect`: Synchronization. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Synchronization.
- Apply Synchronization in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dependencies
`useEffect`: Dependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependencies.
- Apply Dependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cleanup
`useEffect`: Cleanup. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cleanup.
- Apply Cleanup in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Fetching considerations
`useEffect`: Fetching considerations. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Fetching considerations.
- Apply Fetching considerations in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Infinite effects, Stale state, Missing cleanup, Duplicated API calls.
Infinite effects
EFFECT DEBUGGING: Infinite effects. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Infinite effects.
- Apply Infinite effects in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Stale state
EFFECT DEBUGGING: Stale state. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Stale state.
- Apply Stale state in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Missing cleanup
EFFECT DEBUGGING: Missing cleanup. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Missing cleanup.
- Apply Missing cleanup in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Duplicated API calls
EFFECT DEBUGGING: Duplicated API calls. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Duplicated API calls.
- Apply Duplicated API calls in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
2 curriculum topics: DOM, Mutable references.
DOM
`useRef`: DOM. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of DOM.
- Apply DOM in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Mutable references
`useRef`: Mutable references. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Mutable references.
- Apply Mutable references in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
2 curriculum topics: Memoizing expensive calculations, Appropriate usage.
Memoizing expensive calculations
`useMemo`: Memoizing expensive calculations. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Memoizing expensive calculations.
- Apply Memoizing expensive calculations in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Appropriate usage
`useMemo`: Appropriate usage. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Appropriate usage.
- Apply Appropriate usage in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: `Usecallback`.
`Usecallback`
Teach function identity.; Avoid automatic use everywhere.
- Explain the core concepts and architecture of `Usecallback`.
- Apply `Usecallback` in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Theme, Authentication, Language.
Theme
CONTEXT: Theme. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Theme.
- Apply Theme in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Authentication
CONTEXT: Authentication. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Authentication.
- Apply Authentication in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Language
CONTEXT: Language. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Language.
- Apply Language in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Custom Hooks.
Custom Hooks
Example:; text; useAuth(); useDebounce(); usePagination(); useLocalStorage()
- Explain the core concepts and architecture of Custom Hooks.
- Apply Custom Hooks in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Component Composition.
Component Composition
Prefer composition instead of deeply configurable monolithic components.
- Explain the core concepts and architecture of Component Composition.
- Apply Component Composition in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Controlled Vs Uncontrolled Components.
Controlled Vs Uncontrolled Components
Core concepts, implementation patterns, engineering trade-offs and production considerations for Controlled Vs Uncontrolled Components.
- Explain the core concepts and architecture of Controlled Vs Uncontrolled Components.
- Apply Controlled Vs Uncontrolled Components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: React Architecture.
React Architecture
Recommended feature structure:; text; src/; ├── app/; ├── features/; │ ├── auth/; │ ├── courses/; │ └── payments/; ├── components/; ├── hooks/; ├── services/; ├── types/; └── utils/
- Explain the core concepts and architecture of React Architecture.
- Apply React Architecture in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Route, Layouts, Nested routing, Dynamic params, Error routes, Protected areas.
Route
REACT ROUTER: Route. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Route.
- Apply Route in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Layouts
REACT ROUTER: Layouts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Layouts.
- Apply Layouts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Nested routing
REACT ROUTER: Nested routing. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Nested routing.
- Apply Nested routing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dynamic params
REACT ROUTER: Dynamic params. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dynamic params.
- Apply Dynamic params in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Error routes
REACT ROUTER: Error routes. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Error routes.
- Apply Error routes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Protected areas
REACT ROUTER: Protected areas. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Protected areas.
- Apply Protected areas in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Authenticated Routes.
Authenticated Routes
Frontend decides UX.; Backend decides security.; Never assume:; <ProtectedRoute />; is authorization.
- Explain the core concepts and architecture of Authenticated Routes.
- Apply Authenticated Routes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Controlled inputs, Validation, Submission, Loading, Server errors.
Controlled inputs
FORMS: Controlled inputs. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Controlled inputs.
- Apply Controlled inputs in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Validation
FORMS: Validation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Validation.
- Apply Validation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Submission
FORMS: Submission. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Submission.
- Apply Submission in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Loading
FORMS: Loading. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Loading.
- Apply Loading in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server errors
FORMS: Server errors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server errors.
- Apply Server errors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
2 curriculum topics: React Hook Form concepts, Schema validation.
React Hook Form concepts
FORM LIBRARIES: React Hook Form concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of React Hook Form concepts.
- Apply React Hook Form concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Schema validation
FORM LIBRARIES: Schema validation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Schema validation.
- Apply Schema validation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: Form validation, API data checking concepts, Registration, Login, Profile, Validation, API integration.
Form validation
ZOD: Form validation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Form validation.
- Apply Form validation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
API data checking concepts
ZOD: API data checking concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of API data checking concepts.
- Apply API data checking concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Registration
ZOD: Registration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Registration.
- Apply Registration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Login
ZOD: Login. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Login.
- Apply Login in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Profile
ZOD: Profile. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Profile.
- Apply Profile in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Validation
ZOD: Validation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Validation.
- Apply Validation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
API integration
ZOD: API integration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of API integration.
- Apply API integration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: State Management Principles.
State Management Principles
Students should first decide:; Does this state need to be global?
- Explain the core concepts and architecture of State Management Principles.
- Apply State Management Principles in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Store, Slice, Reducers, Actions, Selectors.
Store
REDUX TOOLKIT: Store. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Store.
- Apply Store in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Slice
REDUX TOOLKIT: Slice. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Slice.
- Apply Slice in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Reducers
REDUX TOOLKIT: Reducers. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Reducers.
- Apply Reducers in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Actions
REDUX TOOLKIT: Actions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Actions.
- Apply Actions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Selectors
REDUX TOOLKIT: Selectors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Selectors.
- Apply Selectors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Async Redux.
Async Redux
Teach modern asynchronous patterns.
- Explain the core concepts and architecture of Async Redux.
- Apply Async Redux in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Zustand Awareness.
Zustand Awareness
Teach lightweight state-management concepts.
- Explain the core concepts and architecture of Zustand Awareness.
- Apply Zustand Awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
2 curriculum topics: Client State, Server State.
Client State
SERVER STATE: Client State. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Client State.
- Apply Client State in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server State
SERVER STATE: Server State. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server State.
- Apply Server State in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: Query, Mutation, Cache, Invalidation, Retries, Stale time, Optimistic updates.
Query
TANSTACK QUERY CONCEPTS: Query. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Query.
- Apply Query in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Mutation
TANSTACK QUERY CONCEPTS: Mutation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Mutation.
- Apply Mutation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cache
TANSTACK QUERY CONCEPTS: Cache. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cache.
- Apply Cache in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Invalidation
TANSTACK QUERY CONCEPTS: Invalidation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Invalidation.
- Apply Invalidation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Retries
TANSTACK QUERY CONCEPTS: Retries. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Retries.
- Apply Retries in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Stale time
TANSTACK QUERY CONCEPTS: Stale time. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Stale time.
- Apply Stale time in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Optimistic updates
TANSTACK QUERY CONCEPTS: Optimistic updates. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Optimistic updates.
- Apply Optimistic updates in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Optimistic Ui.
Optimistic Ui
Example:; User likes post.; UI updates immediately.; If request fails:; rollback.
- Explain the core concepts and architecture of Optimistic Ui.
- Apply Optimistic Ui in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Api Layer.
Api Layer
Avoid calling APIs randomly from every component.; Design:; text; Component; Hook; API Service; Backend
- Explain the core concepts and architecture of Api Layer.
- Apply Api Layer in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: GET, POST, PATCH, DELETE, Errors, Loading, Pagination.
GET
REST API INTEGRATION: GET. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of GET.
- Apply GET in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
POST
REST API INTEGRATION: POST. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of POST.
- Apply POST in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
PATCH
REST API INTEGRATION: PATCH. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of PATCH.
- Apply PATCH in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
DELETE
REST API INTEGRATION: DELETE. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of DELETE.
- Apply DELETE in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Errors
REST API INTEGRATION: Errors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Errors.
- Apply Errors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Loading
REST API INTEGRATION: Loading. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Loading.
- Apply Loading in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Pagination
REST API INTEGRATION: Pagination. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Pagination.
- Apply Pagination in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: Network error, 401, 403, 404, Validation error, 429, 500.
Network error
API ERROR HANDLING: Network error. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Network error.
- Apply Network error in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
401
API ERROR HANDLING: 401. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 401.
- Apply 401 in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
403
API ERROR HANDLING: 403. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 403.
- Apply 403 in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
404
API ERROR HANDLING: 404. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 404.
- Apply 404 in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Validation error
API ERROR HANDLING: Validation error. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Validation error.
- Apply Validation error in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
429
API ERROR HANDLING: 429. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 429.
- Apply 429 in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
500
API ERROR HANDLING: 500. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of 500.
- Apply 500 in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Api Cancellation.
Api Cancellation
Explain aborting unnecessary requests.
- Explain the core concepts and architecture of Api Cancellation.
- Apply Api Cancellation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Controlled input, Debounce, Server search, Loading, Empty states.
Controlled input
SEARCH: Controlled input. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Controlled input.
- Apply Controlled input in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Debounce
SEARCH: Debounce. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Debounce.
- Apply Debounce in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server search
SEARCH: Server search. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server search.
- Apply Server search in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Loading
SEARCH: Loading. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Loading.
- Apply Loading in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Empty states
SEARCH: Empty states. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Empty states.
- Apply Empty states in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Page pagination, Infinite scroll, Cursor pagination awareness.
Page pagination
PAGINATION: Page pagination. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Page pagination.
- Apply Page pagination in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Infinite scroll
PAGINATION: Infinite scroll. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Infinite scroll.
- Apply Infinite scroll in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cursor pagination awareness
PAGINATION: Cursor pagination awareness. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cursor pagination awareness.
- Apply Cursor pagination awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Query, Mutation, Schema, Variables, Client integration.
Query
GRAPHQL AWARENESS: Query. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Query.
- Apply Query in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Mutation
GRAPHQL AWARENESS: Mutation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Mutation.
- Apply Mutation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Schema
GRAPHQL AWARENESS: Schema. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Schema.
- Apply Schema in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Variables
GRAPHQL AWARENESS: Variables. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Variables.
- Apply Variables in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Client integration
GRAPHQL AWARENESS: Client integration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Client integration.
- Apply Client integration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Session, Access token, Refresh, Secure cookies, OAuth.
Session
AUTHENTICATION: Session. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Session.
- Apply Session in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Access token
AUTHENTICATION: Access token. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Access token.
- Apply Access token in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Refresh
AUTHENTICATION: Refresh. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Refresh.
- Apply Refresh in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Secure cookies
AUTHENTICATION: Secure cookies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Secure cookies.
- Apply Secure cookies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
OAuth
AUTHENTICATION: OAuth. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of OAuth.
- Apply OAuth in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Token Security.
Token Security
Discuss risks of storing sensitive tokens in browser storage.; Teach appropriate cookie/token architecture based on application constraints.
- Explain the core concepts and architecture of Token Security.
- Apply Token Security in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: STUDENT, TRAINER, ADMIN.
STUDENT
RBAC UX: STUDENT. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of STUDENT.
- Apply STUDENT in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
TRAINER
RBAC UX: TRAINER. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of TRAINER.
- Apply TRAINER in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
ADMIN
RBAC UX: ADMIN. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of ADMIN.
- Apply ADMIN in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Login redirects, Authorization callback, Session/token state.
Login redirects
OAuth/OIDC Awareness: Login redirects. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Login redirects.
- Apply Login redirects in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Authorization callback
OAuth/OIDC Awareness: Authorization callback. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Authorization callback.
- Apply Authorization callback in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Session/token state
OAuth/OIDC Awareness: Session/token state. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Session/token state.
- Apply Session/token state in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Multipart forms, Progress, Validation, Preview, Error handling.
Multipart forms
FILE UPLOAD: Multipart forms. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Multipart forms.
- Apply Multipart forms in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Progress
FILE UPLOAD: Progress. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Progress.
- Apply Progress in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Validation
FILE UPLOAD: Validation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Validation.
- Apply Validation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Preview
FILE UPLOAD: Preview. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Preview.
- Apply Preview in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Error handling
FILE UPLOAD: Error handling. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Error handling.
- Apply Error handling in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Connections, Messages, Reconnect, Cleanup.
Connections
WEB SOCKETS: Connections. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Connections.
- Apply Connections in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Messages
WEB SOCKETS: Messages. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Messages.
- Apply Messages in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Reconnect
WEB SOCKETS: Reconnect. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Reconnect.
- Apply Reconnect in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cleanup
WEB SOCKETS: Cleanup. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cleanup.
- Apply Cleanup in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Notifications, Live status, AI token streams.
Notifications
SERVER-SENT EVENTS: Notifications. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Notifications.
- Apply Notifications in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Live status
SERVER-SENT EVENTS: Live status. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Live status.
- Apply Live status in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
AI token streams
SERVER-SENT EVENTS: AI token streams. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of AI token streams.
- Apply AI token streams in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Real-Time Ui.
Real-Time Ui
Project:; Live Notification Center
- Explain the core concepts and architecture of Real-Time Ui.
- Apply Real-Time Ui in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: React Error Boundaries.
React Error Boundaries
Teach isolation of rendering failures.
- Explain the core concepts and architecture of React Error Boundaries.
- Apply React Error Boundaries in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Spinner, Skeleton, Progressive rendering, Empty states.
Spinner
LOADING UX: Spinner. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Spinner.
- Apply Spinner in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Skeleton
LOADING UX: Skeleton. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Skeleton.
- Apply Skeleton in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Progressive rendering
LOADING UX: Progressive rendering. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Progressive rendering.
- Apply Progressive rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Empty states
LOADING UX: Empty states. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Empty states.
- Apply Empty states in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Suspense Concepts.
Suspense Concepts
Understand modern asynchronous/rendering patterns.
- Explain the core concepts and architecture of Suspense Concepts.
- Apply Suspense Concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Profiling, Rerender causes, Expensive calculations, Component boundaries.
Profiling
REACT PERFORMANCE: Profiling. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Profiling.
- Apply Profiling in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Rerender causes
REACT PERFORMANCE: Rerender causes. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Rerender causes.
- Apply Rerender causes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Expensive calculations
REACT PERFORMANCE: Expensive calculations. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Expensive calculations.
- Apply Expensive calculations in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Component boundaries
REACT PERFORMANCE: Component boundaries. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Component boundaries.
- Apply Component boundaries in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Lazy Loading.
Lazy Loading
Use dynamic loading for routes/components where appropriate.
- Explain the core concepts and architecture of Lazy Loading.
- Apply Lazy Loading in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Code Splitting.
Code Splitting
Avoid massive initial bundles.
- Explain the core concepts and architecture of Code Splitting.
- Apply Code Splitting in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: List Virtualization.
List Virtualization
Use for thousands of rendered items.
- Explain the core concepts and architecture of List Virtualization.
- Apply List Virtualization in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Dimensions, Responsive images, Lazy loading, Formats, CDN concepts.
Dimensions
IMAGE PERFORMANCE: Dimensions. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dimensions.
- Apply Dimensions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Responsive images
IMAGE PERFORMANCE: Responsive images. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Responsive images.
- Apply Responsive images in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Lazy loading
IMAGE PERFORMANCE: Lazy loading. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Lazy loading.
- Apply Lazy loading in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Formats
IMAGE PERFORMANCE: Formats. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Formats.
- Apply Formats in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
CDN concepts
IMAGE PERFORMANCE: CDN concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of CDN concepts.
- Apply CDN concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
8 curriculum topics: LCP, INP, CLS, JS bundle, Bundle, Images, Routes, API waterfall.
LCP
CORE WEB VITALS: LCP. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of LCP.
- Apply LCP in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
INP
CORE WEB VITALS: INP. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of INP.
- Apply INP in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
CLS
CORE WEB VITALS: CLS. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of CLS.
- Apply CLS in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
JS bundle
CORE WEB VITALS: JS bundle. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of JS bundle.
- Apply JS bundle in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Bundle
CORE WEB VITALS: Bundle. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Bundle.
- Apply Bundle in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Images
CORE WEB VITALS: Images. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Images.
- Apply Images in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Routes
CORE WEB VITALS: Routes. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Routes.
- Apply Routes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
API waterfall
CORE WEB VITALS: API waterfall. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of API waterfall.
- Apply API waterfall in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: WCAG fundamentals, Keyboard navigation, Screen-reader awareness, Focus management, Accessible modals, Labels.
WCAG fundamentals
ACCESSIBILITY: WCAG fundamentals. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of WCAG fundamentals.
- Apply WCAG fundamentals in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Keyboard navigation
ACCESSIBILITY: Keyboard navigation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Keyboard navigation.
- Apply Keyboard navigation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Screen-reader awareness
ACCESSIBILITY: Screen-reader awareness. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Screen-reader awareness.
- Apply Screen-reader awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Focus management
ACCESSIBILITY: Focus management. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Focus management.
- Apply Focus management in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Accessible modals
ACCESSIBILITY: Accessible modals. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Accessible modals.
- Apply Accessible modals in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Labels
ACCESSIBILITY: Labels. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Labels.
- Apply Labels in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Keyboard only, Focus order, Labels, Contrast, Semantic hierarchy.
Keyboard only
ACCESSIBILITY TESTING: Keyboard only. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Keyboard only.
- Apply Keyboard only in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Focus order
ACCESSIBILITY TESTING: Focus order. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Focus order.
- Apply Focus order in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Labels
ACCESSIBILITY TESTING: Labels. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Labels.
- Apply Labels in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Contrast
ACCESSIBILITY TESTING: Contrast. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Contrast.
- Apply Contrast in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Semantic hierarchy
ACCESSIBILITY TESTING: Semantic hierarchy. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Semantic hierarchy.
- Apply Semantic hierarchy in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: XSS, CSRF concepts, Content injection, Insecure tokens, Open redirects, Vulnerable dependencies, Iframe security concepts.
XSS
FRONTEND SECURITY: XSS. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of XSS.
- Apply XSS in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
CSRF concepts
FRONTEND SECURITY: CSRF concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of CSRF concepts.
- Apply CSRF concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Content injection
FRONTEND SECURITY: Content injection. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Content injection.
- Apply Content injection in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Insecure tokens
FRONTEND SECURITY: Insecure tokens. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Insecure tokens.
- Apply Insecure tokens in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Open redirects
FRONTEND SECURITY: Open redirects. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Open redirects.
- Apply Open redirects in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Vulnerable dependencies
FRONTEND SECURITY: Vulnerable dependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Vulnerable dependencies.
- Apply Vulnerable dependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Iframe security concepts
FRONTEND SECURITY: Iframe security concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Iframe security concepts.
- Apply Iframe security concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Content Security Policy Awareness.
Content Security Policy Awareness
Core concepts, implementation patterns, engineering trade-offs and production considerations for Content Security Policy Awareness.
- Explain the core concepts and architecture of Content Security Policy Awareness.
- Apply Content Security Policy Awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Audits, Package updates, Dependency review, Lock files.
Audits
DEPENDENCY SECURITY: Audits. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Audits.
- Apply Audits in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Package updates
DEPENDENCY SECURITY: Package updates. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Package updates.
- Apply Package updates in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dependency review
DEPENDENCY SECURITY: Dependency review. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependency review.
- Apply Dependency review in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Lock files
DEPENDENCY SECURITY: Lock files. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Lock files.
- Apply Lock files in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Unit Testing.
Unit Testing
Teach what should be tested.
- Explain the core concepts and architecture of Unit Testing.
- Apply Unit Testing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: React Testing Library.
React Testing Library
Prefer behavior-oriented testing.; Test:; User enters username and submits form.; Instead of implementation details.
- Explain the core concepts and architecture of React Testing Library.
- Apply React Testing Library in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Mocking Api Requests.
Mocking Api Requests
Teach API mocking concepts.
- Explain the core concepts and architecture of Mocking Api Requests.
- Apply Mocking Api Requests in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Integration Testing.
Integration Testing
Test multiple components working together.
- Explain the core concepts and architecture of Integration Testing.
- Apply Integration Testing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: E2e Testing.
E2e Testing
Use Playwright concepts.; Scenario:; Login → Search Course → Enroll → Dashboard
- Explain the core concepts and architecture of E2e Testing.
- Apply E2e Testing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Testing Accessibility.
Testing Accessibility
Include accessibility checks in testing workflows where practical.
- Explain the core concepts and architecture of Testing Accessibility.
- Apply Testing Accessibility in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
11 curriculum topics: Authentication, Product listing, Filters, Search, Cart, Wishlist, Order UI, API integration and 3 more topics.
Authentication
VISUAL REGRESSION CONCEPTS: Authentication. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Authentication.
- Apply Authentication in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Product listing
VISUAL REGRESSION CONCEPTS: Product listing. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Product listing.
- Apply Product listing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Filters
VISUAL REGRESSION CONCEPTS: Filters. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Filters.
- Apply Filters in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Search
VISUAL REGRESSION CONCEPTS: Search. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Search.
- Apply Search in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Cart
VISUAL REGRESSION CONCEPTS: Cart. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Cart.
- Apply Cart in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Wishlist
VISUAL REGRESSION CONCEPTS: Wishlist. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Wishlist.
- Apply Wishlist in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Order UI
VISUAL REGRESSION CONCEPTS: Order UI. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Order UI.
- Apply Order UI in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
API integration
VISUAL REGRESSION CONCEPTS: API integration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of API integration.
- Apply API integration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
State management
VISUAL REGRESSION CONCEPTS: State management. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of State management.
- Apply State management in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Responsive design
VISUAL REGRESSION CONCEPTS: Responsive design. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Responsive design.
- Apply Responsive design in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tests
VISUAL REGRESSION CONCEPTS: Tests. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tests.
- Apply Tests in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Next.js architecture, App Router, Pages, Layouts.
Next.js architecture
NEXT.JS FUNDAMENTALS: Next.js architecture. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Next.js architecture.
- Apply Next.js architecture in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
App Router
NEXT.JS FUNDAMENTALS: App Router. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of App Router.
- Apply App Router in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Pages
NEXT.JS FUNDAMENTALS: Pages. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Pages.
- Apply Pages in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Layouts
NEXT.JS FUNDAMENTALS: Layouts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Layouts.
- Apply Layouts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Server Vs Client Components.
Server Vs Client Components
Teach conceptual boundaries.
- Explain the core concepts and architecture of Server Vs Client Components.
- Apply Server Vs Client Components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Dynamic routes, Nested routes, Layouts.
Dynamic routes
NEXT.JS ROUTING: Dynamic routes. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dynamic routes.
- Apply Dynamic routes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Nested routes
NEXT.JS ROUTING: Nested routes. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Nested routes.
- Apply Nested routes in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Layouts
NEXT.JS ROUTING: Layouts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Layouts.
- Apply Layouts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Client Rendering, Server Rendering, Static Generation, Incremental strategies.
Client Rendering
RENDERING STRATEGIES: Client Rendering. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Client Rendering.
- Apply Client Rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server Rendering
RENDERING STRATEGIES: Server Rendering. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server Rendering.
- Apply Server Rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Static Generation
RENDERING STRATEGIES: Static Generation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Static Generation.
- Apply Static Generation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Incremental strategies
RENDERING STRATEGIES: Incremental strategies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Incremental strategies.
- Apply Incremental strategies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Data Fetching.
Data Fetching
Understand server-side and client-side data needs.
- Explain the core concepts and architecture of Data Fetching.
- Apply Data Fetching in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Caching concepts, Revalidation, Invalidation, Dynamic data.
Caching concepts
NEXT.JS CACHING: Caching concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Caching concepts.
- Apply Caching concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Revalidation
NEXT.JS CACHING: Revalidation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Revalidation.
- Apply Revalidation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Invalidation
NEXT.JS CACHING: Invalidation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Invalidation.
- Apply Invalidation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dynamic data
NEXT.JS CACHING: Dynamic data. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dynamic data.
- Apply Dynamic data in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Next.Js Authentication.
Next.Js Authentication
Implement secure session architecture concepts.
- Explain the core concepts and architecture of Next.Js Authentication.
- Apply Next.Js Authentication in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Metadata, Title, Description, Canonical concepts, Structured data awareness, Open Graph.
Metadata
NEXT.JS SEO: Metadata. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Metadata.
- Apply Metadata in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Title
NEXT.JS SEO: Title. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Title.
- Apply Title in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Description
NEXT.JS SEO: Description. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Description.
- Apply Description in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Canonical concepts
NEXT.JS SEO: Canonical concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Canonical concepts.
- Apply Canonical concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Structured data awareness
NEXT.JS SEO: Structured data awareness. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Structured data awareness.
- Apply Structured data awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Open Graph
NEXT.JS SEO: Open Graph. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Open Graph.
- Apply Open Graph in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Next.Js Performance.
Next.Js Performance
Current Next.js 16.3 focuses heavily on navigation and rendering performance, making performance engineering especially relevant. ([Next.js][5])
- Explain the core concepts and architecture of Next.Js Performance.
- Apply Next.Js Performance in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
12 curriculum topics: Dependency patching, Server/client boundaries, Secrets, Authentication, Authorization, Secure headers concepts, Course catalog, Course details and 4 more topics.
Dependency patching
NEXT.JS SECURITY: Dependency patching. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependency patching.
- Apply Dependency patching in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server/client boundaries
NEXT.JS SECURITY: Server/client boundaries. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server/client boundaries.
- Apply Server/client boundaries in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Secrets
NEXT.JS SECURITY: Secrets. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Secrets.
- Apply Secrets in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Authentication
NEXT.JS SECURITY: Authentication. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Authentication.
- Apply Authentication in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Authorization
NEXT.JS SECURITY: Authorization. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Authorization.
- Apply Authorization in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Secure headers concepts
NEXT.JS SECURITY: Secure headers concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Secure headers concepts.
- Apply Secure headers concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Course catalog
NEXT.JS SECURITY: Course catalog. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Course catalog.
- Apply Course catalog in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Course details
NEXT.JS SECURITY: Course details. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Course details.
- Apply Course details in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Search
NEXT.JS SECURITY: Search. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Search.
- Apply Search in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Filters
NEXT.JS SECURITY: Filters. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Filters.
- Apply Filters in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
SEO
NEXT.JS SECURITY: SEO. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of SEO.
- Apply SEO in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Responsive UI
NEXT.JS SECURITY: Responsive UI. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Responsive UI.
- Apply Responsive UI in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Design tokens, Typography, Spacing, Colors, Components, Variants.
Design tokens
DESIGN SYSTEMS: Design tokens. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Design tokens.
- Apply Design tokens in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Typography
DESIGN SYSTEMS: Typography. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Typography.
- Apply Typography in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Spacing
DESIGN SYSTEMS: Spacing. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Spacing.
- Apply Spacing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Colors
DESIGN SYSTEMS: Colors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Colors.
- Apply Colors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Components
DESIGN SYSTEMS: Components. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Components.
- Apply Components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Variants
DESIGN SYSTEMS: Variants. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Variants.
- Apply Variants in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
9 curriculum topics: Button, Input, Modal, Card, Table, Dropdown, Tabs, Toast and 1 more topics.
Button
COMPONENT LIBRARIES: Button. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Button.
- Apply Button in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Input
COMPONENT LIBRARIES: Input. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Input.
- Apply Input in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Modal
COMPONENT LIBRARIES: Modal. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Modal.
- Apply Modal in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Card
COMPONENT LIBRARIES: Card. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Card.
- Apply Card in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Table
COMPONENT LIBRARIES: Table. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Table.
- Apply Table in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dropdown
COMPONENT LIBRARIES: Dropdown. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dropdown.
- Apply Dropdown in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tabs
COMPONENT LIBRARIES: Tabs. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tabs.
- Apply Tabs in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Toast
COMPONENT LIBRARIES: Toast. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Toast.
- Apply Toast in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Pagination
COMPONENT LIBRARIES: Pagination. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Pagination.
- Apply Pagination in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Isolated components, Documentation, Design collaboration, Visual regression concepts.
Isolated components
STORYBOOK AWARENESS: Isolated components. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Isolated components.
- Apply Isolated components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Documentation
STORYBOOK AWARENESS: Documentation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Documentation.
- Apply Documentation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Design collaboration
STORYBOOK AWARENESS: Design collaboration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Design collaboration.
- Apply Design collaboration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Visual regression concepts
STORYBOOK AWARENESS: Visual regression concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Visual regression concepts.
- Apply Visual regression concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Tailwind Css.
Tailwind Css
Teach as a practical styling option.; Do not make students dependent on Tailwind without understanding CSS.
- Explain the core concepts and architecture of Tailwind Css.
- Apply Tailwind Css in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
2 curriculum topics: Material UI concepts, Radix/shadcn-style component architecture concepts.
Material UI concepts
UI LIBRARY AWARENESS: Material UI concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Material UI concepts.
- Apply Material UI concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Radix/shadcn-style component architecture concepts
UI LIBRARY AWARENESS: Radix/shadcn-style component architecture concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Radix/shadcn-style component architecture concepts.
- Apply Radix/shadcn-style component architecture concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Frontend Architecture.
Frontend Architecture
Understand:; Feature-Based Architecture; Component-Based Architecture; Domain-Oriented Frontend Architecture
- Explain the core concepts and architecture of Frontend Architecture.
- Apply Frontend Architecture in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Scalable Folder Structure.
Scalable Folder Structure
Example:; text; src/; ├── app/; ├── features/; ├── entities/; ├── components/; ├── hooks/; ├── services/; ├── stores/; ├── types/; └── utils/
- Explain the core concepts and architecture of Scalable Folder Structure.
- Apply Scalable Folder Structure in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Naming, Small components, Separation, Declarative code, Avoiding unnecessary abstraction.
Naming
FRONTEND CLEAN CODE: Naming. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Naming.
- Apply Naming in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Small components
FRONTEND CLEAN CODE: Small components. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Small components.
- Apply Small components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Separation
FRONTEND CLEAN CODE: Separation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Separation.
- Apply Separation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Declarative code
FRONTEND CLEAN CODE: Declarative code. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Declarative code.
- Apply Declarative code in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Avoiding unnecessary abstraction
FRONTEND CLEAN CODE: Avoiding unnecessary abstraction. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Avoiding unnecessary abstraction.
- Apply Avoiding unnecessary abstraction in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Compound component concepts, Provider pattern, Render-prop awareness, Custom hooks, Adapter, Facade/service layer.
Compound component concepts
FRONTEND DESIGN PATTERNS: Compound component concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Compound component concepts.
- Apply Compound component concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Provider pattern
FRONTEND DESIGN PATTERNS: Provider pattern. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Provider pattern.
- Apply Provider pattern in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Render-prop awareness
FRONTEND DESIGN PATTERNS: Render-prop awareness. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Render-prop awareness.
- Apply Render-prop awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Custom hooks
FRONTEND DESIGN PATTERNS: Custom hooks. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Custom hooks.
- Apply Custom hooks in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Adapter
FRONTEND DESIGN PATTERNS: Adapter. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Adapter.
- Apply Adapter in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Facade/service layer
FRONTEND DESIGN PATTERNS: Facade/service layer. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Facade/service layer.
- Apply Facade/service layer in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
9 curriculum topics: What are the pages?, What are the features?, What data is global?, What belongs on server?, What belongs in browser?, How is data cached?, How is auth handled?, How does routing work? and 1 more topics.
What are the pages?
FRONTEND SYSTEM DESIGN: What are the pages?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of What are the pages?.
- Apply What are the pages? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
What are the features?
FRONTEND SYSTEM DESIGN: What are the features?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of What are the features?.
- Apply What are the features? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
What data is global?
FRONTEND SYSTEM DESIGN: What data is global?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of What data is global?.
- Apply What data is global? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
What belongs on server?
FRONTEND SYSTEM DESIGN: What belongs on server?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of What belongs on server?.
- Apply What belongs on server? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
What belongs in browser?
FRONTEND SYSTEM DESIGN: What belongs in browser?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of What belongs in browser?.
- Apply What belongs in browser? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
How is data cached?
FRONTEND SYSTEM DESIGN: How is data cached?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of How is data cached?.
- Apply How is data cached? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
How is auth handled?
FRONTEND SYSTEM DESIGN: How is auth handled?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of How is auth handled?.
- Apply How is auth handled? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
How does routing work?
FRONTEND SYSTEM DESIGN: How does routing work?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of How does routing work?.
- Apply How does routing work? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
How is performance monitored?
FRONTEND SYSTEM DESIGN: How is performance monitored?. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of How is performance monitored?.
- Apply How is performance monitored? in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Independent frontend modules, Team ownership, Deployment boundaries, Shared dependency problems.
Independent frontend modules
MICRO-FRONTEND AWARENESS: Independent frontend modules. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Independent frontend modules.
- Apply Independent frontend modules in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Team ownership
MICRO-FRONTEND AWARENESS: Team ownership. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Team ownership.
- Apply Team ownership in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Deployment boundaries
MICRO-FRONTEND AWARENESS: Deployment boundaries. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Deployment boundaries.
- Apply Deployment boundaries in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Shared dependency problems
MICRO-FRONTEND AWARENESS: Shared dependency problems. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Shared dependency problems.
- Apply Shared dependency problems in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Shared UI library, Applications, Packages, Dependency management.
Shared UI library
MONOREPOS: Shared UI library. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Shared UI library.
- Apply Shared UI library in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Applications
MONOREPOS: Applications. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Applications.
- Apply Applications in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Packages
MONOREPOS: Packages. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Packages.
- Apply Packages in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dependency management
MONOREPOS: Dependency management. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependency management.
- Apply Dependency management in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Npm, Package-lock, Semver, Dependencies, DevDependencies, PeerDependencies.
Npm
PACKAGE MANAGEMENT: Npm. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Npm.
- Apply Npm in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Package-lock
PACKAGE MANAGEMENT: Package-lock. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Package-lock.
- Apply Package-lock in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Semver
PACKAGE MANAGEMENT: Semver. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Semver.
- Apply Semver in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dependencies
PACKAGE MANAGEMENT: Dependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependencies.
- Apply Dependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
DevDependencies
PACKAGE MANAGEMENT: DevDependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of DevDependencies.
- Apply DevDependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
PeerDependencies
PACKAGE MANAGEMENT: PeerDependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of PeerDependencies.
- Apply PeerDependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Environment variables, Build, Development server, Production output.
Environment variables
VITE: Environment variables. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Environment variables.
- Apply Environment variables in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Build
VITE: Build. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Build.
- Apply Build in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Development server
VITE: Development server. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Development server.
- Apply Development server in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Production output
VITE: Production output. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Production output.
- Apply Production output in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Eslint.
Eslint
Enforce quality rules.
- Explain the core concepts and architecture of Eslint.
- Apply Eslint in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Formatting.
Formatting
Use consistent automated formatting.
- Explain the core concepts and architecture of Formatting.
- Apply Formatting in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
6 curriculum topics: Branch, Pull request, Merge, Rebase concepts, Conflict resolution, Review.
Branch
GIT: Branch. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Branch.
- Apply Branch in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Pull request
GIT: Pull request. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Pull request.
- Apply Pull request in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Merge
GIT: Merge. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Merge.
- Apply Merge in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Rebase concepts
GIT: Rebase concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Rebase concepts.
- Apply Rebase concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Conflict resolution
GIT: Conflict resolution. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Conflict resolution.
- Apply Conflict resolution in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Review
GIT: Review. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Review.
- Apply Review in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Readability, Correctness, Security, Performance, Accessibility.
Readability
CODE REVIEW: Readability. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Readability.
- Apply Readability in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Correctness
CODE REVIEW: Correctness. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Correctness.
- Apply Correctness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Security
CODE REVIEW: Security. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Security.
- Apply Security in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Performance
CODE REVIEW: Performance. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Performance.
- Apply Performance in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Accessibility
CODE REVIEW: Accessibility. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Accessibility.
- Apply Accessibility in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Ci.
Ci
Pipeline:; Commit; Lint; Type Check; Tests; Build
- Explain the core concepts and architecture of Ci.
- Apply Ci in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Github Actions.
Github Actions
Hands-on CI workflow.
- Explain the core concepts and architecture of Github Actions.
- Apply Github Actions in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Static frontend, CDN, Server-rendered application, Environment configuration.
Static frontend
DEPLOYMENT: Static frontend. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Static frontend.
- Apply Static frontend in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
CDN
DEPLOYMENT: CDN. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of CDN.
- Apply CDN in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server-rendered application
DEPLOYMENT: Server-rendered application. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server-rendered application.
- Apply Server-rendered application in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Environment configuration
DEPLOYMENT: Environment configuration. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Environment configuration.
- Apply Environment configuration in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: IAM, S3, CloudFront concepts, Route 53 concepts, CloudWatch concepts.
IAM
AWS FUNDAMENTALS: IAM. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of IAM.
- Apply IAM in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
S3
AWS FUNDAMENTALS: S3. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of S3.
- Apply S3 in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
CloudFront concepts
AWS FUNDAMENTALS: CloudFront concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of CloudFront concepts.
- Apply CloudFront concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Route 53 concepts
AWS FUNDAMENTALS: Route 53 concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Route 53 concepts.
- Apply Route 53 concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
CloudWatch concepts
AWS FUNDAMENTALS: CloudWatch concepts. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of CloudWatch concepts.
- Apply CloudWatch concepts in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Frontend Cloud Deployment.
Frontend Cloud Deployment
SPA architecture:; text; User; CDN; React Static Assets; Backend API
- Explain the core concepts and architecture of Frontend Cloud Deployment.
- Apply Frontend Cloud Deployment in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
7 curriculum topics: Development, Test, Staging, Production, Backend secrets, Private keys, Server-only credentials.
Development
ENVIRONMENT MANAGEMENT: Development. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Development.
- Apply Development in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Test
ENVIRONMENT MANAGEMENT: Test. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Test.
- Apply Test in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Staging
ENVIRONMENT MANAGEMENT: Staging. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Staging.
- Apply Staging in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Production
ENVIRONMENT MANAGEMENT: Production. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Production.
- Apply Production in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Backend secrets
ENVIRONMENT MANAGEMENT: Backend secrets. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Backend secrets.
- Apply Backend secrets in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Private keys
ENVIRONMENT MANAGEMENT: Private keys. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Private keys.
- Apply Private keys in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Server-only credentials
ENVIRONMENT MANAGEMENT: Server-only credentials. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Server-only credentials.
- Apply Server-only credentials in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: JavaScript errors, Page performance, API failures, Navigation failures.
JavaScript errors
FRONTEND OBSERVABILITY: JavaScript errors. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of JavaScript errors.
- Apply JavaScript errors in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Page performance
FRONTEND OBSERVABILITY: Page performance. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Page performance.
- Apply Page performance in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
API failures
FRONTEND OBSERVABILITY: API failures. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of API failures.
- Apply API failures in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Navigation failures
FRONTEND OBSERVABILITY: Navigation failures. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Navigation failures.
- Apply Navigation failures in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Browser performance, Core Web Vitals, User geography/device differences.
Browser performance
REAL USER MONITORING: Browser performance. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Browser performance.
- Apply Browser performance in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Core Web Vitals
REAL USER MONITORING: Core Web Vitals. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Core Web Vitals.
- Apply Core Web Vitals in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
User geography/device differences
REAL USER MONITORING: User geography/device differences. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of User geography/device differences.
- Apply User geography/device differences in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
4 curriculum topics: Stack trace, Release, Route, Environment.
Stack trace
ERROR TRACKING: Stack trace. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Stack trace.
- Apply Stack trace in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Release
ERROR TRACKING: Release. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Release.
- Apply Release in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Route
ERROR TRACKING: Route. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Route.
- Apply Route in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Environment
ERROR TRACKING: Environment. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Environment.
- Apply Environment in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: Feature Flags.
Feature Flags
Introduce controlled releases.
- Explain the core concepts and architecture of Feature Flags.
- Apply Feature Flags in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
1 curriculum topics: A/B Testing Awareness.
A/B Testing Awareness
Understand frontend implementation of experiments.
- Explain the core concepts and architecture of A/B Testing Awareness.
- Apply A/B Testing Awareness in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
19 curriculum topics: SetState loop, Dependency array, Unstable references, Effect design, Development behavior, Rerenders, Rendering volume, Virtualization and 11 more topics.
SetState loop
PRODUCTION DEBUGGING: SetState loop. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of SetState loop.
- Apply SetState loop in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dependency array
PRODUCTION DEBUGGING: Dependency array. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependency array.
- Apply Dependency array in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Unstable references
PRODUCTION DEBUGGING: Unstable references. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Unstable references.
- Apply Unstable references in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Effect design
PRODUCTION DEBUGGING: Effect design. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Effect design.
- Apply Effect design in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Development behavior
PRODUCTION DEBUGGING: Development behavior. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Development behavior.
- Apply Development behavior in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Rerenders
PRODUCTION DEBUGGING: Rerenders. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Rerenders.
- Apply Rerenders in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Rendering volume
PRODUCTION DEBUGGING: Rendering volume. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Rendering volume.
- Apply Rendering volume in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Virtualization
PRODUCTION DEBUGGING: Virtualization. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Virtualization.
- Apply Virtualization in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Pagination
PRODUCTION DEBUGGING: Pagination. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Pagination.
- Apply Pagination in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Dependencies
PRODUCTION DEBUGGING: Dependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Dependencies.
- Apply Dependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Code splitting
PRODUCTION DEBUGGING: Code splitting. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Code splitting.
- Apply Code splitting in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Route chunks
PRODUCTION DEBUGGING: Route chunks. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Route chunks.
- Apply Route chunks in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tree shaking
PRODUCTION DEBUGGING: Tree shaking. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tree shaking.
- Apply Tree shaking in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Persistence
PRODUCTION DEBUGGING: Persistence. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Persistence.
- Apply Persistence in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Session design
PRODUCTION DEBUGGING: Session design. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Session design.
- Apply Session design in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Token refresh
PRODUCTION DEBUGGING: Token refresh. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Token refresh.
- Apply Token refresh in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Expensive rerenders
PRODUCTION DEBUGGING: Expensive rerenders. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Expensive rerenders.
- Apply Expensive rerenders in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Large parent component
PRODUCTION DEBUGGING: Large parent component. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Large parent component.
- Apply Large parent component in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Synchronous calculation
PRODUCTION DEBUGGING: Synchronous calculation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Synchronous calculation.
- Apply Synchronous calculation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: LCP, INP, Bundle.
LCP
BROWSER PERFORMANCE LAB: LCP. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of LCP.
- Apply LCP in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
INP
BROWSER PERFORMANCE LAB: INP. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of INP.
- Apply INP in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Bundle
BROWSER PERFORMANCE LAB: Bundle. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Bundle.
- Apply Bundle in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: API waterfalls, Unnecessary requests, Sequential dependencies, Duplicated requests, Caching.
API waterfalls
NETWORK PERFORMANCE LAB: API waterfalls. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of API waterfalls.
- Apply API waterfalls in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Unnecessary requests
NETWORK PERFORMANCE LAB: Unnecessary requests. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Unnecessary requests.
- Apply Unnecessary requests in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Sequential dependencies
NETWORK PERFORMANCE LAB: Sequential dependencies. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Sequential dependencies.
- Apply Sequential dependencies in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Duplicated requests
NETWORK PERFORMANCE LAB: Duplicated requests. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Duplicated requests.
- Apply Duplicated requests in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Caching
NETWORK PERFORMANCE LAB: Caching. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Caching.
- Apply Caching in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
3 curriculum topics: Render timing, Expensive components, Unnecessary rerenders.
Render timing
REACT DEVTOOLS PROFILER: Render timing. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Render timing.
- Apply Render timing in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Expensive components
REACT DEVTOOLS PROFILER: Expensive components. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Expensive components.
- Apply Expensive components in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Unnecessary rerenders
REACT DEVTOOLS PROFILER: Unnecessary rerenders. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Unnecessary rerenders.
- Apply Unnecessary rerenders in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Token in localStorage, Unsafe HTML rendering, Open redirect, Exposed frontend secret, Broken object authorization assumption.
Token in localStorage
SECURITY LAB: Token in localStorage. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Token in localStorage.
- Apply Token in localStorage in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Unsafe HTML rendering
SECURITY LAB: Unsafe HTML rendering. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Unsafe HTML rendering.
- Apply Unsafe HTML rendering in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Open redirect
SECURITY LAB: Open redirect. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Open redirect.
- Apply Open redirect in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Exposed frontend secret
SECURITY LAB: Exposed frontend secret. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Exposed frontend secret.
- Apply Exposed frontend secret in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Broken object authorization assumption
SECURITY LAB: Broken object authorization assumption. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Broken object authorization assumption.
- Apply Broken object authorization assumption in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
5 curriculum topics: Boilerplate, Tests, Accessibility review, Refactoring, Debugging.
Boilerplate
AI-ASSISTED FRONTEND DEVELOPMENT: Boilerplate. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Boilerplate.
- Apply Boilerplate in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Tests
AI-ASSISTED FRONTEND DEVELOPMENT: Tests. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Tests.
- Apply Tests in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Accessibility review
AI-ASSISTED FRONTEND DEVELOPMENT: Accessibility review. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Accessibility review.
- Apply Accessibility review in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Refactoring
AI-ASSISTED FRONTEND DEVELOPMENT: Refactoring. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Refactoring.
- Apply Refactoring in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Debugging
AI-ASSISTED FRONTEND DEVELOPMENT: Debugging. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Debugging.
- Apply Debugging in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
12 curriculum topics: Streaming responses, Chat UI, Citations UI, Loading states, Stop generation, Retry, Conversation state, Message streaming and 4 more topics.
Streaming responses
BUILDING AI USER INTERFACES: Streaming responses. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Streaming responses.
- Apply Streaming responses in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Chat UI
BUILDING AI USER INTERFACES: Chat UI. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Chat UI.
- Apply Chat UI in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Citations UI
BUILDING AI USER INTERFACES: Citations UI. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Citations UI.
- Apply Citations UI in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Loading states
BUILDING AI USER INTERFACES: Loading states. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Loading states.
- Apply Loading states in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Stop generation
BUILDING AI USER INTERFACES: Stop generation. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Stop generation.
- Apply Stop generation in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Retry
BUILDING AI USER INTERFACES: Retry. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Retry.
- Apply Retry in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Conversation state
BUILDING AI USER INTERFACES: Conversation state. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Conversation state.
- Apply Conversation state in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Message streaming
BUILDING AI USER INTERFACES: Message streaming. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Message streaming.
- Apply Message streaming in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Citations
BUILDING AI USER INTERFACES: Citations. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Citations.
- Apply Citations in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Copy
BUILDING AI USER INTERFACES: Copy. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Copy.
- Apply Copy in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
Stop
BUILDING AI USER INTERFACES: Stop. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of Stop.
- Apply Stop in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
History
BUILDING AI USER INTERFACES: History. Core concepts, implementation patterns, hands-on application, integration trade-offs, accessibility, security and production considerations.
- Explain the core concepts and architecture of History.
- Apply History in a full stack or Generative AI product.
- Evaluate implementation trade-offs, security and production considerations.
26 Hands-On Production Capstones & Microservices
Build, deploy, and showcase real-world enterprise architectures on GitHub to prove your production engineering readiness:
Enterprise E-Commerce Microservices & Event-Driven Streaming Platform
Architected with Spring Boot 3.3, Apache Kafka event streams, Redis distributed caching, React 19 UI, and PostgreSQL. Features distributed ACID transaction sagas, payment webhook handling, dynamic inventory locking, and Dockerized Kubernetes deployment.
High-Throughput Banking & Core Transaction Engine
Concurrent multithreaded financial transaction ledger with ACID compliance, optimistic row locking, idempotent payment endpoints, and audit logging.
Real-Time Logistics & Fleet Tracking Service
Bi-directional live vehicle telemetry dashboard processing 10,000+ geo-coordinate events/sec with live map rendering and ETA calculations.
Multi-Tenant SaaS Subscription & Webhook Gateway
Multi-tenant automated billing engine with webhook signature verification, dynamic token bucket rate-limiting, and tenant data isolation schemas.
Distributed URL Shortener & Analytics System (Bitly Scale)
Low-latency URL redirection engine with distributed ID generation (Snowflake), sub-5ms Redis caching, and real-time click analytics.
Automated Cloud DevOps CI/CD Pipeline on AWS
Production containerization pipeline with automated testing, sonar code quality gates, container image vulnerability scanning, and zero-downtime rolling deploys.
AI-Powered Code Reviewer & Assessment Engine
Automated coding interview evaluator that parses Java AST trees, detects algorithmic time complexity, and simulates 1-on-1 voice technical interview feedback.
MockAttempt Academy vs. Traditional Bootcamps & Self-Study
Transparent side-by-side comparison of daily schedule, duration, curriculum, and placement support:
| Feature & Deliverables | MockAttempt Fast-Track Track | Expensive Bootcamps | Self-Study / YouTube |
|---|---|---|---|
| Live Weekend Schedule | Sat & Sun (4 Hours / Day) | 1 - 1.5 Hours / Day | Self-Paced / Inconsistent |
| Duration to Placement Readiness | 4 Months (16 Weeks Weekend) | 6 - 9 Months | 12+ Months (Uncertain) |
| Candidate Placement Guarantee | Unlimited Drives until Placed (or Full Refund) | Limited to 3-6 Months only | None (Apply blindly) |
| Topic Mock Tests & AI Interviews | Integrated for Every Topic (580+ Rounds) | End of Course Only | None |
| Tuition Fee | ₹49,999 ₹98,999 | ₹1,20,000 - ₹2,50,000 | Free (No Mentorship/Jobs) |
Institutional Course Assurances & 100% Placement Policy
100% Job Placement Guarantee
Our placement team arranges unlimited corporate interview drives across 1,050+ hiring partners until you receive an official offer letter. If unplaced, 100% of your tuition fee is refunded.
1-on-1 Expert Faculty Mentorship
Every cohort is taught live by seasoned lead architects from Tier-1 product companies with daily live coding and supervised code reviews.
Frequently Asked Questions
Ready to Become a Top 1% React Developer in 3 Months?
Speak with our senior academic counsellors to evaluate your fast-track 4-hour daily cohort eligibility, explore scholarship options, and secure your batch seat.