Designing Scalable Frontend Systems

Designing Scalable Frontend Systems, available at $44.99, has an average rating of 4.25, with 36 lectures, based on 125 reviews, and has 2299 subscribers.

You will learn about Designing frontend for crypto orderbook. Differences between HLD / LLD. Know the Interviewers expectations. Representing the complete HLD / LLD. Create a complete sequence diagram. Identifying the right tech stack. Consideration aspects for the use case. Leveraging generic templating mechanism. Component-based architecture design. Identifying components in the UI Identifying API schema definitions. Connection to downstream services. Writing Pseudo code for solutioning. Download the complete design file. This course is ideal for individuals who are Job seekers preparing for interviews – SDE1, 2, 3, 4, SSE & TL roles or Anyone interested about frontend architecture design It is particularly useful for Job seekers preparing for interviews – SDE1, 2, 3, 4, SSE & TL roles or Anyone interested about frontend architecture design.

Enroll now: Designing Scalable Frontend Systems

Summary

Title: Designing Scalable Frontend Systems

Price: $44.99

Average Rating: 4.25

Number of Lectures: 36

Number of Published Lectures: 36

Number of Curriculum Items: 36

Number of Published Curriculum Objects: 36

Original Price: ?799

Quality Status: approved

Status: Live

What You Will Learn

Designing frontend for crypto orderbook.

Differences between HLD / LLD.

Know the Interviewers expectations.

Representing the complete HLD / LLD.

Create a complete sequence diagram.

Identifying the right tech stack.

Consideration aspects for the use case.

Leveraging generic templating mechanism.

Component-based architecture design.

Identifying components in the UI

Identifying API schema definitions.

Connection to downstream services.

Writing Pseudo code for solutioning.

Download the complete design file.

Who Should Attend

Job seekers preparing for interviews – SDE1, 2, 3, 4, SSE & TL roles

Anyone interested about frontend architecture design

Target Audiences

Job seekers preparing for interviews – SDE1, 2, 3, 4, SSE & TL roles

Anyone interested about frontend architecture design

**This is the recording of a LIVE session I conducted on Designing Scalable Frontend Systems. The design file is also attached in the closing note section for your future reference**

Exactly 1 year ago, in Feb 2021, I gave an interview for the E5 ( Senior SDE ) position in Facebook, London( React core team ) But little did I know that my dream of working with Dan Abramov would get shattered due to 1 mistake.

I neglected the design round.

?

I thought cracking an interview is just about showing that I can solve problems and implement features that the interviewer would ask me.?

After I failed that design round, I decided that I should become better at representing systems and focusing on various aspects that I should talk about in that specific round. I should clearly represent HLD, LLD & focus on the component architecture.

Hello, my name is Manoj Satishkumar.

I have attended interviews in 35+ companies and got selected by multiple companies including Walmart, PayPal, Oracle, Tesco, JP Morgan, and Cerner. This is a LIVE session I conducted for all the job seekers who are able to crack the coding round but are not able to crack the design round.

I am trying to shed light on what are the aspects interviewers look at in the frontend design round. We will draw in-depth HLD / LLD / Sequence block diagrams and also write pseudocode in this session.

“I wish you all the best in your upcoming interviews”

Course Curriculum

Chapter 1: Introduction to the session

Lecture 1: Why should you learn system design?

Lecture 2: Welcome to the session

Lecture 3: About the instructor

Lecture 4: The facebook background

Lecture 5: Design Round Ready

Lecture 6: Agenda – What will you learn ?

Lecture 7: Diagrams and pseudo code

Lecture 8: Lets get started !

Chapter 2: The Design Round Question

Lecture 1: The crypto exchange order book

Lecture 2: Interviewers expectations

Lecture 3: Diffferences between HLD & LLD

Chapter 3: High Level Design ( HLD )

Lecture 1: A quick recap of the question

Lecture 2: Front-tier, Mid-tier and DB client

Lecture 3: Template based rendering unit

Lecture 4: Quick Summary of HLD

Chapter 4: Low Level Design ( LLD )

Lecture 1: Lets get started with LLD

Lecture 2: The sequence of explanation

Lecture 3: Choosing the frontend frameworks

Lecture 4: Frontend libraries / frameworks in the market

Lecture 5: React.js – Quick look

Lecture 6: Angular framework – Quick look

Lecture 7: Vue.js – Quick look

Lecture 8: Conclusion on choosing the library

Lecture 9: Representing the tech stack

Lecture 10: Identifying the UI components

Lecture 11: Determining API schema definitions

Lecture 12: Identify the template definition

Lecture 13: Lets write some pseudo code

Lecture 14: Quick summary of LLD

Chapter 5: The Sequence Diagram

Lecture 1: Getting the order book data

Lecture 2: Placing a buy order

Chapter 6: Closing notes

Lecture 1: A quick recap of the session

Lecture 2: Download the design file

Lecture 3: Accessibility in frontend systems

Lecture 4: Congratulations! You are now design round ready.

Chapter 7: BONUS Lectures

Lecture 1: What are micro frontends ?

Instructors

Manoj Satishkumar
Staff Software Engineer

Rating Distribution

1 stars: 4 votes

2 stars: 6 votes

3 stars: 16 votes

4 stars: 45 votes

5 stars: 54 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!