DevGuide ๐Ÿ‡ต๐Ÿ‡ธ
10.9K subscribers
2.62K photos
18 videos
127 files
3.55K links
Join our channel for top-notch programming hacks, epic discussions, and brilliant career moves. ๐Ÿš€

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

๐Ÿ“ To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
ู…ุฌู…ูˆุนุฉ ู…ู† ุฃูุถู„ ุงู„ู…ู…ุงุฑุณุงุช ู„ูƒุชุงุจุฉ ูƒูˆุฏ TypeScript ู…ุญุชุฑู… ูˆุงุจู† ู†ุงุณ ๐Ÿ’ฏ

Best Practices for Writing Clean TypeScript Code ๐Ÿš€


1- Use Strict Typing
2- Avoid any and Use Specific Types
3- Leverage Type Inference
4- Use Union and Intersection Types Wisely
5- Implement Interfaces Over Type Aliases for Objects
6- Keep Your Code DRY (Donโ€™t Repeat Yourself)
7- Handle Null and Undefined Properly
8- Use readonly for Immutable Data
9- Prefer Enum and Constant Types for Fixed Values
10- Document Your Code

โ€”โ€”โ€”

Read Full Article ๐Ÿ”ป
https://dev.to/alisamir/best-practices-for-writing-clean-typescript-code-57hf
โค2๐Ÿ‘2๐Ÿ”ฅ1
An Amazing & Useful Guide To Understand React For Developers. โšก๏ธ
โค5๐Ÿ”ฅ1
ุชุดู€ุฑูŠู€ุญ ุงู„ู€ package.json ๐Ÿ”ป
.
.
ู…ู‚ุงู„ ุนู…ูŠู‚ ูˆู„ุฐูŠุฐ ู‡ูŠูˆุถุญู„ูƒ ูƒู„ ุญุงุฌุฉ ุชุฎุต ู…ู„ู ุงู„ู€ package.json โšก๏ธ
.
.
ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ู„ู€ุจู†ู€ุงู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ุฏุนุงุก. ๐Ÿ”ป

โ€”โ€”โ€”

๐Ÿ“Œ ู…ุญุชูˆูŠุงุช ุงู„ู…ู‚ุงู„:

- What is package.json?
- Key Sections of package.json
- Advanced Fields and Configurations
- Best Practices for package.json
โ€”โ€”โ€”

Mastering package.json: A Comprehensive Guide ๐Ÿš€


- Mastering package.json gives you more control over your project and can make development smoother.

- In this guide, weโ€™ll dive deep into the structure, key fields, and advanced usage of package.json.

https://medium.com/@dev.alisamir/mastering-package-json-a-comprehensive-guide-481d9d87645d

โ€”โ€”โ€”

ุจุงู„ุชูˆููŠู‚ ูŠุง ุจุทู„ ๐Ÿ’ช๐Ÿป
โค3๐Ÿ‘2
ุงู„ู€ Pipeline Operator ููŠ JavaScript...โšก๏ธ
.
.
ุงู„ู€ Pipeline Operator ุจูŠุณุงุนุฏูƒ ุชูˆุตู„ ุงู„ู‚ูŠู… ุจูŠู† ุงู„ุฏูˆุงู„ (Functions) ุจุทุฑูŠู‚ุฉ ู…ู†ุธู…ุฉ ูˆูˆุงุถุญุฉ ุจุฏู„ ู…ุง ุชุฏุฎู„ ููŠ ุฏูˆุงู…ุฉ ุงู„ู€ nested calls. ูƒุฏู‡ ุงู„ูƒูˆุฏ ู‡ูŠูƒูˆู† ุณู‡ู„ ูˆู…ู†ุธู…. ๐Ÿ’ฏ

โ€”โ€”โ€”

JS |> Pipeline Operator ๐Ÿ”ป

- Use the JavaScript Pipeline Operator to pipe the value of an expression into a function.

โ€”โ€”โ€”

