Code Tour
Code Tour
  • 173
  • 190 910
Train your first machine learning model with Python, Tensorflow, Google CoLab
In this video we build an extremely simple machine learning model in Google CoLab using the Keras API from Tensorflow library. The model will be able to recognize patterns in sequences of numbers.
This example is from the book "AI and Machine Learning for Coders" which I highly recommend. It's a great into to the ML world if you already understand how coding works, generally.
Переглядів: 480

Відео

Where is my Redux, React Context, graphQL data?
Переглядів 4172 місяці тому
AAHHHH!! Help! I've lost my Redux, React Context, graphQL data and I can't find it. Where the heck is it? How does browser memory work? What is a rendering engine? What is a javascript engine? And more!
Intro to Frontend Performance: Infinite Scrolling
Переглядів 7912 місяці тому
In this video we talk about what happens if we're building a web app that needs to display a loooooooooooot of items. We can paginate these items, and make it appear as though those items truly appear to extend infinitely downward as we're scrolling.
Intro to Code Splitting for Web Apps
Переглядів 9283 місяці тому
In this video we explore: - What is code splitting? - What is code "below or above the fold"? - How does facebook load certain content at certain times? - What are pure css skeleton loaders?
Should I store data "In Memory" or "On Disk"?
Переглядів 4793 місяці тому
We're building Facebook. Which features should store data in memory, and which features should store data on disk?
Networking System Design 101: What is a Subnet?
Переглядів 3954 місяці тому
In this video I explain: - How do devices in a network communicate? - What is an IP Address? - What is a Subnet (Sub-network?) - What components exist in an AWS virtual network? I hope you enjoy, and please share with a friend! Comments and suggestions are appreciated.
System Design: Design an AutoComplete Component like Google
Переглядів 2,4 тис.4 місяці тому
Let's see how to build a frontend system for an AutoComplete Component. If a user starts typing, they should immediately see a list of results relevant to their search keyword. This video borrows heavily from GreatFrontend.com, which is a fantastic resource for learning about frontend systems and interviews. This video is not sponsored by GreatFrontend in any way, I just really really like this...
Frontend Performance: Virtualized List
Переглядів 9924 місяці тому
What is a Virtualized List (or as some call it, Windowing) ? This is a frontend strategy we can use when we want to render a long list of many (hundreds or thousands) of items in the UI. Enjoy and leave a comment!
System Design: Design a URL Shortener like TinyURL
Переглядів 79 тис.4 місяці тому
If you're looking for a URL shortener which looks IMO to be in several ways slightly better than TinyURL etc., (link analytics, QR codes, API integration etc) I recommend checking out TLY, and if you do end up signing up for an account, please use my referral link so I can get a commission: t.ly/register?via=christopher-flannery See Sandeep Verma's article for more info: medium.com/@sandeep4.ve...
Sports Betting Application System Design: Pub Sub vs. Queue pattern
Переглядів 1,2 тис.5 місяців тому
Exploring a couple different options for how we might propogate data through a sports betting system. I hope you enjoy, and please share with a friend! Comments and suggestions are appreciated.
TinyURL System design mini-lesson: Caching
Переглядів 5125 місяців тому
If you're looking for a URL shortener which looks IMO to be in several ways slightly better than TinyURL etc., (link analytics, QR codes, API integration etc) I recommend checking out TLY, and if you do end up signing up for an account, please use my referral link so I can get a commission: t.ly/register?via=christopher-flannery How would we build a caching system in a TinyURL generator? I hope...
Spotify's System Design Update - 2 apps in one
Переглядів 7455 місяців тому
Explaining Spotify's architecture, from this blog: engineering.atspotify.com/2021/04/building-the-future-of-our-desktop-apps/ I hope you enjoy, and please share with a friend! Comments and suggestions are appreciated.
Amazon Marketplace System Design Interview - Explained with simple terms and diagram
Переглядів 6848 місяців тому
In this video I explain: - How can we read and interpret system design diagrams? - How does a cache, database, search and message queue work together? I hope you enjoy, and please share with a friend! Comments and suggestions are appreciated.
How to SQL JOIN with 3 tables? Explained with simple terms and diagram
Переглядів 1,2 тис.8 місяців тому
In this video I explain: - What is an SQL query? - How can we use SQL to join 3 tables? - How can we use SQL to retrieve a user's home timeline on Twitter? I hope you enjoy, and please share with a friend! Comments and suggestions are appreciated.
Are Kafka and Websockets the same thing? Explained with simple terms and diagram
Переглядів 1,7 тис.8 місяців тому
Are Kafka and Websockets the same thing? Explained with simple terms and diagram
What are Web Sockets? Explained with simple terms and diagram
Переглядів 1,6 тис.9 місяців тому
What are Web Sockets? Explained with simple terms and diagram
What is a Load Balancer? Explained with simple terms & diagram
Переглядів 5239 місяців тому
What is a Load Balancer? Explained with simple terms & diagram
What are Webhooks? Explained with simple terms & diagram
Переглядів 1,1 тис.9 місяців тому
What are Webhooks? Explained with simple terms & diagram
Will A.I. Replace Coding Jobs?
Переглядів 489Рік тому
Will A.I. Replace Coding Jobs?
TypeScript Front-End interview question explained: useFetch React Hook
Переглядів 791Рік тому
TypeScript Front-End interview question explained: useFetch React Hook
Intro to TypeScript Generics (with Avatar)
Переглядів 396Рік тому
Intro to TypeScript Generics (with Avatar)
Senior Software Development Process - TypeScript, React, GraphQL
Переглядів 504Рік тому
Senior Software Development Process - TypeScript, React, GraphQL
myHobbies - Closures Algorithm (solution)
Переглядів 86Рік тому
myHobbies - Closures Algorithm (solution)
Snow Crash, ChatGPT, MidJourney and the Future of Research
Переглядів 153Рік тому
Snow Crash, ChatGPT, MidJourney and the Future of Research
Your first GitHub repo and ignoring Node Modules
Переглядів 8 тис.Рік тому
Your first GitHub repo and ignoring Node Modules
DNA Parsing Algorithm [Beginner JavaScript] - Blade Runner 2049
Переглядів 6063 роки тому
DNA Parsing Algorithm [Beginner JavaScript] - Blade Runner 2049
Declaring Variables without Var, Let, Const - What Would Happen?
Переглядів 7 тис.3 роки тому
Declaring Variables without Var, Let, Const - What Would Happen?
8. Classes | Object-Oriented Programming in JavaScript
Переглядів 1 тис.3 роки тому
8. Classes | Object-Oriented Programming in JavaScript
7. Constructor Functions + "new" | Object-Oriented Programming in JavaScript
Переглядів 3493 роки тому
7. Constructor Functions "new" | Object-Oriented Programming in JavaScript
6. Optimize Memory with the Prototype Chain | Object-Oriented Programming in JavaScript
Переглядів 2513 роки тому
6. Optimize Memory with the Prototype Chain | Object-Oriented Programming in JavaScript

