11.1K subscribers
3.12K photos
19 videos
138 files
3.66K links
Level up daily with insider dev hacks, smart career tips, and real talk! ๐Ÿš€

โšก๏ธ Stay connected with me: linktr.ee/AliSamir

๐Ÿ“ To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
React Hooks: Beyond useState ๐Ÿ’ฏ
โค3
ุณุคุงู„ ุงู†ุชุฑฺคูŠูˆ ู…ุญู†ูƒ ุดูˆูŠุชูŠู† ุจุณ ููƒุฑุชู‡ ุณู‡ู„ุฉ ุฌุฏู‹ุง...
.
.
ุงู„ู†ุงุชุฌ ู‡ูŠูƒูˆู† 8 .. ูˆุชุนุงู„ ุฃู‚ูˆู„ูƒ ู„ูŠู‡ุŸ

ุฎู„ูŠู†ุง ู†ู‚ุณู… ุงู„ุณุคุงู„ ุฅู„ู‰ ุฌุฒุฆูŠู†:

๐Ÿ“Œ ุงู„ุฌุฒุก ุงู„ุฃูˆู„ .. ุงู„ู€ Array ุงู„ุตุบูŠุฑุฉุŒ ูˆู‡ูŠ ุฏูŠ ุญู„ ุงู„ุณุคุงู„ุŒ ุงู„ู€ comma ู‡ู†ุง ู‡ุชุนู…ู„ Evaluation ู„ู„ู€ Array ูˆู‡ุชุฑุฌุน ุชุงู†ูŠ ุฑู‚ู… ูˆู‡ูˆ 3ุŒ ุฏุงูŠู…ู‹ุง ุจุชุฑุฌุน ุงู„ุฑู‚ู… ุงู„ู„ูŠ ุนู„ู‰ ุงู„ูŠู…ูŠู† ุฃูˆ ุงู„ุฑู‚ู… ุงู„ุฃุฎูŠุฑ.

[1, 3] => 3


๐Ÿ“Œ ุงู„ุฌุฒุก ุงู„ุซุงู†ูŠ .. ุงู„ู€ Array ุงู„ูƒุจูŠุฑุฉุŒ ูˆุฏูŠ Array ุนุงุฏูŠุฉ ุฌุฏู‹ุง ุจูŠุชุนู…ู„ ุนู„ูŠู‡ุง Access ู…ู† ู‚ุจู„ ุงู„ู‚ูŠู…ุฉ ุงู„ู„ูŠ ุทู„ุนุช ู…ู† ุงู„ู€ Array ุงู„ุตุบูŠุฑุฉ ุงู„ู„ูŠ ู‡ูŠ 3ุŒ ูŠุนู†ูŠ ุงู„ู…ูˆุถูˆุน ู‡ูŠูˆุตู„ ูˆู‡ูŠุจู‚ู‰ ุจุงู„ุดูƒู„ ุฏู‡:

[2, 4, 6, 8, 10][3] => 8


ู„ูˆ ุงู„ุฏู†ูŠุง ู„ุณู‡ ู…ูˆุถุญุชุด ู…ู…ูƒู† ุชู‚ุฑุฃ ุฃูƒุชุฑ ุนู† ุงู„ู€Comma Operator ู…ู† ู‡ู†ุง:

๐Ÿ”ฐ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_operator
๐Ÿ”ฐ https://www.javascripttutorial.net/javascript-comma-operator
โค3
ู…ุฌู…ูˆุนุฉ ู…ุตุงุฏุฑ ู‡ุชุณุงุนุฏูƒ ููŠ ุงู„ุชุญุถูŠุฑ ู„ุงู†ุชุฑฺคูŠูˆ ุงู„ู€ Node.js ๐Ÿš€
.
.
๐Ÿ“Œ NodeJS Interview Questions
https://lnkd.in/dpGdHdhR

๐Ÿ“Œ Backend Interview Questions and Answers related to Node JS, Golang/Go, Express JS, and MongoDB
https://lnkd.in/dmtwX3JT

๐Ÿ“Œ 100 Must-Know Node.js Interview Questions
https://lnkd.in/dGaHhK4x

๐Ÿ“Œ Node.js Basics
https://lnkd.in/dvGW_BrP

๐Ÿ“Œ 52 Node.js Interview Questions for JavaScript Developers
https://lnkd.in/duwZBCV6