๐Ÿ“Œ LinkedIn

https://www.linkedin.com/posts/dev-alisamir_javascript-javascriptdeveloper-frontenddeveloper-activity-7263555687731920896-iuuz

๐Ÿ“Œ Qabilah

https://qabilah.com/posts/yPwIvML4p04
โค1๐Ÿ”ฅ1
ู…ูˆู‚ุน ู…ู…ุชุงุฒ ู„ุฌู…ุงุนุฉ ุงู„ู€ UI/UX ๐Ÿ”ป

Become a Better Designer. The Fun way.

Learn to design better UI with practical visual examples & in-depth landing page teardowns. Join 100s of developers & junior designers who strive to become better in UI & UX design!

๐Ÿ“ UI Tips
๐Ÿ“ UX Tips
๐Ÿ“ Design Tips

https://www.uidesign.tips
โค1
200 Project Ideas from Beginner to Advanced with Open Source Contributions ๐Ÿš€


https://dev.to/kishansheth/200-project-ideas-from-beginner-to-advanced-with-open-source-contributions-3g6a
โค1๐Ÿ”ฅ1
The Ultimate Introduction to Cursor for Developers

https://www.builder.io/blog/cursor-ai-for-developers
โค1
ุชุนู„ู† ู…ู†ุตุฉ ุนุฑุจุณุฑุง ุนู† ุงูุชุชุงุญ 100 ู…ู†ุญุฉ ุฏุฑุงุณูŠุฉ ู…ุชุงุญุฉ ู„ุจุงู‚ุฉ audit-onlyุŒ ูˆุงู„ุชูŠ ุชุชุถู…ู† ุงู„ูˆุตูˆู„ ุฅู„ู‰ 8 ู…ูˆุงุฏ ุจุดูƒู„ ู…ุฌุงู†ูŠ!

ุฅุฐุง ูƒู†ุช ู…ู‡ุชู…ู‹ุง ุจู‡ุฐู‡ ุงู„ุจุงู‚ุฉ ูˆู„ุง ุชุณุชุทูŠุน ุชุญู…ู„ ุงู„ุฑุณูˆู… ุงู„ุฅุฏุงุฑูŠุฉ ุงู„ุจุงู„ุบุฉ 12 ุฏูˆู„ุงุฑู‹ุง ุณู†ูˆูŠู‹ุงุŒ ู†ุฏุนูˆูƒ ู„ู„ุชู‚ุฏูŠู… ุนู„ู‰ ู‡ุฐู‡ ุงู„ู…ู†ุญุฉ.

ุชุนุฑู ุนู„ู‰ ุงู„ู…ุฒูŠุฏ ุญูˆู„ ุจุงู‚ุฉ Audit onlyุŒ ูˆ ุชู‚ุฏู… ู„ู„ู…ู†ุญุฉ ู…ู† ุงู„ุฑุงุจุท:
https://lnkd.in/dhMCx9Wv

ุณูŠุชู… ู‚ุจูˆู„ ุงู„ู…ุณุชุญู‚ูŠู† ุฎู„ุงู„ 24 ุณุงุนุฉ ู…ู† ุงู„ุชู‚ุฏูŠู…. ู„ุง ุชููˆุช ุงู„ูุฑุตุฉ.

Great news! ๐ŸŽ‰ Arabsera have 100 scholarships available for our audit-only plan, which includes access to 8 courses FREE!

If you are interested in this plan but cannot afford the administrative fees of $12/year, we invite you to apply for our sponsorship program.

Learn more about the audit-only plan, apply for the scholarship here: https://lnkd.in/dhMCx9Wv

