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
Design 101 Crash Course: Learn UX/UI Design, Figma (6 HOURS!) | Zero To Mastery ๐Ÿš€


https://youtu.be/cKZEgtQUxlU
โค3๐Ÿ”ฅ1
Angular 101 Crash Course For Beginners: Learn Angular Fundamentals (4 HOURS!) ๐Ÿ”ฅ


https://youtu.be/uWpgtcSxJ3E
ูƒูˆุฑุณ React Native ู…ู…ุชุงุฒ โœ…

React Native Tutorial for Beginners โšก๏ธ

https://youtube.com/playlist?list=PLC3y8-rFHvwhiQJD1di4eRVN30WWCXkg1&si=oPoEfvZ3dufVdIzE
โค2๐Ÿ”ฅ1
๐—๐—ฎ๐˜ƒ๐—ฎ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—ฒ๐—ฟ ๐—ฅ๐—ผ๐—ฎ๐—ฑ๐—บ๐—ฎ๐—ฝ ๐—™๐—ผ๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ๐˜€

1. Linux and Git
2. Core Java
- IDE: IntelliJ, Eclipse, VSCode
- Object-Oriented Programming: Classes, Objects, Polymorphism, Inheritance, Interfaces
- Variables, Strings, Loops, File I/O

3. Collections
- Arrays, Lists, Maps, Stacks, Queues
- Optionals, Streams

4. Advanced Topics
- Dependency Injection, Design Patterns
- JVM Internals, Generics
- Multithreading

5. Exception Handling
- Checked and Unchecked Exceptions

6. Streams and Functional Programming

7. Testing
- Unit Testing, Integration Testing, Mocking
- Debugging, Contract Testing

8. Databases
- Relational Database Design, Queries, Indexes, Joins
- JDBC, NoSQL, Schema Migration Tools (Flyway, Liquibase)

9. Clean Code
- SOLID Principles, Immutability, N-Tier Architecture

10. Logging and Multithreading

11. Build Tools
- Maven, Gradle, Bazel

12. HTTP
- REST APIs, GraphQL, API Design

13. Frameworks
- Spring Boot, Play, Quarkus
โค3๐Ÿ”ฅ1
ุณุฌู„ ุงู„ุขู† ููŠ ุงู„ุฏูˆุฑุฉ ุงู„ุชุฏุฑูŠุจูŠุฉ (ุฏูˆุฑุฉ ุญูŠุงุฉ ุชุทูˆูŠุฑ ุงู„ุจุฑู…ุฌูŠุงุช ุงู„ุขู…ู†ุฉ (SSDLC))ุŒ ูˆุงู„ู„ูŠ ุชุนุชุจุฑ ุงู„ุฏูˆุฑุฉ ุงู„ู…ุซุงู„ูŠุฉ ู„ู…ุทูˆุฑูŠ ุงู„ุฃู…ุงู† ูˆู…ุตู…ู…ูŠ ุงู„ุจุฑู…ุฌูŠุงุช ูˆู…ู‡ู†ุฏุณูŠ ุงู„ุจุฑู…ุฌูŠุงุช ูˆู…ุฎุชุจุฑูŠ ุถู…ุงู† ุงู„ุฌูˆุฏุฉ ูˆู…ุฏูŠุฑูŠ ุงู„ู…ุดุงุฑูŠุนุŒ ุงู„ู„ูŠ ู…ุญุชุงุฌูŠู† ุจู†ุงุก ุจุฑุงู…ุฌ ุขู…ู†ุฉ ุจุฃุนู„ู‰ ุฌูˆุฏุฉ ูˆุฃู‚ู„ ุชูƒู„ูุฉ.

ู…ุน ู…/ ู…ูŠุฑูุช ูƒุฑู… ุงู„ุณูŠุฏุŒ ู…ุณุชุดุงุฑุฉ ุจู…ุฌุงู„ ุงู„ุฃู…ู† ุงู„ุณูŠุจุฑุงู†ูŠ.

ุงู„ุชุณุฌูŠู„ ู…ุฌุงู†ุง ุนู„ู‰ ู…ู‡ุงุฑุฉ ุชูƒุŒ ู…ู†ุตุฉ ู…ุนู‡ุฏ ุชูƒู†ูˆู„ูˆุฌูŠุง ุงู„ู…ุนู„ูˆู…ุงุช ุงู„ุชุนู„ูŠู…ูŠุฉ:
https://bit.ly/4eBGlzQ
โค1๐Ÿ”ฅ1
Top GitHub Repositories To Learn Modern React Development ๐Ÿš€