๐Ÿ“Œ Top 100+ Node.js Interview Questions and Answers
https://lnkd.in/djWnnnQQ

๐Ÿ“Œ Top 100 Node.js interview questions and answers
https://lnkd.in/dSvJrw2n

๐Ÿ“Œ Top 30+ Node.js Interview Questions
https://lnkd.in/dRE98yTe

๐Ÿ“Œ Node Interview Questions and Answers โ€“ Beginner Level
https://lnkd.in/dfPtxPpc

๐Ÿ“Œ Top Node.js Interview Questions You Must Prepare
https://lnkd.in/duzZ6RP4

๐Ÿ“Œ Top 50 Node.js Interview Questions and Answers
https://lnkd.in/d-U-xNEa
โค2๐Ÿ‘1
ู…ู† ุถู…ู† ุงู„ู…ุตุทู„ุญุงุช ุงู„ู…ู‡ู…ุฉ ููŠ ู…ุฌุงู„ ุงู„ูˆูŠุจ ๐Ÿ’ฏ
.
.
ุฎู„ุงู„ ุฑุญู„ุชูƒ ููŠ ู…ุฌุงู„ ุงู„ูˆูŠุจ ุฃูƒูŠุฏ ู…ุฑ ุนู„ูŠูƒ ู…ุตุทู„ุญ ุงู„ู€ CORSุŒ ุฃูˆ ูˆุงุฌู‡ุชูƒ ู…ุดูƒู„ุฉ ุจุณุจุจ ู…ูˆุถูˆุน ุงู„ู€ CORS ููŠ ุงู„ู…ุชุตูุญ. ุชุนุงู„ ู†ุฏุฑุฏุด ุดูˆูŠุฉ...

โ€”โ€”โ€”

ุจุจุณุงุทุฉ ุงู„ู€ CORS ุงุฎุชุตุงุฑ ู„ู€ Cross-Origin Resource Sharing

๐Ÿ“Œ ููŠ ุงู„ุฃูˆู„ ูƒุฏู‡ ุฎู„ูŠู†ุง ู†ุนุฑู ูŠุนู†ูŠ ุฅูŠู‡ OriginุŸ

ุงู„ู€ "Origin" ู‡ูˆ ุงู„ุฏูˆู…ูŠู† (domain) ุฃูˆ ุงู„ู†ุทุงู‚ ุงู„ู„ูŠ ุงู„ู…ูˆู‚ุน ุฃูˆ ุงู„ุณูŠุฑูุฑ ุจุชุงุนูƒ ุดุบุงู„ ุนู„ูŠู‡. ุจูŠุจู‚ู‰ ุนุจุงุฑุฉ ุนู† ุงู„ู€ "Protocol" (ุฒูŠ HTTP ุฃูˆ HTTPS) + ุงุณู… ุงู„ุฏูˆู…ูŠู† (ุฒูŠ example.com) + ุงู„ุจูˆุฑุช (ู„ูˆ ู…ุฎุชู„ู ุนู† ุงู„ู€ 80 ู„ู€ HTTP ุฃูˆ 443 ู„ู€ HTTPS).

โ€”โ€”โ€”

โšก๏ธ ููŠู† ุงู„ู…ุดูƒู„ุฉุŸ


ู„ูˆ ุฃู†ุช ุดุบุงู„ ุนู„ู‰ ู…ูˆู‚ุน ู…ุนูŠู† ูˆุนุงูˆุฒ ุงู„ู…ูˆู‚ุน ุจุชุงุนูƒ ูŠุทู„ุจ ุจูŠุงู†ุงุช ุฃูˆ resources (ุฒูŠ JSON ุฃูˆ ู…ู„ูุงุช) ู…ู† ุณูŠุฑูุฑ ุชุงู†ูŠุŒ ุงู„ุณูŠุฑูุฑ ุงู„ุชุงู†ูŠ ุฏู‡ ู„ุงุฒู… ูŠุจู‚ู‰ ู…ู† ู†ูุณ ุงู„ู€ origin ุจุชุงุนูƒุŒ ูŠุนู†ูŠ ู†ูุณ ุงู„ุฏูˆู…ูŠู†ุŒ ู†ูุณ ุงู„ุจุฑูˆุชูˆูƒูˆู„ุŒ ูˆู†ูุณ ุงู„ุจูˆุฑุช.