*Eligible applicants will receive acceptance within 24 hours of submitting the form. Donโ€™t miss out!*
โค1๐Ÿ‘1
DevGuide ๐Ÿ‡ต๐Ÿ‡ธ pinned ยซุชุนู„ู† ู…ู†ุตุฉ ุนุฑุจุณุฑุง ุนู† ุงูุชุชุงุญ 100 ู…ู†ุญุฉ ุฏุฑุงุณูŠุฉ ู…ุชุงุญุฉ ู„ุจุงู‚ุฉ audit-onlyุŒ ูˆุงู„ุชูŠ ุชุชุถู…ู† ุงู„ูˆุตูˆู„ ุฅู„ู‰ 8 ู…ูˆุงุฏ ุจุดูƒู„ ู…ุฌุงู†ูŠ! ุฅุฐุง ูƒู†ุช ู…ู‡ุชู…ู‹ุง ุจู‡ุฐู‡ ุงู„ุจุงู‚ุฉ ูˆู„ุง ุชุณุชุทูŠุน ุชุญู…ู„ ุงู„ุฑุณูˆู… ุงู„ุฅุฏุงุฑูŠุฉ ุงู„ุจุงู„ุบุฉ 12 ุฏูˆู„ุงุฑู‹ุง ุณู†ูˆูŠู‹ุงุŒ ู†ุฏุนูˆูƒ ู„ู„ุชู‚ุฏูŠู… ุนู„ู‰ ู‡ุฐู‡ ุงู„ู…ู†ุญุฉ. ุชุนุฑู ุนู„ู‰ ุงู„ู…ุฒูŠุฏ ุญูˆู„ ุจุงู‚ุฉ Auditโ€ฆยป
ู…ูˆู‚ุน ุจูŠูˆูุฑู„ูƒ ุดูŠุชุงุช ู…ุฑุฌุนูŠุฉ ู…ุฑุชุจุฉ ูˆุณุฑูŠุนุฉ ู„ูƒู„ ุญุงุฌุฉ ููŠ ุงู„ุจุฑู…ุฌุฉ. ๐Ÿ’ฏ

Cheat Sheets For Developers ๐Ÿ”ป

https://cheatsheets.zip
โค3๐Ÿ”ฅ2
ุชุฑูƒุงูŠุฉ ูุฑูˆู†ุช ุฅู†ุฏ ุน ุงู„ุณุฑูŠุน โšก๏ธ
.
.
ู„ูˆ ุนู†ุฏูƒ ุฃูƒุชุฑ ู…ู† ุนู†ุตุฑ (Element) ุดุจู‡ ุจุนุถ ุฒูŠ To Do Items ุฃูˆ Product Cards ูˆุนุงูˆุฒ ุชุดูˆู ุดูƒู„ ุงู„ุตูุญุฉ ู‡ุชูƒูˆู† ุนุงู…ู„ู‡ ุฅุฒุงูŠ ู„ูˆ ุถูุช ุนู†ุงุตุฑ ูƒุชูŠุฑุฉ ู…ู† ู†ูุณ ุงู„ุนู†ุตุฑ ุจุชุนู…ู„ ูƒูˆุจูŠ ู„ู„ูƒูˆุฏ ุฃูƒุชุฑ ู…ู† ู…ุฑุฉ ุฏุงุฎู„ IDE...ู„ูƒู† ุงู„ู…ูˆุถูˆุน ู…ู…ูƒู† ุชุนู…ู„ู‡ ุจุณู‡ูˆู„ุฉ ููŠ ุงู„ู…ุชุตูุญ ู…ุจุงุดุฑุฉ.
.
.
Duplicate Elements in Google Chrome DevTools
๐Ÿ”ป

https://www.linkedin.com/posts/dev-alisamir_frontendabrtips-frontenddeveloper-frontenddevelopment-activity-7264289521347743746-yWRa
โค4๐Ÿ”ฅ1
11 Data Structures Every Developer Should Know ๐Ÿ”ป


1. Array
2. 2D Array
3. Queue
4. Stack
5. Graph
6. Tree
7. Linked List
8. Trie
9. HashMap
10. HashSet
11. Max Heap

https://blog.amigoscode.com/p/11-data-structures-every-developer
โค2๐Ÿ”ฅ1