jsguides

Tutorial series

Fullstack Javascript

7 tutorials — follow in order for the best learning path.

  1. File Uploads: Client to Server to Storage

    Handle file uploads end-to-end with working code. FormData, fetch, multer, S3 presigned URLs, validation, and security — all with copy-paste examples.

  2. Full-Stack JavaScript Project Setup with Node.js and Vite

    Learn to structure and run a full-stack JavaScript app with Express and Vite. Covers project layout, proxy, env variables, and running both servers together.

  3. Client-Server Communication Patterns

    Master client-server communication in JavaScript: REST APIs with fetch and axios, persistent WebSocket connections, and Server-Sent Events for real-time data.

  4. Full-Stack Form Handling and Validation

    Build secure full-stack forms with HTML5 constraint validation, Express backend validation using Zod, and CSRF protection.

  5. Server Rendering vs. Client Rendering

    Server rendering vs. client rendering: when to render on the server for fast first paint and reliable SEO, and when client rendering makes more sense.

  6. Real-Time Features with WebSockets

    Build real-time features with WebSockets: chat, live dashboards, collaborative tools. Covers server setup, scaling, rooms, auth, and production deployment.

  7. Integration Testing a Full-Stack App

    A practical guide to integration testing for full-stack JavaScript. Covers API testing with Vitest and Supertest, database rollback, and auth flows.