Web Development
Open in Telegram
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
Show more
Network:4 444
Subscribers
+124 hours
+57 days
+5730 days
Loading data
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
October '26Oct '26
October '26
+108
in 1 channels
September '26
+139
in 1 channels
Get PRO
August '26
+176
in 0 channels
Get PRO
July '26
+150
in 0 channels
Get PRO
June '26
+109
in 0 channels
Get PRO
May '26
+114
in 2 channels
Get PRO
April '26
+155
in 1 channels
Get PRO
March '26
+84
in 0 channels
Get PRO
February '26
+81
in 0 channels
Get PRO
January '26
+104
in 11 channels
Get PRO
December '25
+76
in 0 channels
Get PRO
November '25
+92
in 1 channels
Get PRO
October '25
+82
in 0 channels
Get PRO
September '25
+71
in 0 channels
Get PRO
August '25
+61
in 0 channels
Get PRO
July '25
+91
in 0 channels
Get PRO
June '25
+85
in 0 channels
Get PRO
May '25
+78
in 0 channels
Get PRO
April '25
+81
in 0 channels
Get PRO
March '25
+89
in 1 channels
Get PRO
February '25
+120
in 0 channels
Get PRO
January '25
+279
in 1 channels
Get PRO
December '24
+319
in 1 channels
Get PRO
November '24
+133
in 0 channels
Get PRO
October '24
+180
in 1 channels
Get PRO
September '24
+117
in 2 channels
Get PRO
August '24
+129
in 1 channels
Get PRO
July '24
+148
in 0 channels
Get PRO
June '24
+181
in 0 channels
Get PRO
May '24
+175
in 1 channels
Get PRO
April '24
+216
in 0 channels
Get PRO
March '24
+300
in 0 channels
Get PRO
February '24
+422
in 2 channels
Get PRO
January '24
+387
in 0 channels
Get PRO
December '23
+342
in 1 channels
Get PRO
November '23
+9
in 0 channels
Get PRO
October '23
+15
in 0 channels
Get PRO
September '23
+549
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 27 October | +1 | |||
| 26 October | +4 | |||
| 25 October | +2 | |||
| 24 October | +4 | |||
| 23 October | 0 | |||
| 22 October | +5 | |||
| 21 October | +5 | |||
| 20 October | +4 | |||
| 19 October | +8 | |||
| 18 October | +2 | |||
| 17 October | +6 | |||
| 16 October | +5 | |||
| 15 October | 0 | |||
| 14 October | +4 | |||
| 13 October | +2 | |||
| 12 October | +1 | |||
| 11 October | +2 | |||
| 10 October | +6 | |||
| 09 October | +4 | |||
| 08 October | +6 | |||
| 07 October | +5 | |||
| 06 October | +4 | |||
| 05 October | +3 | |||
| 04 October | +3 | |||
| 03 October | +2 | |||
| 02 October | +14 | |||
| 01 October | +6 |
Channel Posts
π Can You Find the Bug?
Think you can spot a JavaScript bug before running the code? π
Take a look at this:
const users = ["Alex", "Austin", "Max"];
for (let i = 0; i <= users.length; i++) {
console.log(users[i]);
}undefined
C) It gives a syntax error
D) It creates an infinite loop
π Comment your answer before checking the solution!
π‘ Hint: Look carefully at the loop condition.| 2 | π What Actually Happens When You Type google.com?
You type a URL, press Enter, and the website appears in seconds.
But what actually happens behind the scenes? π
Let's break it down π
1. DNS Finds the Server π
Your browser asks DNS:
*"Where is google.com?"*
DNS finds the IP address of the server hosting the website.
2. Your Browser Connects π
Your browser establishes a connection with that server.
For HTTPS websites, encryption is also set up to keep the communication secure π
3. Browser Sends an HTTP Request π‘
Your browser basically says:
*"Hey server, I want this webpage."*
The request contains information such as the URL, method and headers.
4. Server Processes the Request βοΈ
The server receives your request and decides what to return.
It may also communicate with databases, APIs or other services.
5. Server Sends a Response π¦
The server sends data back to your browser.
This could include HTML, CSS, JavaScript, images and other files.
6. Browser Builds the Page π₯
Now the browser gets to work.
It reads the HTML, applies CSS, executes JavaScript and loads additional resources.
7. You See the Website β¨
After all of that happens in milliseconds...
You finally see:
Google.
And you probably thought you just *typed a URL*. π
π‘ One simple action triggers an entire chain of systems working together.
πΎ Save this. You'll understand the internet a little differently next time you open a website. | 194 |
| 3 |  React Vite Project Structure | 205 |
| 4 | Interface Cheat Sheet
This is an insane collection of practical UI best practices (concentric border-radius, optical alignment, animation origins, typography details, colors, accessibility, etc.) with examples.
It will surely help if you are a web developer.
π Link | 243 |
| 5 | π¨βπ» 5 Things I Wish I Knew Before Learning Coding
Starting coding can feel confusing. Here are a few things that can make the journey much easier
1. You Don't Need to Learn Everything π§
β’ You don't need 5 programming languages
β’ Pick one and get comfortable with it first
2. Errors Are Part of Learning π
β’ Getting errors doesn't mean you're bad at coding
β’ Debugging is one of the most important skills you'll develop
3. Tutorials Aren't Enough π
β’ Watching someone build a project isn't the same as building it yourself
β’ Practice by writing code without following every step
4. Projects Matter π
β’ Build things even when you feel you're not ready
β’ Real projects expose you to problems that tutorials can't teach
5. Consistency Beats Motivation π₯
β’ You won't feel motivated every day
β’ Even 30-60 minutes of consistent practice can add up over time
π¬ The goal isn't to become a great developer overnight. It's to become slightly better every day. | 298 |
| 6 |  FullStack Development Roadmap | 333 |
| 7 | Strong opinion:
You shouldn't write Server Actions that take FormData as an argument. They should take normal typed args instead.
The whole point of Server Actions is that they let us use TypeScript functions to call server code from the client.
The reason we want to use typed functions instead of fetch() is exactly the same as why we want to use Prisma or Drizzle to query our databases: they give us feedback directly in our editor when we write incorrect code.
If we write
const sql = "INSERT INTO users (namee) VALUES ('sam')"
We won't know we've made a mistake until we execute the query. The SQL statement is actually a data structure, but that structure is hidden behind an opaque string. Tools like Prisma and Drizzle make that structure comprehensible by TypeScript, so that when we write
prisma.users.create({ data: { namee: 'sam' }})
we know right away we've made a typo, and can fix it without needing to run the code.
The same is true for Server Actions. If we write an action that takes formData:
"use server"
async function createUser(formData: FormData) {
const name = formData.get('name')
await prisma.users.create({ data: { name }})
}
then call it from the client
<form action={createUser}>
<input type='text' name='namee' />
</form>
we'll get zero feedback that our HTML has a typo, until we run the code. The HTML `name` attribute is an opaque string, and like the SQL example, it has obscured the data structure underneath.
Compare that to this version, that accepts a normal name prop typed as a string:
"use server"
async function createUser(name: string) {
await prisma.users.create({ data: { name }})
}
Now in the client, if we make a mistake:
const [name, setName] = useState('')
<form action={() => createUser(namee)}>
<input type='text'
value={name}
onChange={e => setName(eβ.target.value)}
/>
</form>
we'll know right away, thanks to createUser using the specific type we expect, rather than taking an opaque FormData object.
Note that this is exactly how we normally write event handlers in React:
<button onClick={() => setCount(count + 1)} />
You wouldn't use an opaque data structure to pull this off...
<button onClick={() => exec("increment 'count' by 1"} />
...because you don't have to. You're working in JavaScript, and you get to use all the features and data structures the language gives you to help you write your code. API calls and DB queries cross a serialization boundary, so traditionally that's where we've had to leave the safety of the language.
But where tools like Prisma brought us back to the language to write our db queries, Server Functions have now done exactly the same thing for our API calls.
Using FormData effectively breaks us out of the language again, taking our data structures and type safety right along with it. | 348 |
| 8 |  πRandom React Tip:
If you want to quickly log things from JSX (we've all been there), you can!
{(console.log(whatever), null)}
Yes, it's silly but useful. | 308 |
| 9 |  Websites to Learn Every Technology | 358 |
| 10 |  Docker vs Kubernetes | 402 |
| 11 | Which HTML element is used to create a hyperlink? | 412 |
| 12 |  CSS Tip
Stop centring tooltips with πππππππππ: -π»πΆ%. near the edge of the screen they get cut off.
.πππππππ {
ππππππππ: ππππππππ;
ππππππππ-ππππππ: --πππππ;
ππππππ: ππππππ(πππ);
πππππππ’-ππππ: ππππππ-ππππππ;
}
It stays centred on its anchor, and near an edge it slides in instead of spilling out. | 445 |
| 13 | JavaScript CheatSheet | 489 |
| 14 |  πPro tip if you're using Postgres:
Set `application_name` in your app's DB connector/ORM/connection URL
This allows you to see human-readable service names for where queries + connections are coming from in pg_stat_activity/dashboards
Super useful to have configured! | 538 |
| 15 | π Beginner β Developer: What to Learn in 6 Months
Want to become job-ready but don't know where to start? Here's a practical 6-month roadmap for CSE students π¨βπ»π₯
π’ Month 1: Programming Fundamentals
β’ Pick one language: C++, Java or Python
β’ Learn variables, loops, functions, OOP and basic problem solving
π’ Month 2: DSA Fundamentals
β’ Arrays, strings, linked lists, stacks and queues
β’ Start solving problems regularly
π‘ Month 3: Advanced DSA
β’ Trees, graphs, heaps, recursion and dynamic programming
β’ Focus on understanding patterns instead of memorizing solutions
π‘ Month 4: Development
β’ Learn HTML, CSS and JavaScript
β’ Build 2-3 small projects
π Month 5: Full-Stack Development
β’ Learn a frontend framework like React
β’ Learn backend, APIs and databases
β’ Build one complete project
π΄ Month 6: Placement Preparation
β’ Improve your resume and GitHub
β’ Practice DSA and aptitude
β’ Prepare CS fundamentals: DBMS, OS and Computer Networks
β’ Start applying for internships
π‘ Don't try to master everything in 6 months. Focus on building strong fundamentals and real projects.
π Consistency matters more than completing a roadmap quickly. | 534 |
| 16 |  React vs Angular | 451 |
| 17 | What is the result of typeof null in JavaScript? | 448 |
| 18 | β‘οΈ 10 VS Code Extensions That Are Actually Useful
If you use VS Code for coding, these extensions can make your workflow faster and cleaner π¨βπ»π₯
1. Prettier β¨
β’ Automatically formats your code
β’ Keeps your projects clean and consistent
2. GitLens π
β’ Adds powerful Git features to VS Code
β’ Easily explore file history and code changes
3. ESLint π
β’ Finds problems in JavaScript and TypeScript code
β’ Helps maintain consistent coding standards
4. Live Server π
β’ Launch a local development server instantly
β’ Automatically reloads your webpage when files change
5. Python π
β’ Official Microsoft extension for Python development
β’ Debugging, IntelliSense, testing and more
6. Jupyter π
β’ Run and edit Jupyter notebooks directly in VS Code
β’ Great for Python, data science and ML
7. Docker π³
β’ Manage Docker containers and images from VS Code
β’ Useful for modern development workflows
8. Thunder Client β‘οΈ
β’ Test APIs directly inside VS Code
β’ Useful for REST API development and debugging
9. Error Lens π¨
β’ Displays errors and warnings directly in your editor
β’ Makes debugging easier to spot
10. Path Intellisense π
β’ Autocompletes filenames and paths
β’ Saves time when working with large projects
πΎ Save this list and install the ones that fit your workflow.
@web_dev_bds | 436 |
| 19 |  How JWT Works | 466 |
| 20 |  πQuick React Tip:
Don't subscribe to data that you don't render; it causes unnecessary rerenders. If it's only used in event handlers, read it there.
AI coding agents tend to get this wrong. | 496 |