ูˆุฏูŠ ุญุงุฌุฉ ุงุณู…ู‡ุง Same-Origin PolicyุŒ ุงู„ุณูŠุงุณุฉ ุฏูŠ ู…ุนู…ูˆู„ุฉ ุฃุณุงุณู‹ุง ุนู„ุดุงู† ุชุญู…ูŠ ุงู„ู…ุณุชุฎุฏู…ูŠู† ู…ู† ุฃูŠ ุทู„ุจุงุช ุถุงุฑุฉ ู…ู…ูƒู† ุชุฌูŠ ู…ู† ู…ูˆุงู‚ุน ุชุงู†ูŠุฉ ุบูŠุฑ ู…ูˆุซูˆู‚ุฉ.

ุจุณ ููŠ ุจุนุถ ุงู„ุญุงู„ุงุชุŒ ุฃู†ุช ูƒู€ Developer ุจุชุจู‚ู‰ ู…ุญุชุงุฌ ุชุนู…ู„ ุทู„ุจุงุช ู„ู„ุณูŠุฑูุฑุงุช ุงู„ู„ูŠ ู…ุด ู…ู† ู†ูุณ ุงู„ู€ origin ุจุชุงุนูƒุŒ ุฒูŠ ู„ู…ุง ูŠูƒูˆู† ุนู†ุฏูƒ Frontend ุดุบุงู„ ุนู„ู‰ ุฏูˆู…ูŠู† ู…ุนูŠู† ูˆAPI ุฃูˆ Backend ุดุบุงู„ูŠู† ุนู„ู‰ ุฏูˆู…ูŠู† ุฃูˆ ุจูˆุฑุช ู…ุฎุชู„ู.

โ€”โ€”โ€”

ู‡ู†ุง ุจู‚ู‰ ูŠูŠุฌูŠ ุฏูˆุฑ ุงู„ู€ CORS ๐Ÿ‘‡


ุงู„ู€ Cross-Origin Resource Sharing (CORS) ู‡ูˆ ุงู„ุญู„ ุงู„ู„ูŠ ุจูŠุณู…ุญ ู„ู„ู…ูˆุงู‚ุน ุฅู†ู‡ู… ูŠุทู„ุจูˆุง ุจูŠุงู†ุงุช ุฃูˆ ู…ู„ูุงุช ู…ู† ุณูŠุฑูุฑุงุช ุชุงู†ูŠุฉ ุจู…ุฎุชู„ู ุงู„ู€ origins ุจุดูƒู„ ุขู…ู†ุŒ ุจู…ุนู†ู‰ ุฅู†ูƒ ุชู‚ุฏุฑ ุชุชุฎุทู‰ ุงู„ู€ Same-Origin Policy ูˆุชุนู…ู„ ุทู„ุจุงุช ู„ุณูŠุฑูุฑุงุช ุชุงู†ูŠุฉ ุทุงู„ู…ุง ุงู„ุณูŠุฑูุฑ ุฏู‡ ุจูŠู‚ุจู„ ุฅู†ู‡ ูŠุชุนุงู…ู„ ู…ุน ุงู„ู…ูˆู‚ุน ุจุชุงุนูƒ.

โ€”โ€”โ€”

๐Ÿ“Œ ุฅุฒุงูŠ ุงู„ู€ CORS ุจุชุดุชุบู„ุŸ


ู„ู…ุง ู…ูˆู‚ุนูƒ ุจูŠุทู„ุจ ุจูŠุงู†ุงุช ู…ู† ุณูŠุฑูุฑ ุชุงู†ูŠ ู…ุฎุชู„ู ุนู† ุงู„ู€ origin ุจุชุงุนู‡ุŒ ุงู„ุณูŠุฑูุฑ ุงู„ู„ูŠ ุนู„ูŠู‡ ุงู„ู€ resource ุงู„ู„ูŠ ุฃู†ุช ุจุชุทู„ุจู‡ุง ู‡ูˆ ุงู„ู„ูŠ ุจูŠู‚ุฑุฑ ุฅุฐุง ูƒุงู† ุงู„ุทู„ุจ ุฏู‡ ู…ุณู…ูˆุญ ุฃูˆ ู„ุง.

