Hayk Simonyan
Hayk Simonyan
  • 118
  • 218 366
Why Learn JavaScript in 2024?
Why JavaScript is the top programming language to learn in 2024 for high-paying, in-demand jobs in web development and beyond.
Free JavaScript Course: www.skool.com/web-dev-mastery
#javascript #js #javascript2024
Переглядів: 831

Відео

System Design Interview: Design Twitter (X)
Переглядів 684День тому
Learn how to handle billions of tweets, followers, and massive data, and get ready to impress interviewers with your knowledge of designing social media platforms like Twitter. Free System Design Course: www.skool.com/web-dev-mastery Sections 0:00 Background 0:45 Functional Requirements 1:32 Non-Functional Requirements 3:08 API Design 5:27 High-Level Design 6:43 Database Schema 7:50 Caching 8:...
The Best CSS Frameworks for 2024: Tailwind CSS, Bootstrap, and Beyond
Переглядів 38614 днів тому
Learn CSS frameworks like Tailwind CSS and Bootstrap to build websites faster in this practical guide for web developers. Free Courses for Web Developers: www.skool.com/web-dev-mastery Sections 0:00 Introduction 0:19 Pros & Cons of CSS Frameworks 1:27 The State of CSS Frameworks in 2024 2:27 Tailwind CSS vs. Bootstrap 4:03 Getting started with Tailwind 7:59 Building a Checkout page with Tailwi...
Sass Tutorial for Beginners - CSS With Superpowers
Переглядів 27921 день тому
Master Sass essentials like variables, nesting, mixins, and more in this 22-minute crash course designed for beginners who want to supercharge their CSS skills. More Free Tutorials: www.skool.com/web-dev-mastery Resources - Sass Docs: sass-lang.com/ - Source Code: github.com/hayk-simonyan/portfolio-website Sections 0:00 Installation 0:33 Sass syntax 1:49 Compiling Sass into CSS 3:23 Nesting 4:...
Practical HTML & CSS Crash Course [Building a Responsive Portfolio]
Переглядів 512Місяць тому
Learn HTML and CSS quickly with this hands-on crash course! In just 2 hours, you'll build a modern and responsive portfolio website from scratch. No boring theory - just practical, real-world experience that will get you coding confidently. Perfect for beginners and a great refresher for experienced developers. Free Web Developers Community and Courses: www.skool.com/web-dev-mastery Designer's ...
How Signed URLs & Cookies Protect Your Cloud Data
Переглядів 351Місяць тому
Learn how signed URLs and cookies can protect your data, control access, and prevent unauthorized downloads. Free System Design Course: www.skool.com/web-dev-mastery Sections 0:00 The problem with unchanging URLs 0:32 Signed URLs 2:32 Signed Cookies 3:28 When to choose one over the other?
Learn CSS Flexbox in easy way
Переглядів 1,2 тис.Місяць тому
Learn CSS Flexbox, the easy way! Free Flexbox Cheatsheet: flying-income-5aa.notion.site/Flexbox-Cheatsheet-917f89164c3d415b87ef384918d8c42e Free HTML & CSS Crash Course: www.skool.com/web-dev-mastery Sections 0:00 Intro 0:30 display flex 1:01 flex-direction 1:50 justify-content 2:41 align-items 3:33 gap 4:06 flex-grow 4:55 flex-shrink 5:32 flex-basis 5:59 flex 6:25 flex-wrap 7:00 align-content...
Object Storage (BLOBs) Explained for System Design
Переглядів 560Місяць тому
Why is object storage (BLOBs) so popular? Learn how it can help you store, manage, and scale your data in the cloud. More Free System Design Tutorials: www.skool.com/web-dev-mastery
Deploy Nodejs App to DigitalOcean in 10 Minutes (Free SSL & Custom Domain)
Переглядів 9722 місяці тому
Learn how to quickly and easily deploy your Node.js application to DigitalOcean, complete with a free SSL certificate and custom domain. Get your Node.js app live and secure in under 10 minutes! 👇Resources Get $200 in credits on Digital Ocean: m.do.co/c/542762bef7e4 My Namecheap referral link: namecheap.pxf.io/k0rBzx Windows users without OpenSSH can install and use PuTTY instead: docs.digitalo...
System Design Interview: Design WhatsApp
Переглядів 6 тис.2 місяці тому
Prepare for system design interviews with this guide to designing a WhatsApp-like messaging app. Learn about architectural considerations, API design, scalability strategies, and potential bottlenecks. More Free Courses: www.skool.com/web-dev-mastery Sections 0:00 Introduction 0:17 Clarifying Functional Requirements 0:43 Non-Functional Requirements 1:10 Estimation: Data Math 2:00 API Design 3:...
Chrome DevTools, Extensions, & Pro Tips for Web Developers
Переглядів 3362 місяці тому
Learn how to debug efficiently and optimize website performance using powerful built-in tools and helpful add-ons in your browser. Free Web Developers Community and Courses: www.skool.com/web-dev-mastery Sections 0:00 Introduction 0:18 Extensions 2:25 Devtools 5:00 Pro-Tips
How To Make Your Boring Terminal So Much Better
Переглядів 1,1 тис.2 місяці тому
In this video, I will show you how to enhance your Mac terminal using iTerm2, zsh, Oh-My-Zsh, and more. Free Web Developers Community and Courses: www.skool.com/web-dev-mastery 🔗 Resources Windows terminal customization - learn.microsoft.com/en-us/windows/terminal/tutorials/custom-prompt-setup - beebom.com/how-customize-windows-terminal-2 Linux terminal customization - www.geeksforgeeks.org/how...
20 VS Code Extensions to INCREASE Productivity 2024 + Themes, Icons, & Shortcuts
Переглядів 8392 місяці тому
Optimize your VSCode setup like a pro! In this tutorial, I reveal my top 20 vscode extensions for productivity, plus essential tips on themes, icons, and shortcuts. Download VS Code Here: code.visualstudio.com VSCode Shortcuts for MacOS: code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf VSCode Shortcuts for Windows: code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf 🚀 Joi...
How Your Browser Finds Websites?
Переглядів 2343 місяці тому
Free Web Developers Community and Courses: www.skool.com/web-dev-mastery Sections 0:00 Introduction 0:42 How your browser finds websites 3:05 Experiment 4:18 Summary
Will AI Replace Developers?
Переглядів 1783 місяці тому
Forget the clickbait headlines - here's what AI really means for developers. Free Web Developers Community and Courses: www.skool.com/web-dev-mastery
Learn Web Development the Right Way: With Support, Projects, and Job-Ready Skills
Переглядів 7223 місяці тому
Learn Web Development the Right Way: With Support, Projects, and Job-Ready Skills
NoSQL Databases Explained: All Types & When to Use Them
Переглядів 3583 місяці тому
NoSQL Databases Explained: All Types & When to Use Them
Map Reduce explained with example | System Design
Переглядів 7004 місяці тому
Map Reduce explained with example | System Design
The Complete SQL Tutorial: From Basics to Scaling Databases
Переглядів 3134 місяці тому
The Complete SQL Tutorial: From Basics to Scaling Databases
System Design Interview Question: Design URL Shortener
Переглядів 5 тис.4 місяці тому
System Design Interview Question: Design URL Shortener
The ULTIMATE Guide To Advancing From a Mid-Level to a Senior Web Developer
Переглядів 1,4 тис.4 місяці тому
The ULTIMATE Guide To Advancing From a Mid-Level to a Senior Web Developer
The ULTIMATE Guide To Advancing From a Junior to a Mid-Level Web Developer
Переглядів 1,6 тис.5 місяців тому
The ULTIMATE Guide To Advancing From a Junior to a Mid-Level Web Developer
The ULTIMATE Beginners Guide To Becoming a Web Developer
Переглядів 1,4 тис.5 місяців тому
The ULTIMATE Beginners Guide To Becoming a Web Developer
System Design Interview Concepts [FULL TUTORIAL]
Переглядів 14 тис.5 місяців тому
System Design Interview Concepts [FULL TUTORIAL]
How to Implement a Heap in JavaScript and Perform Push, Pop and Heapify Operations
Переглядів 1315 місяців тому
How to Implement a Heap in JavaScript and Perform Push, Pop and Heapify Operations
Backtracking in Binary Trees: Solving Pathfinding Problems
Переглядів 1725 місяців тому
Backtracking in Binary Trees: Solving Pathfinding Problems
SQL Transactions and ACID Properties
Переглядів 2505 місяців тому
SQL Transactions and ACID Properties
SQL Tutorial for Beginners
Переглядів 1836 місяців тому
SQL Tutorial for Beginners
System Design Interview Question: Design Spotify
Переглядів 5 тис.6 місяців тому
System Design Interview Question: Design Spotify
The Essential Guide to Load Balancing Strategies and Techniques
Переглядів 4686 місяців тому
The Essential Guide to Load Balancing Strategies and Techniques

