front-end-system-design

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #llm #android #linux #nodejs #java #awesome #pytorch #security #openai #open-source

front-end-system-design

(★ 258)

Front-end system design interview questions

파일 탐색기

최종 버전 다운로드 (.zip)

- FUNDING.yml
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Front-end System Design Resources/materials 📗🎥📘

Front-end System Design Fundamentals
 
 - 🎥&nbsp;&nbsp;[Introduction to System Design](https://www.youtube.com/watch?v=sV_4pOGosnU&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=1)
 - 🎥&nbsp;&nbsp;[Client Server Architecture](https://www.youtube.com/watch?v=jWGSVN_4atk&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=2)
 - 🎥&nbsp;&nbsp;[Front-end System Design Components](https://www.youtube.com/watch?v=44mOnnt5pic&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=3)

System Design HLD/LLD overview
 
 - 🎥&nbsp;&nbsp;[Cracking System Design (HLD/LLD) interviews](https://www.youtube.com/watch?v=QemIfzcEeMM&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=4)
 - 🎥&nbsp;&nbsp;[Cracking LLD interviews](https://www.youtube.com/watch?v=yun65Nk8_vQ&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=8)

System Design of popular application
 
 - 🎥&nbsp;&nbsp;[Design Netflix|YouTube|Hotstar](https://www.youtube.com/watch?v=-Sn48geZruk&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=5)
 - 🎥&nbsp;&nbsp;[Design Snake & Ladder Game](https://www.youtube.com/watch?v=VgtD8OF6Yuw&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=14&t=29s)

Front-end System Design Mock Interviews
 
 - 🎥&nbsp;&nbsp;[Design Autocomplete / Typeahead Suggestions](https://www.youtube.com/watch?v=IKRbWT6LqIY&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=10)
 - 🎥&nbsp;&nbsp;[Design Configurable UI / Dynamic UI](https://www.youtube.com/watch?v=6z7ZXb4ntbE&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=13)
 - 🎥&nbsp;&nbsp;[Design Codesandbox (Part-1)](https://www.youtube.com/watch?v=HnYduOVY470&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=6)
 - 🎥&nbsp;&nbsp;[Design Codesandbox (Part-2)](https://www.youtube.com/watch?v=o5aoJlcS8Rc&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=7)
 - 🎥&nbsp;&nbsp;[Design Whiteboard (Excalidraw/Figma/Draw.io)](https://www.youtube.com/watch?v=1lNJVDfsTSo&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=15)

Performance Optimization

- 🎥&nbsp;&nbsp;[Network optimization techniques](https://www.youtube.com/watch?v=XSVkWiW-t4k&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=11)
  - 🎥&nbsp;&nbsp;[Assets optimization techniques](https://www.youtube.com/watch?v=9JDlZxR8gVw&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=12)
  - 📗&nbsp;&nbsp;[MDN Performance](https://developer.mozilla.org/en-US/docs/Learn/Performance)
  - 📗&nbsp;&nbsp;[Web Dev Performance](https://web.dev/learn/#performance)
  - 📗&nbsp;&nbsp;[Google Dev - Performance](https://developers.google.com/web/fundamentals/performance/get-started)

Front-end Interview

- 🎥&nbsp;&nbsp;[Popular Interview Questions](https://www.youtube.com/watch?v=c_kVh_-gQtI&list=PL4CFloQ4GGWICE0Tz6iXKfN3XWkXRlboU&index=9)

front-end-system-design

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

front-end-system-design

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README