КОМЕНТАРІ

  • @asthiranalytics
    @asthiranalytics 3 дні тому

    Heisenberg laughing in the background😂😂😂😂

  • @WebDevJapan
    @WebDevJapan 6 днів тому

    Nicely done! I knew nothing about websockets before this. Now I feel like I have a basic understanding. You could read some documentation and articles for 10-20 minutes or you could watch this 2 minute video. I'll go with the video.

  • @hasanmothaffar3134
    @hasanmothaffar3134 17 днів тому

    Nice visual explanation!

  • @amandeepsingh9935
    @amandeepsingh9935 19 днів тому

    Thank you

  • @elmeroranchero
    @elmeroranchero 26 днів тому

    the challenge here is counting bets, hits and misses, querying all that could turn out very taxing so there has to be a smart implementation to achieve that

  • @MrSirr
    @MrSirr 26 днів тому

    thank u!

  • @rathore_shantilal
    @rathore_shantilal Місяць тому

    Insightful

  • @gillesashley9314
    @gillesashley9314 Місяць тому

    This guy has been doing javascript for over 85 years.

  • @vahinir5599
    @vahinir5599 Місяць тому

    why is the set of all sets a paradox, i dont see the problem if it can contain itself

  • @boratutube
    @boratutube Місяць тому

    Summarized: Intro (00:00:00) Creating a URL shortener, similar to TinyURL. Users input a long URL and receive a shortened version. Requirements (00:00:10) Short URL expiration: Set to 100 years (effectively permanent). Custom URLs: Allowed, with a maximum length of 16 characters. Expected requests: 100 million shorten requests per month. Functional Requirements Shorten URLs. Redirect short URLs to their original long URLs. Shortened links should be seven characters long. Users can create custom short URLs up to 16 characters. Short links remain in the system for 100 years. Non-functional Requirements Continuous service uptime. Fast URL redirection, even during high traffic. REST API exposure for external application integration. Facts and Figures (00:01:42) Read-to-write ratio: Approximately 200:1 (200 lookups for every short URL created). Expected short URLs generated per month: 100 million. New short URLs created per second: 40. Expected reads or redirects per second: 8,000. Total objects in the system (assuming 100-year storage and 100 million new URLs per month): 120 billion. Storage (00:02:27) Each object is 500 bytes, requiring a total of 60 terabytes of storage. 700 million read requests per day, with 80% of requests for 20% of data. 20% of requests require 70 gigabytes of memory. 40 URLs generated per second. 120 billion short URLs generated in 100 years. 8,000 URL reads per second. Server Requirements (00:05:45) URL generation service must produce unique short URLs that do not point to the same long URL. URL encoding solutions like Base62 or key generation services can be used to achieve this. Security concerns exist with certain techniques, such as MD5, which is vulnerable to collision attacks. Best practices for URL encoding are constantly changing, so research is necessary for enterprise-level solutions. Best Practices (00:06:33) Keep short links as short as possible, ideally no more than seven characters. The application should be resilient to load spikes for both URL generation and redirections. Following a short link should be fast. NoSQL (00:09:07) A NoSQL database might be better suited for this system due to its huge storage size (60 terabytes) and high amount of reads and writes (8,000 URL reads per second, 40 URL writes per second). NoSQL databases are easier to scale compared to relational databases. NoSQL databases provide features like sharding and replication by default, making it easier to distribute data across multiple machines. Using a hashing strategy to generate short URLs is preferred over using a key generation service, as it eliminates the need for a dedicated database to store already generated random seven-character strings. Caching (00:10:48) To optimize performance, use a caching mechanism like Memcached or Redis to cache 20% of daily traffic, as 80% of clicks are on 20% of links. Implement a linked hash map to store URLs by hash, allowing for constant time lookup and preserving insertion order, and use a least recently used (LRU) policy to manage cache size and replace old entries. Place load balancers between clients and application servers, application servers and database servers, and application servers and cache servers to distribute requests and manage traffic. Use a round-robin strategy initially to distribute requests evenly among servers, then implement health checks to adjust load distribution based on server performance. Require custom URLs to be at least eight characters long to minimize conflicts with randomly generated URLs. Consider a dedicated database instance and web servers for custom URLs if they are a paid service.

  • @maxtongaming
    @maxtongaming Місяць тому

    Hey i like your system design videos can you make more of that if possible

    • @codetour
      @codetour Місяць тому

      Yes, but they are a lot of effort

  • @haoliu339
    @haoliu339 Місяць тому

    Priceless video, please keep sharing! Appreciate it!

    • @codetour
      @codetour Місяць тому

      I think you mean priceless :) Thank you!!

    • @haoliu339
      @haoliu339 Місяць тому

      @@codetour lol dude you’re right. Forgive my typo😂

  • @huangjason6557
    @huangjason6557 Місяць тому

    Simple and just deep enough for non coder to understand. Awsome !

  • @chefdremusic
    @chefdremusic Місяць тому

    Hands down top 2 system design vid on TinyURL on this site.

  • @thaddiusultsch5697
    @thaddiusultsch5697 2 місяці тому

    *Promo sm*

  • @akshitmittal1251
    @akshitmittal1251 2 місяці тому

    1 year experiences SDE , currenlty unemployed struggling for 3 months. Strugglin for a job. Have been learning DSA, MERN from past 4 months, system design and SQL is only subjects that are left now, after that will be ready to approach decent companies. Found no free good precise resource for system desigin but then came acorss your videos. I request to kindly create system design crash course playlist which precise to the point in biref information, helpful to crack SDE1 interviews.

  • @roach_jsh
    @roach_jsh 2 місяці тому

    The estimation of cache size would be good enough? I think we should estimate cache size based on shorten urls that are more getting heated then others url. So, If it's only 20% of shorten urls that are created with in a month, we can roughly expect that it would be ((500 bytes * 100 mil) / 100) * 20 = around 9 GB.

  • @sourabhchoudhary7289
    @sourabhchoudhary7289 2 місяці тому

    Hi In article with base64 conversion there is a problem to address. We have a counter that is shared across servers, so that counter is critical section and race condition might arrive as diff servers can read same value and generate same short-url. We must ensure mutual exclucion in that case. Correct me if i am wrong :)

  • @prathamgarg9548
    @prathamgarg9548 2 місяці тому

    15 mins of video and hours of value, great video Loved it👍 Would love to see more videos like this on designing systems

  • @kevinding0218
    @kevinding0218 2 місяці тому

    When talking about choosing between RDS vs NoSQL, IMO I was a little uncertain when it mentioned strong (RDS) vs eventual consistency (NoSQL). To RDS with a single instance, it might be confident to state that it can align with strong consistency, but when comes with replication nodes, RDS may also not guarantee consistency

  • @danielgovantes
    @danielgovantes 2 місяці тому

    I can't stress this enough: your content is super valuable.

  • @balajisenthilkumar6788
    @balajisenthilkumar6788 2 місяці тому

    Great one, mate! 👏A video on when to use cache, local storage and in memory would be appreciated! 😊

  • @rahmatsheikh2909
    @rahmatsheikh2909 2 місяці тому

    hornpub😂😂

  • @binhnguyen-bi8ig
    @binhnguyen-bi8ig 2 місяці тому

    Thank you so much for the quality content. Please make a series of system design! I feel so struggle and inefficient when designing complex system.

  • @vadymk759
    @vadymk759 2 місяці тому

    one of those videos where you get most from viewing time - very concise, effective, no side bs, covers edge cases etc 💜

  • @theschinkelfamily
    @theschinkelfamily 2 місяці тому

    I can't stand VSCode

  • @omarmandri5031
    @omarmandri5031 2 місяці тому

    Amazing video and explanation. Is it possible that you make a coding part where you actually build the component, it would be amazing. 👌👌

  • @b3arwithm3
    @b3arwithm3 2 місяці тому

    I think you should have expanded on how to compute that tinyurl. Its more relevant than explaining the lru which was very superficial

  • @AjayJetty
    @AjayJetty 2 місяці тому

    Amazing simplicity bro, keep rocking

  • @GuilhermeSiebert
    @GuilhermeSiebert 2 місяці тому

    Very well done content, mate. Keep on!

    • @codetour
      @codetour 2 місяці тому

      thanks! glad you enjoyed it

  • @lynnlo
    @lynnlo 2 місяці тому

    Why is your channel not being recommended more? This is great stuff!

  • @dhruvsolanki4473
    @dhruvsolanki4473 2 місяці тому

    Very Interesting.

  • @vinayakahk9767
    @vinayakahk9767 2 місяці тому

    Can you please share the blog post you mentioned at the end?

    • @codetour
      @codetour 2 місяці тому

      engineering.fb.com/2020/05/08/web/facebook-redesign/

  • @jlee-mp4
    @jlee-mp4 3 місяці тому

    where does the 70GB cache storage come from? Given 60TB total storage, wouldn't 20% of 60TB be around 12 TB?

  • @jlee-mp4
    @jlee-mp4 3 місяці тому

    your channel reminds me of that scene from the matrix where they just upload free knowledge into Neo's brain...

  • @jlee-mp4
    @jlee-mp4 3 місяці тому

    man I come to each of your videos expecting about x100 more views than what they have - IF I EVER MAKE IT, I'M GOING TO REDESIGN THE UA-cam ALGORITHM TO ENACT JUSTICE ON YOUR VIDEOS BC THEY'RE CRIMINALLY UNDERRATED

    • @codetour
      @codetour 3 місяці тому

      haha thank you bro I'm not really trying to "optimize" my videos in a certain format to get more likes, I'm just trying to provide information that inspires and is useful

  • @jlee-mp4
    @jlee-mp4 3 місяці тому

    dude your videos are actually brain p*rn, thank you

    • @codetour
      @codetour 3 місяці тому

      thank you my G glad you enjoy

  • @benve7151
    @benve7151 3 місяці тому

    Love your videos. Please do more!

  • @omhmpp
    @omhmpp 3 місяці тому

    Definitely helpful. Love your videos

    • @codetour
      @codetour 3 місяці тому

      thank you friend!!

  • @ShivamKumar-bt9nn
    @ShivamKumar-bt9nn 3 місяці тому

    Simple and yet scalable design compare to others. Thanks a lot...

  • @smoeinbbp
    @smoeinbbp 3 місяці тому

    good example of how join works. btw, actually this is not how the twitter timeline works. In a very brief way. it works based on fan out service and followers feed will be updated after a new tweet is posted by a person.

  • @nerdongaming9797
    @nerdongaming9797 3 місяці тому

    Bro can you suggest me some course for system design or do you teach system design from scratch

    • @codetour
      @codetour 3 місяці тому

      I usually recommend to read Designing Data Intensive Applications, any questions along the way, reach out to me on my discord

    • @nerdongaming9797
      @nerdongaming9797 3 місяці тому

      @@codetour any app suggestions from your side to start

    • @codetour
      @codetour 3 місяці тому

      read this first interviewing.io/guides/system-design-interview @@nerdongaming9797

    • @nerdongaming9797
      @nerdongaming9797 3 місяці тому

      @@codetour thanks 👍🏻

  • @mfaathirarsa
    @mfaathirarsa 3 місяці тому

    Hey, have you looked it into redis, it looks like a good option for in memory but you can also reconstruct from disk in case of restart or failure

  • @hans_1337
    @hans_1337 3 місяці тому

    can people really do all this math in their head that quick?

  • @HredFuzz
    @HredFuzz 3 місяці тому

    Amazing

  • @movntn
    @movntn 3 місяці тому

    I’m a design systems product designer and this is one of the most insightful development videos I’ve seen! Thank you for making this 🙌

  • @andresroca9736
    @andresroca9736 3 місяці тому

    Awesome your approach to software. This is what a lot of us are looking for.... Going beyond coding, and observe real engineering. Subscribed!

    • @codetour
      @codetour 3 місяці тому

      appreciate the kind words and thanks for watching!

  • @andresroca9736
    @andresroca9736 3 місяці тому

    What a nice piece of knowledge and thought delivery 👏👏

  • @suba_sah
    @suba_sah 3 місяці тому

    What I think now is websocket connections are between client and server to push real-time updates to UI. And, Pub/Sub architecture is adopted by kafka that's nothing to do with websockets at all. Websockets is a protocol for communication between client and server alike HTTP/HTTPs. PUB/SUB is event driven to get almost real-time updates.

  • @raofulkarim2822
    @raofulkarim2822 3 місяці тому

    Very nice