gram news
Web Development channel avatar

Web Development

@web_dev_bds

Web development learning path Frontend and backend resources. HTML, CSS, JavaScript, React, APIs and project ideas. Join 👉 https://rebrand.ly/bigdatachannels DMCA: @disclosure_bds Contact: @mldatascientist

ProjectsENProgramming

4,370subscribers

Open the Channel

Latest posts

  • Web Development

    22 Sept, 13:10

    How Docker Works
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    22 Sept, 09:40

    forwarded from @programming_quizz

  • Web Development

    21 Sept, 08:45

    forwarded from @github_repositories_bds

    reactjs-interview-questionsList of top 500 ReactJS Interview Questions & Answers.Creator: sudheerj Stars ⭐️: 44,796 Forked by: 10,384Github Repo: https://github.com/sudheerj/reactjs-interview-questions#ReactJS #Interview ➖➖➖➖➖➖➖➖➖➖➖ 🚀 More cool repos → @github_repositories_bds Part of @bigdataspecialist community
    GitHubGitHub - sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions…List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! - sudheerj/reactjs-interview-questions
  • Web Development

    20 Sept, 07:40

    What Actually Is HTTPS?HTTPS is HTTP running over TLS (Transport Layer Security).TLS is responsible for encrypting the communication.HTTP still handles things like: 🎯 Methods (GET, POST) 🎯 Headers 🎯 Cookies 🎯 Status codesBefore any HTTP data is exchanged, the browser and server perform a TLS handshake.During this process they: - Verify the server's identity using its certificate. - Agree on an encryption algorithm. - Generate shared encryption keys.Only after that does the browser send the first HTTP request.
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    18 Sept, 11:35

    244file11Open in Telegram
  • Web Development

    18 Sept, 09:20

    forwarded from @programming_quizz

  • Web Development

    17 Sept, 12:49

    Monolithic vs Micorservices Architecture
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    16 Sept, 15:14

    📂 API Design Roadmap ┃ ┣ 📂 Foundations ┃ ┣ 📂 What is an API? ┃ ┣ 📂 HTTP & HTTPS Fundamentals ┃ ┣ 📂 Request & Response Lifecycle ┃ ┣ 📂 JSON & Data Formats ┃ ┗ 📂 API Design Principles ┃ ┣ 📂 REST API Design ┃ ┣ 📂 REST Architecture ┃ ┣ 📂 Resources & Endpoints ┃ ┣ 📂 HTTP Methods (GET, POST, PUT, DELETE, PATCH) ┃ ┣ 📂 Status Codes ┃ ┗ 📂 REST Best Practices ┃ ┣ 📂 API Documentation ┃ ┣ 📂 OpenAPI Specification ┃ ┣ 📂 Swagger UI ┃ ┣ 📂 API Reference Documentation
  • Web Development

    15 Sept, 11:03

    The Microtask QueuePromises don't execute immediately after they resolve. They wait their turn.The Microtask Queue is a queue that stores callbacks from resolved Promises before they're executed.Consider: console.log("A");Promise.resolve().then(() => console.log("B"));console.log("C");The output is: A C BEven though the Promise resolves immediately, its callback is placed into the Microtask Queue.
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    14 Sept, 10:24

    forwarded from @programming_quizz

  • Web Development

    13 Sept, 10:45

    🚀 40 Full Stack Project IdeasWant to build an impressive portfolio? Here are 40 Full Stack project ideas ranging from beginner to advanced.🟢 Beginner 1. Personal Portfolio Website 2. To-Do List Application 3. Notes Taking App 4. Expense Tracker 5. Weather Dashboard 6. Blog Website 7. URL Shortener 8. Quiz Platform 9. Contact Management System 10. Movie Search App🟡 Intermediate 11. E-Commerce Store 12. Job Portal 13. Food Ordering System
  • Web Development

    12 Sept, 09:00

    JavaScript: Object Oriented Programming
    321file3Open in Telegram
  • Web Development

    11 Sept, 10:15

    🔅 Server actions in NextJSServer actions refer to tasks and operations that are executed on the server side.Next.js, being a hybrid framework, allows you to perform both server-side and client-side rendering, giving you the flexibility to handle different types of data fetching and processing.
    Image from a post by Web DevelopmentImage from a post by Web DevelopmentImage from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    10 Sept, 12:01

    If you design or vibe code, save this list.- Kokonut UI : Animated React components - Motion Sites : Website and animation inspiration - Motion .dev : Web animation - Anime .js : JavaScript animation - Particles Casberry : interactive particles and WebGL effects
    381video22Open in Telegram
  • Web Development

    9 Sept, 15:02

    History API in JavaScriptModern websites don't reload every page anymore.So how does the browser change pages without asking the server for a new HTML document?The answer is the History API.The History API lets JavaScript change the current URL without triggering a full page refresh.Frameworks like React Router and Next.js use: history.pushState(...) instead of: window.location = "/dashboard";The browser updates the address bar. The existing JavaScript application stays alive. Only the required UI changes.This is why navigation inside a React application feels instant. The browser isn't downloading another website.It's displaying a different view inside the one that's already running.
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    9 Sept, 12:01

    forwarded from @programming_quizz

  • Web Development

    9 Sept, 07:58

    Web Devs Do you know why URLs have two slashes (//) after http:? Not 1. Not 3. Why 2? 🤔
    31632Open in Telegram
  • Web Development

    8 Sept, 10:44

    Web DevsDo you know why URLs have two slashes (//) after http:?Not 1. Not 3. Why 2? 🤔
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    7 Sept, 07:35

    What Actually Happens During npm installnpm install does far more than download packages. It first reads your package.json.Then it looks at your package-lock.json, which records the exact dependency versions your project expects. Next it builds a dependency tree.If Package A needs React 18.2.0 and Package B also needs React 18.2.0, npm can reuse that version.If another package requires React 17, npm may install both versions because their requirements don't match.Only after resolving that entire tree does npm download packages and place them into node_modules.That's why deleting package-lock.json can unexpectedly change working code.The lock file isn't just a cache. It's a snapshot of the dependency tree your project was built and tested with.
    Image from a post by Web DevelopmentImage from a post by Web Development
  • Web Development

    6 Sept, 10:29

    forwarded from @programming_quizz

    305poll2Open in Telegram