Dmitriy Zhiganov
Dmitriy Zhiganov
  • 16
  • 70 478
[Frontend System Design] Web performance
If you’re new to my channel, my name is Dima. I’m a Senior Frontend developer based in Berlin. On this channel, I talk about frontend architecture, technical interviews, and software development careers.
-------
Playlists:
🧩 th-cam.com/play/PL4OG1laG0gW9BNGye9I8LYroxIDoMU5Er.html
💎 th-cam.com/play/PL4OG1laG0gW_AcchCg1_adOzDAtnxMjPN.html
👥 Contacts:
LinkedIn: www.linkedin.com/in/dmitriy-zhiganov
00:00 Introduction
01:52 Loading time
06:53 UI Speed
10:14 Checklist
14:05 Loading time in detail
17:39 Time-to-First-Byte
32:28 First-Contentful-Paint
42:20 Largest-Contentful-Paint
51:45 Time-to-Interactive
56:45 UI Speed in detail
#frontenddesign #techinterviewtips #faang #maang #systemdesign #softwarearchitecture #patterns
มุมมอง: 3 827

วีดีโอ

Prepare for System Design Interviews with ChatGPT10:47Prepare for System Design Interviews with ChatGPT
Prepare for System Design Interviews with ChatGPT
มุมมอง 1.6K3 หลายเดือนก่อน
If you’re new to my channel, my name is Dima. I’m a Senior Frontend developer based in Berlin. On this channel, I talk about frontend architecture, technical interviews, and software development careers. In this video:Learn how to use ChatGPT to ace system design interviews. Simulate scenarios, refine your solutions, and tackle common questions with AI support. Playlists: 🧩 th-cam.com/play/PL4O...
How to successfully pass a behavioural interview?22:27How to successfully pass a behavioural interview?
How to successfully pass a behavioural interview?
มุมมอง 4164 หลายเดือนก่อน
I’m sure many of you have encountered the question in a behavioral interview: "Tell me about your biggest achievement." Many candidates struggle with this. In this video, we'll discuss how to prepare for this and other questions to successfully pass the behavioral part of the interview. If you’re new to my channel, my name is Dima. I’m a Senior Frontend developer based in Berlin. On this channe...
Web Rendering Patterns. SSR, CSR, Hydration, Static Generation, Resumability1:20:27Web Rendering Patterns. SSR, CSR, Hydration, Static Generation, Resumability
Web Rendering Patterns. SSR, CSR, Hydration, Static Generation, Resumability
มุมมอง 4.9K6 หลายเดือนก่อน
In this video, we explore essential web rendering patterns such as Server-Side Rendering (SSR), Client-Side Rendering (CSR), Hydration, and Static Site Generation (SSG), among others. Whether you’re preparing for a frontend system design interview or working as a software developer, this video provides valuable insights and practical examples to enhance your understanding of these crucial conce...
[Frontend System Design] Scaling Web Applications. Part 220:48[Frontend System Design] Scaling Web Applications. Part 2
[Frontend System Design] Scaling Web Applications. Part 2
มุมมอง 2.5K8 หลายเดือนก่อน
Many of us have heard of scaling backend applications. But what about web applications? In this video, we will discuss Mono-repositories and Poly-repositories as tools for scaling web applications and making them reliable, testable, and easy to work on. This is the second part of the scaling series; if you missed the previous part, please watch it before continuing - th-cam.com/video/2qtgegNSUo...
[Frontend System Design] Scaling Web Applications | Part 143:05[Frontend System Design] Scaling Web Applications | Part 1
[Frontend System Design] Scaling Web Applications | Part 1
มุมมอง 19K9 หลายเดือนก่อน
Many of us have heard of scaling backend applications. But what about web applications? In this video, we'll take a look at how web applications go from Monolithic Architecture to Micro-Frontends. 🧩 System Design Building Blocks Playlist: th-cam.com/play/PL4OG1laG0gW9BNGye9I8LYroxIDoMU5Er.html 💎 Frontend System Design Examples Playlist: th-cam.com/play/PL4OG1laG0gW_AcchCg1_adOzDAtnxMjPN.html ⏱ ...
[Frontend System Design] Client Server API. Part 3 | Summary, Examples, Interview Tips12:26[Frontend System Design] Client Server API. Part 3 | Summary, Examples, Interview Tips
[Frontend System Design] Client Server API. Part 3 | Summary, Examples, Interview Tips
มุมมอง 2.2K11 หลายเดือนก่อน
🌐 Design Client-Server API Playlist: th-cam.com/play/PL4OG1laG0gW-pk_5LgVt6rzoUsACT5dzu.html ▶️ Previous videos: Part 1 th-cam.com/video/5kBI1LadXVA/w-d-xo.html Part 2 th-cam.com/video/7VpX0PMzxOc/w-d-xo.html 🧩 System Design Building Blocks Playlist: th-cam.com/play/PL4OG1laG0gW9BNGye9I8LYroxIDoMU5Er.html 💎 Frontend System Design Examples Playlist: th-cam.com/play/PL4OG1laG0gW_AcchCg1_adOzDAtnx...
[Frontend System Design] Client Server API. Part 2 | GraphQL, gRPC, tRPC22:12[Frontend System Design] Client Server API. Part 2 | GraphQL, gRPC, tRPC
[Frontend System Design] Client Server API. Part 2 | GraphQL, gRPC, tRPC
มุมมอง 2.2K11 หลายเดือนก่อน
🌐 Design Client-Server API Playlist: th-cam.com/play/PL4OG1laG0gW-pk_5LgVt6rzoUsACT5dzu.html ▶️ Previous video: th-cam.com/video/5kBI1LadXVA/w-d-xo.html 🧩 System Design Building Blocks Playlist: th-cam.com/play/PL4OG1laG0gW9BNGye9I8LYroxIDoMU5Er.html 💎 Frontend System Design Examples Playlist: th-cam.com/play/PL4OG1laG0gW_AcchCg1_adOzDAtnxMjPN.html ⏱ Timestamps: 00:00 Intro 00:22 GraphQL Overvi...
[Frontend System Design] Client-Server API. Part 1 | REST25:45[Frontend System Design] Client-Server API. Part 1 | REST
[Frontend System Design] Client-Server API. Part 1 | REST
มุมมอง 4K11 หลายเดือนก่อน
▶️ Real-time updates. Web Sockets, Long Polling, Server Sent Events: th-cam.com/video/8Uyka3fzXek/w-d-xo.html 🌐 Design Client-Server API Playlist: th-cam.com/play/PL4OG1laG0gW-pk_5LgVt6rzoUsACT5dzu.html 🧩 System Design Building Blocks Playlist: th-cam.com/play/PL4OG1laG0gW9BNGye9I8LYroxIDoMU5Er.html 💎 Frontend System Design Examples Playlist: th-cam.com/play/PL4OG1laG0gW_AcchCg1_adOzDAtnxMjPN.h...
[Frontend System Design] Web Storages35:41[Frontend System Design] Web Storages
[Frontend System Design] Web Storages
มุมมอง 5Kปีที่แล้ว
This is the second video in the System Design Building Blocks series. In this series, we're discussing various frontend topics that will help to ace system design interview, even if you've never seen the application you need to develop before. Today we're going to talk about web storages. We'll discuss Local, Session Storages, Indexed DB, and others. We'll also discuss when it's better to move ...
[Frontend System Design] Design Real-Time Updates42:24[Frontend System Design] Design Real-Time Updates
[Frontend System Design] Design Real-Time Updates
มุมมอง 14Kปีที่แล้ว
In this video, we take a deep dive into designing real-time update systems. We'll look at four key techniques: Long Polling, Short Polling, Server Sent Events (SSE), and Web Sockets. We'll discuss the intricacies of each technique, understand how they work, and their respective use cases. We'll also look at scenarios where these techniques work best and where they may not. ⏱ Timestamps: 00:00 I...
Frontend System Design: Stack Overflow1:01:31Frontend System Design: Stack Overflow
Frontend System Design: Stack Overflow
มุมมอง 1.9Kปีที่แล้ว
🚀 Check out new video on designing a clone of Stack Overflow, one of the most popular websites among developers. Dive into many interesting features, such as real-time updates, browser's notifications, a text editor, and more. 💻💡 #frontenddesign #webdevelopment #techinterviewtips #systemdesign #websockets #faang Chapters: 00:00 Intro 00:25 Structure 01:24 Introduction 04:47 Requirements 06:45 A...
Frontend System Design: Table Component33:56Frontend System Design: Table Component
Frontend System Design: Table Component
มุมมอง 2.6Kปีที่แล้ว
🚀 Check out our new video on "Designing Table Components" to learn about frontend system design in a straightforward way! Whether you're preparing for an interview or just want to improve your frontend skills, discover the basics, optimization tricks, and useful insights to create efficient and user-friendly tables. 💻💡 #FrontendDesign #TableComponent #WebDevelopment #TechInterviewTips - AG Grid...
Frontend System Design: Music Streaming Service (Spotify)1:09:32Frontend System Design: Music Streaming Service (Spotify)
Frontend System Design: Music Streaming Service (Spotify)
มุมมอง 2.5Kปีที่แล้ว
Preparing for a frontend system design interview? 🚀 Dive into the details of designing a Music Streaming Service like Spotify in this video. We'll guide you through the essential steps and principles for building a seamless user experience in the world of music streaming 🎵. Whether you're gearing up for an interview or eager to understand the complexities of frontend architecture, this video is...
Frontend System Design: File Sharing Service (Dropbox, Google Drive)54:23Frontend System Design: File Sharing Service (Dropbox, Google Drive)
Frontend System Design: File Sharing Service (Dropbox, Google Drive)
มุมมอง 1.2Kปีที่แล้ว
Getting ready for a frontend system design interview? 🚀 This video is your resource for breaking down the steps involved in creating a File Sharing Service using Dropbox as a practical example. Dropbox infrastructure www.dropbox.com/business/trust/security/architecture Multiple uploader github.com/beforesemicolon/BFS-Projects/tree/multifile-resumable-uploader/multifile-uploader Server Side Desi...
Frontend System Design: Video Streaming Service (Netflix)39:23Frontend System Design: Video Streaming Service (Netflix)
Frontend System Design: Video Streaming Service (Netflix)
มุมมอง 3.4Kปีที่แล้ว
Frontend System Design: Video Streaming Service (Netflix)