КОМЕНТАРІ

  • @DawitMel
    @DawitMel 18 годин тому

    Thanks for the video. I had paused your video to try it myself first and I had the write APIs write to the Object Store directly, curios your thinking behind doing it your way instead. Otherwise, I have really enjoyed your videos including the pull-based CDN caching which is a great consideration.

  • @kimgalifonikes7477
    @kimgalifonikes7477 День тому

    Fascinating

  • @ashokchourasia
    @ashokchourasia 2 дні тому

    Does WhatsApp store messages in database? As per my understanding it stores only the messages which couldn't get delivered at that moment. That, too, for 30 days. Please correct me if i am wrong.

    • @mercynik2019
      @mercynik2019 8 годин тому

      Yes you are right if you thinks it as way the app works .... they store the messages in user mobile local storage ... and user also has the option to keep a back up over the google drive but they do store the current messages somewhere because when we use the whats app web they loads all the messages we currently have on our phone .... do they collects those from our phones local storage or they do have a backups ? ... thats i also I want to know ... like how it works ......

  • @regilearn2138
    @regilearn2138 2 дні тому

    Would like to request a video on micro-frontend - module federation and micro services backend practical tutorial course on MERN stack

    • @hayk.simonyan
      @hayk.simonyan День тому

      Great suggestions. I'll include these topics in the upcoming system design course.

  • @tanmayjain5557
    @tanmayjain5557 2 дні тому

    Could you please explain web cache and web workers?

    • @hayk.simonyan
      @hayk.simonyan День тому

      Thanks for the suggestions. I have a video on caching on this channel if you haven't seen it yet, and I'll be sure to cover web workers in detail in my upcoming JavaScript course.

  • @daviddixx6737
    @daviddixx6737 2 дні тому

    This might sound like a noob question(it's because i am) 😅 How come the size of a tweet stored in the DB increases when it includes media?? Because in my projects, i usually don't store the media in my DB but i store a link pointing to the uploaded media so seeing the size increasing due to media confusing to me. Thank you Nice video btw 😁

    • @hayk.simonyan
      @hayk.simonyan 2 дні тому

      The 20 petabyte estimation in the data estimation section refers to the total data size, including media like images and videos. In reality, only metadata would be stored directly in the database for each tweet. The actual media files themselves would be stored in a separate system, like object storage, as shown later in the video. So your assumption is correct, we don't store these media files in a database. Let me know if you have any follow up questions!

  • @devT44
    @devT44 2 дні тому

    Sir, will u make a playlist on aria attributes and web accessibility?

    • @hayk.simonyan
      @hayk.simonyan 2 дні тому

      I do touch on accessibility basics in our free Skool community HTML & CSS crash course. While aria attributes aren't specifically covered in this video series, I'll definetly consider creating a more in-depth series on that in the future 👍

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

    thanx ........ i took course on CSS and web development in school ..... completely useless ... this video explain much better

    • @hayk.simonyan
      @hayk.simonyan 2 дні тому

      It's great to hear that. Hope it sparks some excitement and motivation to dive deeper into web development!

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

    thank for this amazing diagram ......... keep up ✌✌

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

    Sorry but JS is just a big mess and there is a big shift from it is coming in the next years, Devs burnt out with its endless frameworks which in most cases can be replaced with HTMX and Alpinejs for 90% of sites and apps, for the backend stay away from JS please, you know what I mean.

    • @hayk.simonyan
      @hayk.simonyan 2 дні тому

      I agree that JavaScript has its quirks (like any other language), and the ecosystem can feel overwhelming at times. But I wouldn't say there's a mass exodus from JS. Most companies, from startup to big enterprises still rely heavily on JavaScript, and it remains a core technology for the web.

    • @sheko4515
      @sheko4515 2 дні тому

      @@hayk.simonyan well startups are using Rust, Go, Zig or Elixir and good brunch going back to Rails or Django so I am not sure if JS has a great future, I am not saying there is an exodus but the community is burnt out with this language that was created in 10 days!!

  • @ShubhamSharma-mw1vg
    @ShubhamSharma-mw1vg 4 дні тому

    JS is best I feel so much flexible when working on JS like i can build apps, websites, ai, api, network model, games basically it does what I want specially in hackathons

    • @hayk.simonyan
      @hayk.simonyan 2 дні тому

      Totally agree! JavaScript's flexibility is amazing

  • @yashmehrotra9152
    @yashmehrotra9152 5 днів тому

    useful content 👨‍💻

  • @samsiddique4751
    @samsiddique4751 7 днів тому

    please, do one big website project using html, scss and JS (only front-end).

    • @hayk.simonyan
      @hayk.simonyan 2 дні тому

      For now I have this portfolio project that is done with HTML, CSS, Scss. I may create another project in the future that will also include JS. Thanks for your suggestion!

  • @nikhilg251
    @nikhilg251 8 днів тому

    class Solution(object): def removeElement(self, nums, val): """ :type nums: List[int] :type val: int :rtype: int """ final = 0 for i in nums: if i != val: final = final + 1 return final

  • @sunasarahusenahmad132
    @sunasarahusenahmad132 8 днів тому

    It's a good, Amazing 😊

  • @AizazShahid-ck8cn
    @AizazShahid-ck8cn 11 днів тому

    Why not use a database with B-trees instead of LSM + SST in Cassandra considering we want to optimise for reads? And if we use that then we can use the same database for storing short URLs as well rather than doing another network call for the short URL from a separate databse

    • @hayk.simonyan
      @hayk.simonyan 10 днів тому

      Good question! While B tree databases could optimize reads for this case, the choice of LSM-based systems (like cassandra) often comes from their great scalability and distributed nature. It also excels at handling high write throughput and horizontal scaling and these features are important for handling the massive traffic and global distribution typical of URL shorteners

    • @AizazShahid-ck8cn
      @AizazShahid-ck8cn 10 днів тому

      @@hayk.simonyan What makes Cassandra better for horizontal scaling compared to something like mysql or postgres? In this scenario, complex multi-shard joins is not really a use case then what makes LSM-based systems scale better?

    • @hayk.simonyan
      @hayk.simonyan 10 днів тому

      @@AizazShahid-ck8cn cassandra distributes data evenly and ensures high availability unlike MySQL/postgres, which require complex sharding logic. And in a URL shortener we typically prioritize write performance and scalability over complex multi-shard joins

  • @Coding101-nb5ej
    @Coding101-nb5ej 11 днів тому

    Your system design explanations are clearer and more insightful than all the paid courses I've bought. This is hands down the best resource I've found. Please post more videos like these ♥

    • @hayk.simonyan
      @hayk.simonyan 10 днів тому

      Thank you. Expect many more videos like these!!

  • @raghavruia5452
    @raghavruia5452 12 днів тому

    Amazing explanation! Thanks for such a detailed video, will surely check out your course.

    • @hayk.simonyan
      @hayk.simonyan 10 днів тому

      Glad you found the video helpful. Definitely check out the course, and feel free to reach out if you have any questions!

  • @eQ-13
    @eQ-13 13 днів тому

    This was a great tutorial. Could you add the deployment of front end too in the same droplet? How do we configure ngnix when both backend and front end are running on the same server?

    • @hayk.simonyan
      @hayk.simonyan 10 днів тому

      You can deploy both on the same droplet by configuring Nginx to serve your frontend from the root and proxy /api requests to your backend. This way Nginx will handle both frontend and backend on the same server.

    • @eQ-13
      @eQ-13 10 днів тому

      @@hayk.simonyan Thank you for your response. Much appreciated.

  • @muriloteixeiradasilvasanto1571
    @muriloteixeiradasilvasanto1571 14 днів тому

    Very, very good.

  • @codingisamazing
    @codingisamazing 16 днів тому

    thank you so much happy to see how they work both, now I prefer to start with Bootstrap

    • @hayk.simonyan
      @hayk.simonyan 15 днів тому

      That's awesome! Bootstrap is a great choice to start with 👍

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

    Low latency as functional?

    • @hayk.simonyan
      @hayk.simonyan 15 днів тому

      no, low latency was mentioned in non-functional requirements section

  • @montrezor777
    @montrezor777 18 днів тому

    good stuff!

  •  20 днів тому

    I came from your Medium article and I'm leaving a comment before watching the video since I'm sure that it's useful and informative. Thanks a lot.

    • @hayk.simonyan
      @hayk.simonyan 19 днів тому

      Hope it lives up to your expectations :) Feel free to leave any questions or feedback you have after watching.

  • @810612381
    @810612381 23 дні тому

    great stater video, this overview is engaging , high quality slides and content

  • @kiranpalika7661
    @kiranpalika7661 25 днів тому

    Precise and Valuable, The most needed one.

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

    I’m a non technical product manager, worked on multiple e-commerce websites and apps. The way you have explained the power engines behind the UI is just beautiful and so easy to understand. THANK YOU very much.

    • @hayk.simonyan
      @hayk.simonyan 23 дні тому

      You're very welcome! Glad my explanations were helpful for you as a product manager.

  • @vinoths7140
    @vinoths7140 27 днів тому

    I am grateful for your help in making me understand.

    • @hayk.simonyan
      @hayk.simonyan 23 дні тому

      You're welcome! Glad it was helpful.

  • @Coding101-nb5ej
    @Coding101-nb5ej Місяць тому

    Finally an HTML CSS guide that actually makes sense. So many other tutorials that are way too abstract, but this one is so practical and easy to follow 🫶

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

    after watching five different videos , i finally understood the concept from yours . Thank you very much!

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

    for anyone who finds welcome page from firebird but not the own one, try to replace the index.html with one of your own html and run the same commands, rmb to choose N for all replacing commands

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

    any further resource that you have about signed urls and cookies. Obviously I can do my own research but if you have any resources on hand that would be much appreciated

    • @hayk.simonyan
      @hayk.simonyan Місяць тому

      The best place to get started is the official docs from the cloud provider you're using. Like from Google cloud CDN or AWS Cloudfront: cloud.google.com/cdn/docs/using-signed-urls, cloud.google.com/cdn/docs/using-signed-cookies docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/private-content-signed-urls.html docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/private-content-signed-cookies.html

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

      @@hayk.simonyan thanks!!! I will keep that in mind going forward regarding documentation

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

    0:18 Can you tell me what software or website used to make this animation?

    • @hayk.simonyan
      @hayk.simonyan Місяць тому

      I used Keynote for the animations

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

    Thank you so much for this wonderful tutorial!! a css grid tutorial would be highly appreciated 👍🏼🙂

    • @hayk.simonyan
      @hayk.simonyan Місяць тому

      you're welcome 👍 That's a good idea, I'll make sure to cover Grid as well in one of the upcoming videos

  • @Coding101-nb5ej
    @Coding101-nb5ej Місяць тому

    best explanation of flexbox I've ever seen ♥

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

    soo good. thanks for the video!

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

    all the steps worked but the there was nothing on the site. what should i do?

    • @hayk.simonyan
      @hayk.simonyan Місяць тому

      Verify that index.html exists in the correct folder that you specified and double-check deployment logs. Additionally, clear the browser cache and try incognito mode

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

    this video saved my day! Thank you so much

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

    Life saver. Very great content

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

    Very great channel! Thanks for the content