← All videos

Engineering video

39:18 · 22 September 2025

How Frontend Engineers can master the Full-stack

Chapters 7 sections

  1. 0:00Introduction to Full-Stack for Frontend Engineers
  2. 0:50Data Layer: REST, Networking, and Caching
  3. 12:00Data Layer: GraphQL and Streaming
  4. 21:33Business Logic Layer

Key concepts in this video:

1. REST APIs and HTTP

Understanding HTTP requests and responses, API endpoints, status codes, and inspecting them via OpenAPI swagger tools.

Watch section from 0:50 →

2. REST Idempotency and Networking

Idempotent operations mean repeating requests does not change the final result. Networking concepts like DNS, IP packets, and TCP guarantee ordered delivery without loss.

Watch section from 4:00 →

3. HTTP Caching

Utilizing browser network tabs to inspect cache control headers, max age, and ETags for scalability and static asset management.

Watch section from 9:25 →

4. GraphQL and the BFF Pattern

GraphQL solves rest limitations like overfetching and underfetching by letting clients query specific fields. A Backend-For-Frontend (BFF) unifies multiple client services into a tailored data layer.

Watch section from 12:00 →

5. The N+1 Query Problem

Fetching related records individually for each item in a list causes performance degradation or database denial-of-service, which data loaders resolve.

Watch section from 16:00 →

6. Data Streaming with WebSockets and Server-Sent Events

WebSockets enable bidirectional live updates, whereas server-sent events provide a simpler, highly scalable native browser API for asymmetric streaming responses.

Watch section from 18:56 →

7. Business Logic and Security

The backend's central processing layer handles authentication tokens, data sanitization, and input validation to prevent injections.

Watch section from 21:33 →

8. Data Transfer Objects (DTOs)

DTOs package and standardize incoming request data into a uniform shape before persisting it to the database.

Watch section from 24:00 →

9. NoSQL Databases

Unstructured or open-form JSON storage provides rapid development and flexibility for logs or data without fixed schemas, but lacks data shape guarantees.

Watch section from 26:29 →

10. Relational Databases and Schemas

Organized relational storage relies on strict schemas and data type rules to ensure predictable, structured output for most business software.

Watch section from 28:07 →

11. CAP Theorem

The foundational mental model for database scalability stating that distributed systems can only achieve two out of consistency, availability, and partition tolerance simultaneously.

Watch section from 30:34 →

12. Read-Only Database Replicas

Distributing read traffic from a master database to read-only replicas balances load, trading off immediate consistency.

Watch section from 31:54 →

13. Database Indexing

Using binary trees to accelerate search times from linear table scans to logarithmic time complexity.

Watch section from 32:00 →

14. Database Sharding

Horizontal scaling by splitting database instances across multiple servers using a shard key.

Watch section from 34:00 →

15. Infrastructure and Deployment

Senior engineering interviews expect frontend developers to understand cloud infrastructure, Docker, CI/CD, and deployment.

Watch section from 36:00 →

Transcript

If you're a front-end engineer, you probably noticed that there is no longer enough to just know some React, Angular and be able to build UI components. Companies these days expect you to contribute on the back end as well to be able to deliver end to end. In this video, we are going to cover 10 full stack concepts that every front-end engineer needs to know to successfully make the transition towards a more full-stack oriented developer.