JsCafe
JsCafe
  • 91
  • 501 014
Frontend System Design Yatra Season 1 | Browser & Communication Techniques | Beginner To Advanced 🔥
Get Pre-built UIKits for 10,000 free mins: bit.ly/4eeTsXH
Learn more about ZEGOCLOUD SDK: bit.ly/3AYMjN7
How to build a Live Streaming App: bit.ly/47jpXBM
ZEGOCLOUD live streaming SDK &API allows you to easily build your live streaming apps within minutes.
Slides: link.excalidraw.com/l/8lwXEYCWFUz/5BWKjqfiBK6
GitHub Repo: github.com/jscafe-dev/frontend-system-design-yatra
NextJS 14 Yatra Course: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course-jira-board-project
COUPON (Get Flat 250/- Off): NEXT_250
TIMESTAMPS:
0. Start 00:00
1. Functioning of browser 05:44
2. Networking 28:56
3. REST API 39:00
4. GraphQL 01:02:04
5. tRPC 01:38:35
6. gRPC 02:03:46
7. Polling Techniques 02:41:14
8. WebSockets 03:03:18
9. WebHooks 03:18:20
Referenced Articles (FREE):
Functioning Of Browser & Networking:
1. blog.logrocket.com/how-browser-rendering-works-behind-scenes/
2. engineering.teknasyon.com/what-is-the-dom-how-does-html-rendering-happen-in-browsers-cbeb12bdfea6
3. betterprogramming.pub/how-does-the-browser-render-a-webpage-75cdb53ba49d
4. blog.bytebytego.com/p/ep80-explaining-8-popular-network
5. www.semrush.com/blog/http-status-codes/
Rest API
1. www.hypertest.co/api-testing/what-is-a-rest-api-examples-uses-and-challenges
2. runjs.app/blog/how-to-start-a-node-server
GraphQL
1. www.wallarm.com/what/what-is-graphql-definition-with-example
2. kinsta.com/blog/graphql-vs-rest/
3. studio.apollographql.com/public/countries/variant/current/home
4. saranshk.medium.com/resolving-nested-queries-in-graphql-a60f2f2ee1b7
tRPC
1. www.wearecapicua.com/blog/trpc-vs-grpc
2. dev.to/wizdomtek/typescript-express-building-robust-apis-with-nodejs-1fln
gRPC
1. blog.postman.com/what-is-protobuf/
2. daily.dev/blog/build-a-grpc-service-in-nodejs
Polling
1. medium.com/@roopa.kushtagi/exploring-data-fetching-patterns-short-polling-long-polling-and-websockets-52d408b45d30
2. dev.to/obnsk/long-polling-comparative-and-sample-coded-expression-4anp
WebSocket
1. developer.mozilla.org/en-US/docs/Web/API/WebSockets_API
2. en.wikipedia.org/wiki/WebSocket
3. www.blackslate.io/articles/real-time-communication-with-nodejs-express-websockets
WebHook
1. webhookrelay.com/blog/2018/07/13/how-to-create-webhook/
Important Playlists to crack Frontend Interviews 👇🏻
Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html
DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html
Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b.html
Machine Coding Round: ua-cam.com/play/PLe3J6mZBq1xUs529Z-IHiCix4KBm0uLp1.html
For any doubts and help follow me on:
Discord: bit.ly/3AYkjFT
LinkedIn: bit.ly/45wQIjJ
Instagram: bit.ly/3ttENTq
Twitter: bit.ly/3M3rFOl
Telegram: bit.ly/45xTOUO
Video Edited By: bit.ly/Kashimedia_corp
Track: Clarx, Debris, 3rd Prototype, Castion, EMDI - Evolution (feat. Harley Bird) [NCS10 Release]
Music provided by NoCopyrightSounds.
Watch: ua-cam.com/video/36fq-2a7EkY/v-deo.html
Free Download / Stream: ncs.io/Evolution
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Check out our Usage Policy on how to use NCS music in your videos: ncs.io/UsagePolicy
Tags and hashtags:
#javascript #javascriptinterviewquestions #JS #js #frontend #frontendDeveloper #software #developer #engineer #softwareengineer #frontendengineer #OOPS #closures #salary #job #placement
Javascript concepts
JS OOPS
Javascript Object Oriented Programming
How OOPS works in Javascript
Prototypes in JS
Javascript __ptoto__
What is a prototype in Javascript
Basics of JS
How to learn javascript
Javascript
Javascript concepts
Frontend Engineer
Frontend Developer
Software Engineer
Software Development Engineer
How to become a frontend engineer
How much salary does a frontend developer make
What is the salary of a frontend engineer
Javascript for a frontend developer
Concepts of javascript
Bootcamp for frontend developers
Roadmap for a frontend engineer
How to get a job as a frontend engineer
How to become a frontend developer
Javascript tutorial
Javascript full course
Javascri[t interview questions
Javascri[t interview questions and answers
Salary of a frontend developer
System Design
Frontend System Design
Переглядів: 16 409

Відео

Docker Yatra 🔥 | 2 Hours Complete Docker Tutorial | Beginner To Advanced | English
Переглядів 3,7 тис.Місяць тому
· Get UIKits for 10,000 free mins: bit.ly/3ApRiG6 · Learn more about ZEGOCLOUD SDK: bit.ly/3YQW7m6 · How to Make a Video Call App: bit.ly/4dnfojs ZEGOCLOUD video call SDK &API allows you to easily build your video call apps within minutes. 🗎 Github Repo: github.com/jscafe-dev/docker-nextjs TIMESTAMPS ⏲️ 0. Start 00:00 1. Basic Introduction 00:03:16 1. Problem Statement 00:03:29 2. Images And Co...
NEXT.JS Yatra Preview 2 | Why learn NextJs How web worked before NextJs?
Переглядів 7847 місяців тому
Enroll Here: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course COUPON: NEXT_200 Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b.html Ma...
Comment section using React | Recursion and DFS in React | Frontend Machine Coding Interview
Переглядів 7 тис.7 місяців тому
Practice Here: www.jscafe.dev/sandbox/comment-section-using-react Source Code: github.com/jscafe-dev/frontend-interview-questions/tree/master/comment-section NEXT.JS Yatra: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course Start 00:00 1. Comment Box UI 02:11 2. Dynamic Render 13:00 3. Recursion 19:00 4. Toggle Replies 26:48 5. Reply Box 29:08 6. DFS 37:11 Important...
NEXT.JS 14 Yatra | JIRA Board Clone | Course Introduction 🚀(Enroll Now)
Переглядів 3,2 тис.7 місяців тому
Enroll Here: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course (Quota Exhausted) Coupon Code: EARLY_NEXTJS Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWV...
3 Big Announcements And 1 Gift For 2024 🚀
Переглядів 2,4 тис.9 місяців тому
Coupon Code: NEW_YEAR_400 Use Coupon Here: bit.ly/3S20ebi Topmate Mock Interview: bit.ly/47r0F3q Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b.html Machine Coding ...
Google Meet Clone Using NextJS | Best Frontend Projects For Resume 🔥
Переглядів 33 тис.10 місяців тому
NEXT.JS Yatra is here: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course JS Cafe Learning Portal: jscafe.teachcode.in/ Source Code: github.com/jscafe-dev/google-meet-clone PeerJS Lib: peerjs.com/ Navigator MDN: developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia Timestamps: Start 00:00 0. Introduction & pre-requesit 00:00:14 1. Understanding WebRTC 0...
Complete ReactJS Course | 11 Hours+ | React Yatra: You Never Knew React 🚀
Переглядів 66 тис.11 місяців тому
NEXT.JS Yatra: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course Github Repo: github.com/jscafe-dev/react-yatra React Fiber Architecture: github.com/acdlite/react-fiber-architecture React Design Pattern Source Code: HOC Pattern: jscafe.dev/index.php/ep1-react-hoc-pattern/ Render Props Pattern: jscafe.dev/index.php/ep2-render-props-pattern/ Composition Pattern: jsca...
Online Drawing Tool Using NextJs And NodeJs | Best Frontend Projects For Resume 🔥
Переглядів 26 тис.Рік тому
NEXT.JS Yatra is here: jscafe.teachcode.in/new-courses/9-nextjs-14-yatra-the-complete-fullstack-course 00:00 A message for the viewers 03:04 Project Overview 16:09 Create UI of Menu 43:09 Create UI of Toolbox 01:02:19 - Setup redux toolkit 01:35:24 Create slice for Toolbox 01:52:29 Add draw and download feature 02:28:44 Add Undo and Redo feature 02:44:45 Setup Backend repo 02:55:35 Emit and Con...
What's wrong with Indian Colleges? ft. Vedansh Garg, Founder, Devsnest | Podcast
Переглядів 844Рік тому
Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b.html Machine Coding Round: ua-cam.com/play/PLe3J6mZBq1xUs529Z-IHiCix4KBm0uLp1.html For any doubts and help follow me ...
🔍 Sneak Peek of JsYatra 🔍 | Deep Copy and Shallow Copy in Javascript | Frontend Course
Переглядів 987Рік тому
If you enjoyed the way I teach and explain complex concepts, then I invite you to enroll in the JsYatra course! It's an exciting journey through JavaScript, where you'll deepen your understanding and enhance your coding skills. 🚀 Only 22 Seats Left! Grab the Early Bird Offer Now 👇 Enroll now: tinyurl.com/mrcwz6dd Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam...
Secrets Revealed: JsCafe's Mysterious Opportunity | Must-See Video!
Переглядів 4,3 тис.Рік тому
Enroll now: bit.ly/47tA8mo Unleash Your Career's Hidden Potential with JScafe's Mysterious Offering! 🚀 Embark on a captivating journey as JScafe reveals an enigmatic opportunity that can transform your professional path. From frontend mastery to JavaScript prowess, we equip you with the skills to captivate audiences and create immersive web experiences. Don't miss this golden chance to revoluti...
🔥 Master Frontend Interviews with JsYatra: Unleash Your Coding Superpowers! 💪🚀 | Big Announcement.
Переглядів 16 тис.Рік тому
Enroll now for JsYatra: jscafe.teachcode.in/new-courses/1-js-yatra-complete-interview-package My LinkedIn: www.linkedin.com/in/vedantjain0087/ Pre-enrollment: INR 1499 (40% Discount) (first 100 users) Course Start Date: 15th July Following is the Curriculum (Not limited to): 1. Javascript coding - 9 Questions 2. Machine Coding - 4 Questions 3. DSA - 5 Questions 4. System Design - 4 Questions 5....
Typeahead searchBox in ReactJs | Frontend Machine Coding Question | React Interview Questions
Переглядів 9 тис.Рік тому
Source Code: www.jscafe.dev/sandbox/typeahead-searchbox-in-reactjs Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b.html Machine Coding Round: ua-cam.com/play/PLe3J6m...
Progress Bar in ReactJs | Frontend Machine Coding Question | React Interview Questions
Переглядів 7 тис.Рік тому
Source Code: www.jscafe.dev/sandbox/progress-bar-react-js Important Playlists to crack Frontend Interviews 👇🏻 Frontend System Design: ua-cam.com/play/PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld.html DSA in javascript: ua-cam.com/play/PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS.html Javascript Questions: ua-cam.com/play/PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b.html Machine Coding Round: ua-cam.com/play/PLe3J6mZBq1xUs52...
Holy Grail Layout | Frontend Machine Coding Question | CSS Interview
Переглядів 4,4 тис.Рік тому
Holy Grail Layout | Frontend Machine Coding Question | CSS Interview
Q8. Merge Intervals | Leetcode 56 | Array questions for Frontend Interview | DSA in JS
Переглядів 1,6 тис.Рік тому
Q8. Merge Intervals | Leetcode 56 | Array questions for Frontend Interview | DSA in JS
Q7. Insert Interval | Leetcode 57 | Array questions for Frontend Interview | DSA in JS
Переглядів 1,6 тис.Рік тому
Q7. Insert Interval | Leetcode 57 | Array questions for Frontend Interview | DSA in JS
Q6. Container with most water | Leetcode 11 | Array questions for Frontend Interview | DSA in JS
Переглядів 1,8 тис.Рік тому
Q6. Container with most water | Leetcode 11 | Array questions for Frontend Interview | DSA in JS
Q5. Maximum Subarray | Leetcode 53 | Array questions for Frontend Interview | DSA in JS
Переглядів 2,6 тис.Рік тому
Q5. Maximum Subarray | Leetcode 53 | Array questions for Frontend Interview | DSA in JS
Q4. Product of array except self | Leetcode 238 | Array questions for Frontend Interview | DSA in JS
Переглядів 3,2 тис.Рік тому
Q4. Product of array except self | Leetcode 238 | Array questions for Frontend Interview | DSA in JS
Q3. Two Sum | Leetcode 1 | Array questions for Frontend Interview | DSA in Javascript
Переглядів 8 тис.Рік тому
Q3. Two Sum | Leetcode 1 | Array questions for Frontend Interview | DSA in Javascript
Q2. Valid Anagram | Leetcode 242 | Array questions for Frontend Interview | DSA in Javascript
Переглядів 4,7 тис.Рік тому
Q2. Valid Anagram | Leetcode 242 | Array questions for Frontend Interview | DSA in Javascript
Q1. Contains Duplicate | Leetcode 217 | Array questions for Frontend Interview | DSA in Javascript
Переглядів 15 тис.Рік тому
Q1. Contains Duplicate | Leetcode 217 | Array questions for Frontend Interview | DSA in Javascript
Maps Vs Objects in Javascript | When to use what? 🤔
Переглядів 2 тис.Рік тому
Maps Vs Objects in Javascript | When to use what? 🤔
How to handle work life balance? Things I have learned so far about corporate life | Vedant speaks
Переглядів 671Рік тому
How to handle work life balance? Things I have learned so far about corporate life | Vedant speaks
Meet @RoadsideCoder | ft. Piyush Agarwal 🚀
Переглядів 3,2 тис.Рік тому
Meet @RoadsideCoder | ft. Piyush Agarwal 🚀
What does Vedant has to say? Vedant Speaks
Переглядів 533Рік тому
What does Vedant has to say? Vedant Speaks
What's there for you in 2023? Vedant Speaks
Переглядів 710Рік тому
What's there for you in 2023? Vedant Speaks
Q16 Polyfill of setInterval | Javascript Interview Questions | Most asked questions in interview
Переглядів 1,9 тис.Рік тому
Q16 Polyfill of setInterval | Javascript Interview Questions | Most asked questions in interview