ุงู„ุณูŠุฑูุฑ ุจูŠุฑุฏ ุนู„ู‰ ุงู„ุทู„ุจ ู…ู† ุฎู„ุงู„ ุงู„ู€ (headers) ุงู„ู„ูŠ ุจูŠุฑุฌุนู‡ุง ู…ุน ุงู„ู€ response.

ูˆุงุญุฏ ู…ู† ุฃู‡ู… ุงู„ู€ headers ุฏูŠ ู‡ูˆ:
Access-Control-Allow-Origin


ุงู„ู„ูŠ ุจูŠุญุฏุฏ ุงู„ู€ origins ุงู„ู„ูŠ ู…ุณู…ูˆุญ ู„ูŠู‡ุง ุชุทู„ุจ ุจูŠุงู†ุงุช ู…ู† ุงู„ุณูŠุฑูุฑ ุฏู‡. ู„ูˆ ุงู„ู€ origin ุจุชุงุน ู…ูˆู‚ุนูƒ ู…ูˆุฌูˆุฏ ููŠ ุงู„ู‚ูŠู…ุฉ ุจุชุงุนุช ุงู„ู€ header ุฏู‡ุŒ ุงู„ุณูŠุฑูุฑ ู‡ูŠุณู…ุญ ุจุชู†ููŠุฐ ุงู„ุทู„ุจ ูˆู‡ูŠุฑุฌุนู„ูƒ ุงู„ู€ response. ูˆู„ูˆ ู„ู„ุŒ ุงู„ุทู„ุจ ู‡ูŠุชู…ู†ุน ูˆู‡ูŠุฌูŠู„ูƒ error ู…ู† ู†ูˆุน CORS ููŠ ุงู„ู…ุชุตูุญ.

โ€”โ€”โ€”

๐Ÿ“ ูƒู…ุงู† ููŠู‡ Headers ุชุงู†ูŠุฉ ุฒูŠ:


- ุงู„ู€ Access-Control-Allow-Methods: ุงู„ู„ูŠ ุจุชุญุฏุฏ ุฃู†ูˆุงุน ุงู„ุทู„ุจุงุช ุงู„ู„ูŠ ู…ุณู…ูˆุญ ู„ูŠูƒ ุชุนู…ู„ู‡ุง (GET, POST, PUT, DELETE...).

- ุงู„ู€ Access-Control-Allow-Headers: ุงู„ู„ูŠ ุจุชุญุฏุฏ ุงู„ู€ headers ุงู„ู„ูŠ ู…ุณู…ูˆุญ ู„ูŠูƒ ุชุจุนุชู‡ุง ููŠ ุงู„ุทู„ุจุงุช.

- ุงู„ู€ Access-Control-Allow-Credentials: ู„ูˆ ุงู„ุทู„ุจ ู…ุญุชุงุฌ ูŠุจุนุช Cookies ุฃูˆ ุจูŠุงู†ุงุช ู…ุนูŠู†ุฉุŒ ู„ุงุฒู… ุงู„ู€ header ุฏู‡ ูŠุจู‚ู‰ ู…ูˆุฌูˆุฏ ูˆู…ุธุจูˆุท ุนู„ู‰ true.

โ€”โ€”โ€”

ูˆูู‚ูƒู… ุงู„ู„ู‡ ู„ูƒู„ ุฎูŠุฑ ๐ŸŒฟ
โค15
Next.js AVIF Fallbacks โšก๏ธ
โค3
Cracking The GAMAM Technical Interviews.pdf
12.3 MB
Cracking the GAMAM Technical Interviews ๐Ÿ’ฏ

Inside "Cracking the GAMAM Technical Interviews," you'll find:

โœ… Expert tips and techniques for tackling coding challenges with confidence
โœ… The eBook covers strategies, tips, preparation resources, and a roadmap to GAMAM. It has a complete guide to various technical interviews like -

๐Ÿ‘‰ Coding Interview
๐Ÿ‘‰ System Design Interview
๐Ÿ‘‰ Object-Oriented Design Interview
๐Ÿ‘‰ Schema Design Interview
๐Ÿ‘‰ API Design Interview
๐Ÿ‘‰ Behavioral Interview

It also covers various other topics such as -

๐Ÿ‘‰ Resume Tips
๐Ÿ‘‰ Preparation Strategy
๐Ÿ‘‰ Effective LeetCode
๐Ÿ‘‰ GAMAM Progress Tracker

It has a roadmap that plans 150 Days to GAMAM.
โค3