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 Interviewer's 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 Interviewer's 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: Let's get started !
Chapter 2: The Design Round Question
Lecture 1: The crypto exchange order book
Lecture 2: Interviewer's 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: Let's 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: Let's 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!
You may also like
- Learn Calligraphy and Handwriting Animation wz After Effects
- Learn PSD to Responsive Parallax HTML/CSS Web Design
- LOGO DESIGN IN POWERPOINT
- PHOTOSHOP: Drawing a movie poster with a comicbook style
- Designing Cartoon Characters in Adobe Animate
- Model a Product in Maya to Sell on Shapeways 3D Print Store
- LaTeX with Texmaker and Overleaf: the one-stop LaTeX course
- Usability Certification Exam Prep: Web & App Design Concepts
- Colour Seminar of Interior Decoration Design
- Learn design principles & the essentials of vector drawing
- DIGITAL DESIGNS COLLEGE 4 BEGINNERS
- Indian Handloom Masterclass
- Graphic Design Theory – Composition
- The Complete SketchUp Guide – Fundamentals of SketchUp
- Principles and Elements of Interior Design
- Designing Scalable Frontend Systems
- Vray Next For Sketchup Exterior
- Pixel Art Fundamentals: Introduction to 2D Game Pixel Art
- How to create an animated promo video in PowerPoint
- Compositing Essentials with Nuke