Web Development
رفتن به کانال در 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
نمایش بیشتر
شبکه:4 363
مشترکین
+324 ساعت
-27 روز
+4930 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
سپتامبر '26
سپتامبر '26
+55
در 0 کانالها
اوت '26
+176
در 0 کانالها
Get PRO
ژوئیه '26
+150
در 0 کانالها
Get PRO
ژوئن '26
+109
در 0 کانالها
Get PRO
مه '26
+114
در 1 کانالها
Get PRO
آوریل '26
+155
در 1 کانالها
Get PRO
مارس '26
+84
در 0 کانالها
Get PRO
فوریه '26
+81
در 0 کانالها
Get PRO
ژانویه '26
+104
در 9 کانالها
Get PRO
دسامبر '25
+76
در 0 کانالها
Get PRO
نوامبر '25
+92
در 1 کانالها
Get PRO
اکتبر '25
+82
در 0 کانالها
Get PRO
سپتامبر '25
+71
در 0 کانالها
Get PRO
اوت '25
+61
در 0 کانالها
Get PRO
ژوئیه '25
+91
در 0 کانالها
Get PRO
ژوئن '25
+85
در 0 کانالها
Get PRO
مه '25
+78
در 0 کانالها
Get PRO
آوریل '25
+81
در 0 کانالها
Get PRO
مارس '25
+89
در 1 کانالها
Get PRO
فوریه '25
+120
در 0 کانالها
Get PRO
ژانویه '25
+279
در 1 کانالها
Get PRO
دسامبر '24
+319
در 1 کانالها
Get PRO
نوامبر '24
+133
در 0 کانالها
Get PRO
اکتبر '24
+180
در 1 کانالها
Get PRO
سپتامبر '24
+117
در 2 کانالها
Get PRO
اوت '24
+129
در 1 کانالها
Get PRO
ژوئیه '24
+148
در 0 کانالها
Get PRO
ژوئن '24
+181
در 0 کانالها
Get PRO
مه '24
+175
در 1 کانالها
Get PRO
آوریل '24
+216
در 0 کانالها
Get PRO
مارس '24
+300
در 0 کانالها
Get PRO
فوریه '24
+422
در 2 کانالها
Get PRO
ژانویه '24
+387
در 0 کانالها
Get PRO
دسامبر '23
+342
در 1 کانالها
Get PRO
نوامبر '23
+9
در 0 کانالها
Get PRO
اکتبر '23
+15
در 0 کانالها
Get PRO
سپتامبر '23
+549
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 15 سپتامبر | +7 | |||
| 14 سپتامبر | +3 | |||
| 13 سپتامبر | +3 | |||
| 12 سپتامبر | 0 | |||
| 11 سپتامبر | 0 | |||
| 10 سپتامبر | +4 | |||
| 09 سپتامبر | +4 | |||
| 08 سپتامبر | +5 | |||
| 07 سپتامبر | +2 | |||
| 06 سپتامبر | +3 | |||
| 05 سپتامبر | +3 | |||
| 04 سپتامبر | +7 | |||
| 03 سپتامبر | +6 | |||
| 02 سپتامبر | +4 | |||
| 01 سپتامبر | +4 |
پستهای کانال
The Microtask Queue
Promises 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");A C BEven though the Promise resolves immediately, its callback is placed into the Microtask Queue. JavaScript finishes the current execution first. Only then does it process queued microtasks. This is the reason why Promise callbacks always run after synchronous code, even when no network request is involved.
| 2 | What is a primary key's main purpose in a relational table? | 121 |
| 3 | 🚀 40 Full Stack Project Ideas
Want 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
14. Hotel Booking System
15. Library Management System
16. Online Voting System
17. Chat Application
18. Social Media Dashboard
19. Event Management System
20. Learning Management System (LMS)
21. Resume Builder
22. Inventory Management System
23. Employee Management Portal
24. QR Code Generator & Scanner
25. Habit Tracker
26. Fitness Tracking App
27. File Sharing Platform
28. URL Analytics Dashboard
29. AI Image Generator
30. AI PDF Summarizer
🔴 Advanced
31. Video Conferencing Platform
32. Project Management Tool (Jira Clone)
33. Real-Time Collaboration Editor (Google Docs Clone)
34. Ride Booking Platform
35. Hospital Management System
36. Banking Application
37. Crowdfunding Platform
38. SaaS CRM Platform
39. Multi-Vendor E-Commerce Marketplace
40. AI-Powered Interview Preparation Platform
💡 Which Full Stack project are you planning to build next? Let us know in the comments! | 174 |
| 4 | JavaScript: Object Oriented Programming | 204 |
| 5 |  +2🔅 Server actions in NextJS
Server 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. | 247 |
| 6 |  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 | 250 |
| 7 |  History API in JavaScript
Modern 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. | 254 |
| 8 | What does Array.prototype.map() return? | 206 |
| 9 | Why do we type those two slashes in https://?
It turns out the double slash comes from an old 1980s computer system called Apollo Domain OS.
Back then, if you typed a single slash (/), your computer looked for files inside its own hard drive. The engineers at Apollo needed a way to tell the computer,
Hey, don't look inside yourself, look out at the network.
So, they decided two slashes (//) would mean "network."
When Tim Berners-Lee was building the World Wide Web, he just borrowed that exact rule.
➖ The colon (https:) meant this is the protocol, and
➖ The double slash (//) meant the web address is coming next.
The funny part is he later admitted it was a total mistake. The computer didn't actually need the slashes to understand the link. He joked that if he had just left them out, the world would have saved millions of hours of typing.
This comment answered it right. 👏 | 230 |
| 10 |  Web Devs
Do you know why URLs have two slashes (//) after http:?
Not 1. Not 3. Why 2? 🤔 | 225 |
| 11 |  What Actually Happens During npm install
npm 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. | 257 |
| 12 | What is a key difference between arrow functions and regular functions regarding 'this'? | 249 |
| 13 |  +5Mastering SSR Hydration in Next.js | 317 |
| 14 | CSS Text Effects
This is a library of 90 animated text effects built with pure CSS; aurora gradients, glitches, split-flap boards, liquid fills and other lesser-seen tricks.
No JavaScript, no dependencies. Copy the self-contained CSS for any effect, or grab a ready-made Prompt to have your coding agent recreate it.
Try it at: https://text-effects.colorion.co/
Follow our page for more. | 271 |
| 15 | 🔥 7 Free AI Tools for Developers You Should Try
If you're learning to code or building projects, these AI tools can save you hours every week 👨💻⚡️
1. Cursor 💻
• AI-powered code editor
• Write, debug and understand code faster
2. GitHub Copilot 🤖
• AI coding assistant
• Get code suggestions directly in your editor
3. Replit 🚀
• Code and build projects in your browser
• AI assistance + instant deployment
4. v0 🎨
• Generate UI from text prompts
• Great for quickly creating web interfaces
5. Bolt.new ⚡️
• Build full-stack applications using prompts
• Useful for quickly prototyping ideas
6. Lovable 🛠
• Create web apps using natural language
• Great for turning ideas into working prototypes
7. Phind 🔎
• AI search built for developers
• Useful for technical questions and debugging
💾 Save this list for your next project. | 299 |
| 16 |  Git Rebase Explained
A rebase takes your commits and moves them on top of another branch, creating a cleaner history.
Imagine:
main:
A---B---C
feature:
D---E
After rebasing:
main:
A---B---C---D---E
Your feature looks like it was created from the latest version of main.
Teams use it:
- To maintain cleaner commit history.
- For easier code reviews.
- Fewer unnecessary merge commits.
📌 The rule: Rebase your local work. You have to be careful rebasing commits that other people already use. | 288 |
| 17 |  +5React Context
(How to stop your React components from rendering unnecessarily) | 325 |
| 18 | 📘 You Don't Know JS Yet: Async & Performance
✍️ Author: Kyle Simpson
🗓 Year: 2015
📄 Pages: 296
🧠 No matter how much experience you have with JavaScript, odds are you don't fully understand the language. As part of the "You Don't Know JS" series, this concise yet in-depth guide focuses on new asynchronous features and performance techniques - including Promises, generators, and Web Workers - that let you create sophisticated single-page web applications and escape callback hell in the process.
#JavaScript | 330 |
| 19 |  Your useEffect Might be Doing Too Much
An effect is code that runs after React updates the screen, usually for interacting with things outside React.
Examples: Fetching data, Subscribing to events, Updating the document title.
The problem starts when developers use it for normal calculations.
Example:
useEffect(() => {
setTotal(price * quantity)
}, [price, quantity])
This creates unnecessary work. total can already be calculated during rendering.
The effect adds another state update, another render, and another thing to debug.
A useful question:
Does this code synchronize with something outside React?
If not, it probably doesn't belong inside useEffect. | 299 |
| 20 |  📌 React Isn't the Problem
A React app doesn't become slow overnight. It becomes slow when unnecessary render accumulates overtime.
A render is React running a component again to determine what should appear on the screen.
Most developers reach for useMemo, useCallback, or another optimization as soon as performance drops. That's often treating the symptom.
The better question is:
Why did this component render in the first place?
Open React DevTools and enable Highlight updates. Click around your app.
If your navigation bar flashes every time you type into a search box, you've already found a performance issue. | 326 |