https://livecycle.io/blogs/top-react-github-projects
โค1๐Ÿ‘1๐Ÿ”ฅ1
ุงู„ู€ Critical Rendering Path ๐Ÿ”ป
.
.
ุจุจุณุงุทุฉ ุงู„ู€ Critical Rendering Path ู‡ูˆ "ุงู„ุทุฑูŠู‚ ุงู„ู„ูŠ ุจูŠู…ุดูŠ ููŠู‡ ุงู„ู…ุชุตูุญ ุนุดุงู† ูŠู‚ุฏุฑ ูŠุญูˆู„ ุงู„ูƒูˆุฏ ุจุชุงุนู†ุง (HTML, CSS, JavaScript) ู„ุดูƒู„ ู…ุฑุฆูŠ ู‚ุฏุงู… ุงู„ู…ุณุชุฎุฏู…."

โ€”โ€”โ€”

๐Ÿ“Œ LinkedIn

https://www.linkedin.com/posts/dev-alisamir_webdeveloper-webdevelopment-frontenddeveloper-activity-7265409932580048899-9Xcc

๐Ÿ“Œ Qabilah

https://qabilah.com/posts/6eM5rRckb9c

๐Ÿ“Œ Facebook

https://www.facebook.com/share/p/1Nxk9SFAXo

โ€”โ€”โ€”

ูˆูู‚ูƒู… ุงู„ู„ู‡ ู„ูƒู„ ุฎูŠุฑ ๐ŸŒฟ
โค4๐Ÿ‘1
Awesome Shadcn UI

With 13 Categories and Over 200 Resources, It's Easy To Access Shadcn's Most Valuable Resources.

https://shadcn.batchtool.com
โค4
ุฃูู€ูƒู€ุงุฑ ู…ุดู€ุงุฑูŠู€ุน ๐Ÿ”ป
.
.
ู„ูˆ ุจุชุฏูˆุฑ ุนู„ู‰ ุฃููƒุงุฑ ู…ุดุงุฑูŠุน ุฌุฏูŠุฏุฉ ุชุทูˆุฑ ุจู‡ุง ู…ุณุชูˆุงูƒ ููŠ ุงู„ุจุฑู…ุฌุฉุŒ ุณูˆุงุก ูƒู†ุช ู…ุจุชุฏุฆ ุฃูˆ ู‚ุทุนุช ุดูˆุท ูƒูˆูŠุณ ููŠ ุงู„ู…ุฌุงู„ุŒ ุงู„ู…ู‚ุงู„ ุฏู‡ ููŠู‡ 200 ููƒุฑุฉ ู…ุดุฑูˆุน ู…ุฎุชู„ูุฉ ุชู‚ุฏุฑ ุชุทุจู‚ ุงู„ู…ุดุงุฑูŠุน ุงู„ู…ู†ุงุณุจุฉ ู„ู…ุณุชูˆุงูƒ ูˆุชุถูŠูู‡ู… ููŠ ุงู„ู€ CV ูˆุงู„ู€ Portfolio...

โ€”โ€”โ€”

๐Ÿ“Œ LinkedIn

https://www.linkedin.com/posts/dev-alisamir_projects-softwaredevelopment-softwareengineering-activity-7265747860493664256-7Adp

๐Ÿ“Œ Qabilah

https://qabilah.com/posts/52wkG-3FLX0

โ€”โ€”โ€”

ูˆูู‚ูƒู… ุงู„ู„ู‡ ู„ูƒู„ ุฎูŠุฑ ๐ŸŒฟ
โค7
ุชุฑูƒุงูŠุฉ ูุฑูˆู†ุช ุฅู†ุฏ ุน ุงู„ุณุฑูŠุน โšก๏ธ
.
.
ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ู„ู€ุจู†ู€ุงู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ุฏุนุงุก. ๐Ÿ”ป

โ€”โ€”โ€”

Access Extended DOM History in Console ๐Ÿ”ป


Using $0, $1, $2 to navigate through DOM elements with extended history in Chrome DevTools Console.

โ€”โ€”โ€”

๐Ÿ“ Access nodes in the Console
https://developer.chrome.com/docs/devtools/dom?hl=en#console

โ€”โ€”โ€”

โšก๏ธ Tutorial Video
https://youtu.be/WngT76cTRbY
โค1
Discover Open Source Alternatives to Popular Software ๐Ÿ”ฅ

A curated collection of the best open source alternatives to everyday SaaS products. Save money with reliable tools hand-picked for you.

https://openalternative.co
โค1๐Ÿ”ฅ1
12 Must-Know Libraries to Supercharge Your Frontend Development ๐Ÿ’ฏ


https://blog.stackademic.com/12-must-know-libraries-to-supercharge-your-frontend-development-071e01f3da3b
โค1๐Ÿ”ฅ1๐Ÿ’ฏ1
React useCallback() โ€” A complete guide


Prevent unnecessary re-renders with React useCallback(). Learn the ins and outs of this powerful Hook and when and how to use it effectively.

https://hygraph.com/blog/react-usecallback-a-complete-guide
โค1๐Ÿ”ฅ1
ู…ุฌู…ูˆุนุฉ ู…ู‚ุงู„ุงุช ุฑุงูŠู‚ุฉ ๐Ÿ”ป
.
.
ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ู„ู€ุจู†ู€ุงู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ุฏุนุงุก. ๐Ÿ”ป

โ€”โ€”โ€”

Best Practices for Writing Clean TypeScript Code ๐Ÿš€
https://dev.to/alisamir/best-practices-for-writing-clean-typescript-code-57hf

Understanding HTTP Methods with Simple Examples ๐Ÿ”ป
https://dev.to/alisamir/understanding-http-methods-with-simple-examples-1o2

Understanding Shadow DOM: The Secret of Web Component Encapsulation ๐Ÿ’ฏ
https://dev.to/alisamir/understanding-shadow-dom-the-secret-of-web-component-encapsulation-1lng

Understanding Event Sourcing: A Detailed Guide ๐Ÿ”ป
https://dev.to/alisamir/understanding-event-sourcing-a-detailed-guide-4cjp

Mastering package.json: A Comprehensive Guide ๐Ÿš€
https://dev.to/alisamir/mastering-packagejson-a-comprehensive-guide-2a0l

API vs SDK: Understanding Their Distinct Roles in Software Development
https://dev.to/alisamir/api-vs-sdk-understanding-their-distinct-roles-in-software-development-416h

Composition vs Inheritance in React ๐Ÿ”ป
https://dev.to/alisamir/composition-vs-inheritance-in-react-2pho

Proven Tips to Optimize Performance in Your Next.js App โšก๏ธ
https://dev.to/alisamir/proven-tips-to-optimize-performance-in-your-nextjs-app-lpc

Throttling & Debouncing in JavaScript: A Beginner's Guide ๐Ÿ’ฏ
https://dev.to/alisamir/throttling-debouncing-in-javascript-a-beginners-guide-3j7n

Building a Clean and Scalable Frontend Architecture ๐Ÿ’ฏ
https://dev.to/alisamir/building-a-clean-and-scalable-frontend-architecture-1icc

Unleashing the Power of WebAssembly (WASM): The Future of Web Development โšก๏ธ
https://medium.com/@dev.alisamir/unleashing-the-power-of-webassembly-wasm-the-future-of-web-development-5c095b491d02

20 Must-Have VS Code Extensions for 2024 ๐Ÿ”ฅ
https://medium.com/@dev.alisamir/20-must-have-vs-code-extensions-for-2024-7ac4de4498c4

React useCallback() โ€” A complete guide ๐Ÿ’ฏ
https://hygraph.com/blog/react-usecallback-a-complete-guide

12 Must-Know Libraries to Supercharge Your Frontend Development ๐Ÿ’ฏ
https://blog.stackademic.com/12-must-know-libraries-to-supercharge-your-frontend-development-071e01f3da3b

Top GitHub Repositories To Learn Modern React Development ๐Ÿš€
https://livecycle.io/blogs/top-react-github-projects

11 Data Structures Every Developer Should Know ๐Ÿ”ป
https://blog.amigoscode.com/p/11-data-structures-every-developer

An Interactive Guide to Flexbox ๐Ÿš€
https://www.joshwcomeau.com/css/interactive-guide-to-flexbox

Variable Naming Best Practices in JavaScript ๐Ÿ”ป
https://javascript.plainenglish.io/variable-naming-best-practices-in-javascript-94af115f42cd

React Mindset: How New React Developers Should Think ๐Ÿ’ฏ
https://dev.to/ymir/react-mindset-how-new-react-developers-should-think-2cap

Best Practices for Storing Access Tokens in the Browser โœ…
https://curity.medium.com/best-practices-for-storing-access-tokens-in-the-browser-6b3d515d9814

Microservices Best Practices ๐Ÿ”ป
https://blog.amigoscode.com/p/mircroservices-best-practices

The Guide to New Hooks in React 19 โšก๏ธ
https://www.telerik.com/blogs/guide-new-hooks-react-19

30 Ways to Improve Website Performance with CSS โšก๏ธ
https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css
โค2
What Makes a Good React Developer? ๐Ÿ”ป

https://x.com/dev_alisamir/status/1861036553205698719
๐Ÿ‘1๐Ÿ”ฅ1๐Ÿ‘1
Python becomes the most used language on GitHub, overtaking JavaScript after a 10-year run as the most used language.
โค6๐Ÿ‘1๐Ÿ‘1
Types Of Algorithms | ุฃู†ูˆุงุน ุงู„ุฎูˆุงุฑุฒู…ูŠุงุช
โค6
GitHub Repos Essential for Every React Developer ๐Ÿ”ป


1- 30 Days of React
https://github.com/Asabeneh/30-Days-Of-React

2- Awesome React
https://github.com/enaqx/awesome-react

3- React Bits
https://github.com/vasanthk/react-bits

4- React Typescript Cheat Sheet
https://github.com/typescript-cheatsheets/react

5- React Interview Questions & Answers
https://github.com/sudheerj/reactjs-interview-questions
โค4