DevGuide ๐Ÿ‡ต๐Ÿ‡ธ
10.9K subscribers
2.61K 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
How to start learning JAVA IN 2025

1. Core Java Basics


- Learn about basic syntax, variables, data types, and operators.
- Control flow: if-else, loops (for, while, do-while).
- Arrays and Strings.
- Methods and Functions.


2. Object-Oriented Programming (OOP)


- Classes and Objects.
- Encapsulation, Inheritance, Polymorphism, and Abstraction.
- Interfaces and Abstract Classes.


3. Core Java Utilities


- Collections Framework (Lists, Sets, Maps, Queues).-
- Generics.
- Exception Handling.
- Input/Output Streams (I/O).


4. Advanced Java Concepts


- Multithreading and Concurrency.
- Java 8+ Features: Streams, Lambdas, Optional, Date and Time API.
- Functional Programming.


5. Database Connectivity


- JDBC (Java Database Connectivity).
- Connect Java applications with relational databases like MySQL or PostgreSQL.


6. Build Tools and Version Control


- Maven or Gradle for dependency management and building projects.
- Git for version control.


7. Frameworks and Tools


- Spring Framework: Learn Spring Boot for building enterprise applications.
- Hibernate: For ORM (Object-Relational Mapping).
- REST APIs: Learn how to create and consume RESTful web services.


8. Front-end Integration (Optional)


- Integrate Java with front-end technologies like HTML, CSS, JavaScript.
- Learn about JSP/Servlets or modern frameworks like Thymeleaf.


9. Testing


- Unit Testing with JUnit.
- Integration Testing.


10. Build Projects


- Create simple projects like a library management system, e-commerce website, or chat application.
- Gradually move to more complex projects using frameworks like Spring Boot.


11. Deployment


- Learn how to deploy Java applications on servers like Apache Tomcat.
- Explore cloud platforms like AWS or Azure for deployment.
โค3๐Ÿ‘2
ุฎุตู… 100% ู„ู…ุฏุฉ 3 ุฃูŠุงู… ุนู„ู‰ ูƒู„ ุงู„ูƒุชุจ ุงู„ุงู„ูƒุชุฑูˆู†ูŠุฉ ุงู„ู…ู†ุดูˆุฑุฉ ู…ู† ุฎู„ุงู„ To Data & Beyond:

โžก Efficient Python for Data Scientists
youssefhosni.gumroad.com/l/cbousj

โžก Hands-On Prompt Engineering: Building LLM Applications with Prompt Engineering
youssefhosni.gumroad.com/l/xsmguv

โžก LLM Roadmap from Beginner to Advanced Level
youssefhosni.gumroad.com/l/qigmtg

โžก Top Large Language Models Interview Questions and Answers
youssefhosni.gumroad.com/l/rrzgu

โžก Data Science Portfolio for Success E-Book
youssefhosni.gumroad.com/l/ltjno

ุชู‚ุฏุฑ ุชุณุชุฎุฏู… ุงู„ูƒูˆุจูˆู† ุนุดุงู† ุชุงุฎุฏ ุงู„ุฎุตู…:
5AOPHJC
โค3๐Ÿ‘3
ุงู„ู€ CORS - ู…ู† ุงู„ู…ุตุทู„ุญุงุช ุงู„ู…ู‡ู…ุฉ ููŠ ู…ุฌุงู„ ุงู„ูˆูŠุจ ๐Ÿ’ฏ

ุฎู„ุงู„ ุฑุญู„ุชูƒ ููŠ ู…ุฌุงู„ ุงู„ูˆูŠุจ ุฃูƒูŠุฏ ู…ุฑ ุนู„ูŠูƒ ู…ุตุทู„ุญ ุงู„ู€ 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.

โ€”โ€”โ€”

ุทุจ ุฅูŠู‡ ู‡ูŠ ุงู„ู…ุดุงูƒู„ ุงู„ู„ูŠ ู…ู…ูƒู† ุชูˆุงุฌู‡ู†ุง ู…ุน CORSุŸ ๐Ÿค”

ุฃุญูŠุงู†ู‹ุง ุงู„ู€ CORS ุจูŠุจู‚ู‰ ู…ุฒุนุฌุŒ ูˆุจุชุธู‡ุฑ ู„ูƒ ุฃุฎุทุงุก ููŠ ุงู„ู…ุชุตูุญ ู…ู† ู†ูˆุน "CORS error" ู„ู…ุง ุงู„ุณูŠุฑูุฑ ู…ุด ุจูŠุฏุนู… ุงู„ุทู„ุจุงุช ู…ู† ุงู„ู€ origin ุจุชุงุนูƒ.

ุงู„ุญู„ ู‡ู†ุง ุจูŠุจู‚ู‰ ุฅู†ูƒ ุชุชุฃูƒุฏ ุฅู† ุงู„ุณูŠุฑูุฑ ุงู„ู„ูŠ ุฃู†ุช ุจุชุทู„ุจ ู…ู†ู‡ ู…ุธุจุท ุฅุนุฏุงุฏุงุช ุงู„ู€ CORS ุตุญ.

ุจุงู„ุชูˆููŠู‚ ูŠุง ุจุทู„ โšก๏ธ
โค14๐Ÿ‘1
Looking For a Job in Tech? Start With These Job Boards ๐Ÿš€

๐Ÿ“ Indeed

https://www.indeed.com

๐Ÿ“ LinkedIn

https://www.linkedin.com/jobs

๐Ÿ“ Built In

https://builtin.com

๐Ÿ“ Dice

https://www.dice.com

๐Ÿ“ Wellfound

https://wellfound.com

๐Ÿ“ CrunchBoard

https://www.crunchboard.com

๐Ÿ“ Remote co

https://remote.co
โค7
ุงู„ู€ Feature Toggles (Feature Flags) ๐Ÿ’ก

ุชุฎูŠู„ ุฃู†ูƒ ุดุบุงู„ ุนู„ู‰ ู…ุดุฑูˆุน ุถุฎู…ุŒ ูˆุนุงูŠุฒ ุชุถูŠู ุฎุงุตูŠุฉ ุฌุฏูŠุฏุฉ ุฃูˆ ุชุฌุฑุจ ููƒุฑุฉ ู…ุนูŠู†ุฉุŒ ุจุณ ู…ู† ุบูŠุฑ ู…ุง ุชุฎุงุทุฑ ุฅู† ุญุงุฌุฉ ุชุจูˆุธ ููŠ ุงู„ูƒูˆุฏ ุฃูˆ ุจุฏูˆู† ู…ุง ุชุฃุซุฑ ุนู„ู‰ ุงู„ู…ุณุชุฎุฏู…ูŠู†...

ุฃูุถู„ ุญู„ ู‡ู†ุง ุฅู†ูƒ ุชุณุชุฎุฏู… ุงู„ู€ Feature Toggles ุฃูˆ ุฒูŠ ู…ุง ุจู†ุณู…ูŠู‡ุง ุฃุญูŠุงู†ู‹ุง ุงู„ู€ Feature Flags...

โ€”โ€”โ€”

๐Ÿ“Œ ุฅูŠู‡ ู‡ูŠ ุงู„ู€ Feature TogglesุŸ

ุจุจุณุงุทุฉ ุนุจุงุฑุฉ ุนู† (ุฃุฏุงุฉ ุฃูˆ ุชู‚ู†ูŠุฉ) ุจุชุฎู„ูŠูƒ ุชุชุญูƒู… ููŠ ุชูุนูŠู„ ุฃูˆ ุชุนุทูŠู„ ุฃุฌุฒุงุก ู…ุนูŠู†ุฉ ู…ู† ุงู„ูƒูˆุฏ ุจุชุงุนูƒ ู…ู† ุบูŠุฑ ู…ุง ุชุถุทุฑ ุชุนูŠุฏ ู†ุดุฑ (Deploy) ุงู„ุชุทุจูŠู‚ ุจุงู„ูƒุงู…ู„.

ุจู…ุนู†ู‰ ุชุงู†ูŠุŒ ุจุชู‚ุฏุฑ ุชุฎู„ู‘ูŠ ุฎุงุตูŠุฉ ู…ุนูŠู†ุฉ "On" ุฃูˆ "Off" ุจู†ุงุกู‹ ุนู„ู‰ ุดุฑูˆุท ู…ุนูŠู†ุฉ ุฃูˆ ุญุชู‰ ุจุดูƒู„ ุฏูŠู†ุงู…ูŠูƒูŠ.

โ€”โ€”โ€”

๐Ÿ“Œ ุฃู†ูˆุงุน ุงู„ู€ Feature Toggles:

๐Ÿ“ ุงู„ู€ Release Toggles

ุฏูŠ ุจู†ุณุชุฎุฏู…ู‡ุง ู„ู…ุง ู†ูƒูˆู† ุนุงูŠุฒูŠู† ู†ุทู„ุน ู…ูŠุฒุฉ ู„ุฌุฒุก ู…ุนูŠู† ู…ู† ุงู„ู…ุณุชุฎุฏู…ูŠู† ูˆู†ุณูŠุจ ุงู„ุจุงู‚ูŠ ุฒูŠ ู…ุง ู‡ูˆ. ู…ุซุงู„: ุชุฌุฑุจุฉ ุฎุงุตูŠุฉ ุฌุฏูŠุฏุฉ ุนู„ู‰ ู…ุณุชุฎุฏู…ูŠู† ู…ุนูŠู†ูŠู† ุจุณ.


๐Ÿ“ ุงู„ู€ Experiment Toggles

ุงู„ู†ูˆุน ุฏู‡ ุจูŠูุณุชุฎุฏู… ููŠ ุงู„ู€ A/B TestingุŒ ูˆุฏู‡ ู„ู…ุง ุชุญุจ ุชู‚ุงุฑู† ุจูŠู† ู†ุณุฎุชูŠู† ู…ู† ู†ูุณ ุงู„ู…ูŠุฒุฉ ูˆุชุดูˆู ุฃูŠ ู†ุณุฎุฉ ุจุชุฃุฏูŠ ุฃุฏุงุก ุฃูุถู„.


๐Ÿ“ ุงู„ู€ Ops Toggles

ุฏูŠ ู„ู‡ุง ุนู„ุงู‚ุฉ ุจุงู„ู€ DevOps. ู…ุซู„ุง ู„ูˆ ุนู†ุฏูƒ ุฎุงุตูŠุฉ ุจุชุณุชู‡ู„ูƒ ู…ูˆุงุฑุฏ ูƒุชูŠุฑ ู…ู† ุงู„ุณูŠุฑูุฑุŒ ุชู‚ุฏุฑ ุชูˆู‚ูู‡ุง ู…ุคู‚ุชู‹ุง ู…ู† ุบูŠุฑ ู…ุง ุชุฏุฎู„ ุนู„ู‰ ุงู„ูƒูˆุฏ.


๐Ÿ“ ุงู„ู€ Permission Toggles

ุงู„ู†ูˆุน ุฏู‡ ุจูŠุชุญูƒู… ููŠ ุฅุชุงุญุฉ ู…ูŠุฒุงุช ู…ุนูŠู†ุฉ ุจู†ุงุกู‹ ุนู„ู‰ ุงู„ู…ุณุชุฎุฏู… ู†ูุณู‡ุŒ ุฒูŠ ู„ู…ุง ุชุทุจู‚ ุฎุงุตูŠุฉ Premium ู…ุชุงุญุฉ ุจุณ ู„ู„ู…ุณุชุฎุฏู…ูŠู† ุงู„ู„ูŠ ุฏูุนูˆุง.

โ€”โ€”โ€”

๐Ÿ“Œ ู„ูŠู‡ ู†ุณุชุฎุฏู… ุงู„ู€ Feature TogglesุŸ

โœ… ุชุณุฑูŠุน ุงู„ุดุบู„

ุจุฏู„ ู…ุง ุชุฃุฌู„ ู†ุดุฑ ุงู„ุชุทุจูŠู‚ ุจุงู„ูƒุงู…ู„ ู„ุบุงูŠุฉ ู…ุง ูƒู„ ุงู„ู…ูŠุฒุงุช ุชุฌู‡ุฒุŒ ู…ู…ูƒู† ุชุถูŠู ุงู„ู€ Feature Toggles ุนู†ุฏูƒ ูˆุชูุนู‘ู„ ุงู„ู…ูŠุฒุงุช ุชุฏุฑูŠุฌูŠู‹ุง.


โœ… ุชู‚ู„ูŠู„ ุงู„ู…ุฎุงุทุฑ

ู„ูˆ ุญุตู„ุช ู…ุดูƒู„ุฉ ููŠ ุงู„ู…ูŠุฒุฉ ุงู„ุฌุฏูŠุฏุฉุŒ ุชู‚ุฏุฑ ุชู‚ูู„ู‡ุง ููˆุฑู‹ุง ู…ู† ุบูŠุฑ ู…ุง ุชุฑุฌุน ุชุนู…ู„ Rollback ู„ู„ู€ Deploy


โœ… ุชุณู‡ูŠู„ ุงู„ุชุนุงูˆู† ุจูŠู† ุงู„ูุฑู‚

ุงู„ูุฑู‚ ุงู„ู…ุฎุชู„ูุฉ ููŠ ุงู„ู…ุดุฑูˆุน (Frontend, Backend, DevOps) ูŠู‚ุฏุฑูˆุง ูŠุดุชุบู„ูˆุง ู…ุน ุจุนุถ ุนู„ู‰ ู†ูุณ ุงู„ูƒูˆุฏ ุจุณู‡ูˆู„ุฉ.


โœ… ุชุฌุฑุจุฉ ุงู„ู…ุณุชุฎุฏู… (User Testing)

ุจุณู‡ูˆู„ุฉ ุชู‚ุฏุฑ ุชุฌุฑุจ ู…ูŠุฒุงุช ุฌุฏูŠุฏุฉ ู…ุน ู…ุฌู…ูˆุนุฉ ุตุบูŠุฑุฉ ู…ู† ุงู„ู…ุณุชุฎุฏู…ูŠู† ูˆุชุดูˆู ุฑุฃูŠู‡ู… ู‚ุจู„ ู…ุง ุชู†ุดุฑู‡ุง ุจุดูƒู„ ุนุงู….

โ€”โ€”โ€”

๐Ÿ“Œ ุฅุฒุงูŠ ู†ุทุจู‚ ุงู„ู€ Feature TogglesุŸ

ุญุฏุฏ ุฅูŠู‡ ุงู„ู…ูŠุฒุฉ ุงู„ู„ูŠ ู…ุญุชุงุฌุฉ Toggle ูˆู‡ุฏููƒ ู…ู† ูˆุฑุงู‡ุง.

ููŠู‡ ู…ูƒุชุจุงุช ูƒุชูŠุฑ ุจุชุณุงุนุฏูƒ ุฒูŠ:

- LaunchDarkly
- Unleash
- Optimizely

ูˆู„ูˆ ุจุชุดุชุบู„ ุจู€ React ุฃูˆ Node.jsุŒ ู…ู…ูƒู† ุชู„ุงู‚ูŠ ู…ูƒุชุจุงุช ุฎููŠูุฉ ูˆุณู‡ู„ุฉ ุฒูŠ Feature Toggle ุฃูˆ ุชุนู…ู„ Toggle ุจุณูŠุท ุจู†ูุณูƒ.

ุฏุงุฆู…ู‹ุง ุฎู„ูŠ ุงู„ู€ Toggles ู…ุฑุจูˆุทุฉ ุจู€ Configuration File ุฃูˆ API ุชู‚ุฏุฑ ุชุนุฏู„ู‡ุง ุจุณู‡ูˆู„ุฉ.

ุชุฃูƒุฏ ู…ู† ุงุฎุชุจุงุฑ ุงู„ู…ูŠุฒุฉ ุจุดูƒู„ ูƒูˆูŠุณ ููŠ ู…ุฑุญู„ุฉ ุงู„ู€ Dev ุฃูˆ ุงู„ู€ Staging

โ€”โ€”โ€”

ูˆูู‚ูƒู… ุงู„ู„ู‡ ู„ูƒู„ ุฎูŠุฑ ๐ŸŒฟ
โค3๐Ÿ‘3
ู„ูˆ ู„ุณู‡ ุจุงุฏุฆ ููŠ ุงู„ุจุฑู…ุฌุฉุŒ ุฃูƒูŠุฏ ุณู…ุนุช ุนู† GitุŒ ูˆุฃูƒูŠุฏ ูƒู…ุงู† ุญุณูŠุช ุฅู†ู‡ ู…ุนู‚ุฏ ูˆู…ู„ูŠุงู† ุฃูˆุงู…ุฑ! ๐Ÿคฏ

ู„ูƒู† ุงู„ุญู‚ูŠู‚ุฉ ุฅู†ู‡ ู…ู† ุฃู‚ูˆู‰ ุงู„ุฃุฏูˆุงุช ุงู„ู„ูŠ ู‡ุชุณุงุนุฏูƒ ุชุญูุธ ุงู„ูƒูˆุฏ ุจุชุงุนูƒุŒ ุชุดุชุบู„ ู…ุน ูุฑูŠู‚ูƒ ุจุณู‡ูˆู„ุฉุŒ ูˆุชุฑุฌุน ู„ุฃูŠ ู†ุณุฎุฉ ู…ู† ู…ุดุฑูˆุนูƒ ููŠ ุฃูŠ ูˆู‚ุช! ๐Ÿ’ก

ููŠ ุงู„ู…ู‚ุงู„ ุฏู‡ุŒ ู‡ู†ุชูƒู„ู… ุนู† ุฃู‡ู… ู…ูุงู‡ูŠู… Git ุงู„ู„ูŠ ู„ุงุฒู… ุฃูŠ ู…ุจุฑู…ุฌ ุฌุฏูŠุฏ ูŠูู‡ู…ู‡ุงุŒ ูˆู‡ุชู„ุงู‚ูŠู‡ุง ู‚ุฏุงู…ูƒ ููŠ ูƒู„ ู…ุดุฑูˆุน ุชุดุชุบู„ ุนู„ูŠู‡. ู‡ุชุนุฑู ูŠุนู†ูŠ ุฅูŠู‡ commitุŒ branchุŒ mergeุŒ rebaseุŒ ูˆุบูŠุฑู‡ู…ุŒ ูˆุฅุฒุงูŠ ุชุณุชุฎุฏู…ู‡ู… ุจุทุฑูŠู‚ุฉ ุงุญุชุฑุงููŠุฉ! ๐Ÿš€

โ€”โ€”โ€”

Git Concepts Every New Developer Must Know: Your Roadmap to Version Control Mastery ๐Ÿ’ฏ


This article simplifies essential Git concepts for new developers. Whether you're working on your first project or contributing to a team, mastering these fundamentals will boost your confidence and make you a Git pro quickly.

https://medium.com/@dev.alisamir/git-concepts-every-new-developer-must-know-your-roadmap-to-version-control-mastery-6740ac0f763a
โค4๐Ÿ‘1
Software Engineer Roadmap 2025: The Complete Guide ๐Ÿš€


https://miro.com/app/board/uXjVLk4BHas=
โค5
ุจูุถู„ ุงู„ู„ู‡ุŒ ุชู… ู†ุดุฑ ุฃูˆู„ ู…ู‚ุงู„ ููŠ In Plain English ๐Ÿ”ฅ

ุงู„ู…ู‚ุงู„ ุจูŠุชูƒู„ู… ุนู† ุฃู‡ู… 10 ุฃุฎุทุงุก ููŠ ุงู„ูุฑูˆู†ุช ุฅู†ุฏ ู…ู…ูƒู† ุชู‚ุน ููŠู‡ุง ู„ูˆ ู„ุณู‡ ู…ุจุชุฏุฆุŒ ูˆูƒู…ุงู† ููŠู‡ ุญู„ูˆู„ ุนู…ู„ูŠุฉ ู„ูƒู„ ุฎุทุฃ ุนู„ุดุงู† ุชุชุฌู†ุจู‡. ๐Ÿ’ก

โ€”โ€”โ€”

The 10 Front-End Mistakes I Wish I Knew as a Beginner With Fixes ๐Ÿ’ก


Front-end development is an exciting yet challenging field.

When I started, I stumbled through countless pitfalls that slowed my progress and left me frustrated.

https://differ.blog/p/the-10-front-end-mistakes-i-wish-i-knew-as-a-beginner-with-fixes-dc17e6

โ€”โ€”โ€”

ู…ุชู†ุณุงุด ุชุดุงุฑูƒู‡ ู…ุน ุตุงุญุจูƒ ุงู„ูุฑูˆู†ุช ุฅู†ุฏ ๐Ÿš€
โค9๐Ÿ‘1๐Ÿ‘1
ุชุนุงู„ ู†ูู‡ู… ูŠุนู†ูŠ ุฅูŠู‡ Cross-Site Scripting (XSS)

ุงู„ู€ XSS ู‡ูˆ ู†ูˆุน ู…ู† ุฃู†ูˆุงุน ุงู„ุซุบุฑุงุช ุงู„ุฃู…ู†ูŠุฉ ุงู„ู„ูŠ ู…ู…ูƒู† ุชูƒูˆู† ู…ูˆุฌูˆุฏุฉ ููŠ ุงู„ู…ูˆุงู‚ุนุŒ ูˆุจูŠุณุชุบู„ู‡ุง ุงู„ู‡ุงูƒุฑุฒ ุนู„ุดุงู† ูŠู†ูุฐูˆุง ุฃูƒูˆุงุฏ ุถุงุฑุฉ ุฏุงุฎู„ ุตูุญุฉ ุงู„ูˆูŠุจ ุงู„ู„ูŠ ุจูŠุณุชุฎุฏู…ู‡ุง ุงู„ุถุญูŠุฉุŒ ูˆูƒุฏู‡ ุงู„ู‡ุงูƒุฑ ูŠู‚ุฏุฑ ูŠุชุญูƒู… ููŠ ุงู„ู…ูˆู‚ุน ุฃูˆ ุญุณุงุจุงุช ุงู„ู…ุณุชุฎุฏู…ูŠู†ุŒ ุฃูˆ ุญุชู‰ ูŠุณุญุจ ุจูŠุงู†ุงุชู‡ู… ุงู„ุฎุงุตุฉ.

โ€”โ€”โ€”

๐Ÿ” ุงู„ุซุบุฑุฉ ุฏูŠ ุจุชุดุชุบู„ ุฅุฒุงูŠุŸ


ุฎู„ูŠู†ูŠ ุฃุดุฑุญู„ูƒ ุงู„ุณูŠู†ุงุฑูŠูˆ ุงู„ุจุณูŠุท ุงู„ู„ูŠ ู…ู…ูƒู† ูŠุญุตู„:

1- ุงู„ู‡ุงูƒุฑ ุจูŠูƒูˆู† ุนู†ุฏู‡ ูƒูˆุฏ JavaScript ุถุงุฑ ูˆุนุงูŠุฒ ูŠุฒุฑุนู‡ ููŠ ุงู„ู…ูˆู‚ุน.

2- ุจูŠุณุชุบู„ ุซุบุฑุฉ ููŠ ุงู„ู…ุฏุฎู„ุงุช (Inputs) ุงู„ู…ูˆุฌูˆุฏุฉ ููŠ ุงู„ู…ูˆู‚ุน ุฒูŠ ุงู„ู€ Forms ุฃูˆ ุงู„ู€ CommentsุŒ ุฃูˆ ุญุชู‰ ููŠ URL ู„ูˆ ุงู„ู…ูˆู‚ุน ู…ุด ู…ุคู…ู‘ู† ูƒูˆูŠุณ.

3- ุงู„ู…ุณุชุฎุฏู… ุงู„ุนุงุฏูŠุŒ ุงู„ู„ูŠ ู‡ูˆ ุงู„ุถุญูŠุฉุŒ ุจูŠูุชุญ ุงู„ุตูุญุฉ ู…ู† ุบูŠุฑ ู…ุง ูŠุนุฑูุŒ ูˆุงู„ูƒูˆุฏ ุงู„ุถุงุฑ ุงู„ู„ูŠ ูƒุชุจู‡ ุงู„ู‡ุงูƒุฑ ุจูŠุจุฏุฃ ูŠุดุชุบู„ ุชู„ู‚ุงุฆูŠุŒ ูˆุฏู‡ ุจูŠุฏู‘ูŠ ุงู„ู‡ุงูƒุฑ ุตู„ุงุญูŠุงุช ูƒุจูŠุฑุฉ ุฏุงุฎู„ ุญุณุงุจุงุช ุงู„ุถุญูŠุฉ ุฃูˆ ุญุชู‰ ุจูŠุชู…ูƒู† ู…ู† ุณุฑู‚ุฉ ุงู„ุจูŠุงู†ุงุช ุงู„ู„ูŠ ู…ูˆุฌูˆุฏุฉ ุนู„ู‰ ุงู„ู…ูˆู‚ุน.

โ€”โ€”โ€”

๐Ÿ’ฅ ูŠุนู†ูŠ ุงู„ูƒูˆุฏ ุงู„ุถุงุฑ ุงู„ู„ูŠ ูƒุชุจู‡ ุงู„ู‡ุงูƒุฑ ู…ู…ูƒู† ูŠุชุญูƒู… ููŠ ุฃูŠ ุญุงุฌุฉ ุจุชุธู‡ุฑ ู„ู„ู…ุณุชุฎุฏู… ุนู„ู‰ ุงู„ู…ูˆู‚ุนุŒ ูˆุฏู‡ ู…ู…ูƒู† ูŠูƒูˆู† ู…ู† ุฎู„ุงู„:

- ุณุฑู‚ุฉ ุงู„ูƒูˆูƒูŠุฒ: ุงู„ู„ูŠ ู‡ูŠ ุฒูŠ ู…ู„ูุงุช ุตุบูŠุฑุฉ ุจุชุญุชูุธ ุจู…ุนู„ูˆู…ุงุช ุชุณุฌูŠู„ ุงู„ุฏุฎูˆู„ ูˆุงู„ุชูุถูŠู„ุงุช. ุงู„ูƒูˆุฏ ุงู„ุถุงุฑ ู…ู…ูƒู† ูŠุงุฎุฏู‡ุง ูˆูŠุจุนุชู‡ุงู„ู‡ุŒ ูˆุงู„ู‡ุงูƒุฑ ูŠุณุชุฎุฏู…ู‡ุง ุนู„ุดุงู† ูŠุฏุฎู„ ุจุญุณุงุจ ุงู„ุถุญูŠุฉ.

- ุชุบูŠูŠุฑ ู…ุญุชูˆู‰ ุงู„ุตูุญุฉ: ู…ู…ูƒู† ุงู„ู‡ุงูƒุฑ ูŠุญุท ุญุงุฌุงุช ุฃูˆ ุฑุณุงุฆู„ ูˆู‡ู…ูŠุฉ ููŠ ุงู„ุตูุญุฉ ุชุฎู„ู‘ูŠ ุงู„ู…ุณุชุฎุฏู…ูŠู† ูŠุฏุฎู„ูˆุง ุจูŠุงู†ุงุชู‡ู… ุงู„ุดุฎุตูŠุฉุŒ ุฒูŠ ุฑุณุงุฆู„ "ุชุณุฌูŠู„ ุงู„ุฏุฎูˆู„" ุฃูˆ "ุชุญุฏูŠุซ ุงู„ุญุณุงุจ".

- ุฅุนุงุฏุฉ ุชูˆุฌูŠู‡ ุงู„ู…ุณุชุฎุฏู…: ู„ูˆ ุงู„ู‡ุงูƒุฑ ุนุงูŠุฒ ูŠู†ู‚ู„ูƒ ู„ู…ูˆู‚ุน ุถุงุฑ ุชุงู†ูŠ ููŠู‡ ููŠุฑูˆุณุงุช ุฃูˆ ุจุฑุงู…ุฌ ุฎุจูŠุซุฉุŒ ู…ู…ูƒู† ูŠุฎู„ูŠูƒ ุชุฑูˆุญู„ู‡ ูˆุฃู†ุช ู…ุด ูˆุงุฎุฏ ุจุงู„ูƒ.

โ€”โ€”โ€”

๐Ÿ” ุฃู†ูˆุงุน ุงู„ู€ XSS

ููŠู‡ ุฃูƒุชุฑ ู…ู† ู†ูˆุน ูŠุฎุต ุงู„ู€ XSSุŒ ูˆูƒู„ ู†ูˆุน ู„ู‡ ุทุฑูŠู‚ุฉ ู…ุฎุชู„ูุฉ ููŠ ุงู„ุชู†ููŠุฐ ูˆุฃุซุฑ ู…ุฎุชู„ูุŒ ุฎู„ูŠู†ูŠ ุฃู‚ูˆู„ูƒ ุงู„ุฃู†ูˆุงุน ุงู„ุฑุฆูŠุณูŠุฉ:

๐Ÿ“ ุงู„ู€ Stored XSS: ุงู„ู†ูˆุน ุฏู‡ ุจูŠุญุตู„ ู„ู…ุง ุงู„ูƒูˆุฏ ุงู„ุถุงุฑ ุจูŠุชุฎุฒู† ููŠ ุงู„ู…ูˆู‚ุน ู†ูุณู‡ุŒ ูŠุนู†ูŠ ุจูŠูƒูˆู† ุซุงุจุช ูˆูƒู„ ู…ุฑุฉ ุญุฏ ูŠูุชุญ ุงู„ุตูุญุฉ ูŠุชู†ู‘ูุฐ ุนู„ู‰ ุทูˆู„.

๐Ÿ“ ุงู„ู€ Reflected XSS: ุงู„ู†ูˆุน ุฏู‡ ุจูŠุดุชุบู„ ู„ู…ุง ุงู„ูƒูˆุฏ ุจูŠุชู†ู‘ูุฐ ููˆุฑู‹ุง ููŠ ุงู„ุตูุญุฉ ุงู„ู„ูŠ ุงุชุถุงู ููŠู‡ุงุŒ ุฒูŠ ู„ู…ุง ุญุฏ ูŠุจุนุชู‡ ููŠ ุฑุงุจุท URLุŒ ูˆุงู„ู…ุณุชุฎุฏู… ูŠูุชุญู‡ ููŠู„ุงู‚ูŠ ุงู„ูƒูˆุฏ ุดุบุงู„.

๐Ÿ“ ุงู„ู€ DOM-based XSS: ุฏู‡ ู†ูˆุน ุฃุฐูƒู‰ ุดูˆูŠู‡ ู„ุฃู†ู‡ ุจูŠุดุชุบู„ ุนู„ู‰ ู…ุณุชูˆู‰ ุงู„ู€ DOM ุจุชุงุน ุงู„ุตูุญุฉุŒ ูŠุนู†ูŠ ุจูŠุชุนุงู…ู„ ู…ุจุงุดุฑุฉ ู…ุน ุงู„ุนู†ุงุตุฑ ุงู„ู„ูŠ ุจุชุชุบูŠุฑ ููŠ ูˆุงุฌู‡ุฉ ุงู„ู…ุณุชุฎุฏู…ุŒ ูˆุฏู‡ ุจูŠุฎู„ูŠ ุงู„ุซุบุฑุฉ ุฃุตุนุจ ุดูˆูŠุฉ ููŠ ุงู„ุงูƒุชุดุงู.

โ€”โ€”โ€”

๐Ÿ’ก ุฅุฒุงูŠ ู†ู…ู†ุน ุงู„ู€ XSSุŸ

ุนุดุงู† ุชุญู…ูŠ ู…ูˆู‚ุนูƒ ุฃูˆ ุชุทู…ู‘ู† ุฅู†ูƒ ู…ุชุฃู…ู† ุถุฏ ุงู„ุซุบุฑุฉ ุฏูŠุŒ ู„ุงุฒู… ุชุฑูƒุฒ ุนู„ู‰ ูƒุงู… ุญุงุฌุฉ:

๐Ÿ“Œ ุฃูŠ ุญุงุฌุฉ ุจูŠุถูŠูู‡ุง ุงู„ู…ุณุชุฎุฏู… ููŠ ุงู„ู…ูˆู‚ุน (ุฒูŠ ุงู„ู†ุตูˆุต ุฃูˆ ุงู„ุชุนู„ูŠู‚ุงุช) ู„ุงุฒู… ูŠุชุนู…ู„ ุนู„ูŠู‡ุง ูู„ุชุฑ ูˆ Validation ูˆุชุชุฃูƒุฏ ุฅู† ู…ููŠู‡ุงุด ุฃูƒูˆุงุฏ ุถุงุฑุฉ.

๐Ÿ“Œ ุงุณุชุฎุฏุงู… Content Security Policy (CSP): ุฏู‡ ุฒูŠ ุทุจู‚ุฉ ุญู…ุงูŠุฉ ุฅุถุงููŠุฉ ุจุชู…ู†ุน ุชู†ููŠุฐ ุงู„ุฃูƒูˆุงุฏ ุงู„ู„ูŠ ุฌุงูŠุฉ ู…ู† ู…ุตุงุฏุฑ ุบูŠุฑ ู…ูˆุซูˆู‚ุฉ.

๐Ÿ“Œ ุชุดููŠุฑ ุงู„ู…ุฏุฎู„ุงุช ูˆุงู„ู…ุฎุฑุฌุงุช: ุนู† ุทุฑูŠู‚ ุงุณุชุฎุฏุงู… HTML encoding ุนุดุงู† ุชุญูˆู„ ุงู„ุฑู…ูˆุฒ ุงู„ู„ูŠ ู…ู…ูƒู† ุชุณุจุจ ู…ุดุงูƒู„ (ุฒูŠ < ูˆ >) ู„ุฑู…ูˆุฒ ุขู…ู†ุฉ.

๐Ÿ“Œ ู…ู†ุน ุงู„ูƒูˆูƒูŠุฒ ู…ู† ุงู„ุณุฑู‚ุฉ: ุจุงุณุชุฎุฏุงู… ุฎูˆุงุต ุฒูŠ HttpOnly ุงู„ู„ูŠ ุจุชุญู…ูŠ ุงู„ูƒูˆูƒูŠุฒ ู…ู† ุงู„ูˆุตูˆู„ ุงู„ู…ุจุงุดุฑ ุนุจุฑ JavaScript.

โ€”โ€”โ€”

โœ‹ ุงู„ู€ XSS ุซุบุฑุฉ ุฎุทูŠุฑุฉ ุฌุฏู‹ุง ู…ู…ูƒู† ุชู‡ุฏุฏ ุฎุตูˆุตูŠุฉ ุงู„ู…ุณุชุฎุฏู…ูŠู† ูˆุชุถุฑ ุจุณู…ุนุฉ ุงู„ู…ูˆู‚ุน ูƒู…ุงู†. ุนุดุงู† ูƒุฏู‡ ู„ุงุฒู… ุชูƒูˆู† ูุงู‡ู… ุชูุงุตูŠู„ู‡ุง ูƒูˆูŠุณ ูˆุชู‚ุฏุฑ ุชุฃู…ู† ู…ูˆู‚ุนูƒ ู…ู†ู‡ุง....

ุจุงู„ุชูˆููŠู‚ ูŠุง ุจุทู„ โšก๏ธ
โค9๐Ÿคฏ1
25 JavaScript String Methods Cheat Sheet - Part 2.pdf
985.1 KB
ุฃู‡ู… 25 ุฏุงู„ุฉ ู„ู„ุชุนุงู…ู„ ู…ุน ุงู„ู€ Strings ููŠ JavaScript - ุงู„ุฌุฒุก ุงู„ุซุงู†ูŠ ๐Ÿ’ฏ
.
.
25 JavaScript String Methods Cheat Sheet - Part 2 ๐Ÿ’ก


13. includes()
14. indexOf()
15. lastIndexOf()
16. split()
17. replace()
18. replaceAll()
19. startWith()
20. padStart()
21. padEnd()
22. repeat()
23. search()
24. substr()
25. toString()

โ€”โ€”โ€”

ูˆูู‚ูƒู… ุงู„ู„ู‡ ู„ูƒู„ ุฎูŠุฑ ๐ŸŒฟ
โค7๐Ÿ‘1
ุชุนุงู„ ู†ุนุฑู ุงู„ูุฑู‚ ุจูŠู† ุงู„ู€ Horizontal Scaling ูˆุงู„ู€ Vertical Scaling ๐Ÿ’ก
.
.
ุชุฎูŠู„ ุฅู†ูƒ ุนู†ุฏูƒ ู…ุทุนู…ุŒ ูˆุงู„ู…ูƒุงู† ุจู‚ู‰ ุฒุญู…ุฉ ุฌุฏู‹ุง ูˆุงู„ุทู„ุจุงุช ู…ุด ู…ู„ุงุญู‚ ุนู„ูŠู‡ุงุŒ ุฃูƒูŠุฏ ู‡ุชููƒุฑ ุชูˆุณู‘ุน ุนู„ุดุงู† ุชู‚ุฏุฑ ุชุฎุฏู… ุนุฏุฏ ุฃูƒุจุฑ ู…ู† ุงู„ู†ุงุณ. ูˆู„ูƒู† ุนู†ุฏูƒ ุญู„ู‘ูŠู†:

1- ุฅู†ูƒ ุชูˆุณู‘ุน ุงู„ู…ุทุนู… ู†ูุณู‡ ูˆุชุฒูˆู‘ุฏ ุนุฏุฏ ุงู„ุชุฑุงุจูŠุฒุงุช ูˆุงู„ูƒุฑุงุณูŠ.
2- ุฅู†ูƒ ุชูุชุญ ูุฑูˆุน ุฌุฏูŠุฏุฉ ููŠ ุฃู…ุงูƒู† ู…ุฎุชู„ูุฉ ุนู„ุดุงู† ุชุณุชูˆุนุจ ุนุฏุฏ ุงู„ุฒุจุงูŠู† ุงู„ู…ุชุฒุงูŠุฏ.

ุงู„ุญู„ ุงู„ุฃูˆู„ ู‡ูˆ Vertical ScalingุŒ ูˆุงู„ุชุงู†ูŠ ู‡ูˆ Horizontal ScalingุŒ ูˆุฏู‡ ุจุงู„ุถุจุท ุงู„ู„ูŠ ุจูŠุญุตู„ ููŠ ุนุงู„ู… ุงู„ุจุฑู…ุฌุฉ ู„ู…ุง ุงู„ุณูŠุฑูุฑุงุช ุจุชุจุฏุฃ ุชุชุนุงู…ู„ ู…ุน ุถุบุท ุนุงู„ูŠ ู…ู† ุงู„ requests.

โ€”โ€”โ€”

๐Ÿ“ LinkedIn

https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-backenddevelopment-devabrguide-activity-7308475605694537728-WTWQ

๐Ÿ“ Qabilah

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

โ€”โ€”โ€”

ู…ุชู†ุณุงุด ุชุดุงุฑูƒ ุงู„ุจูˆุณุช ูˆุชููŠุฏ ุบูŠุฑูƒ.

ูˆูู‚ูƒู… ุงู„ู„ู‡ ู„ูƒู„ ุฎูŠุฑ ๐ŸŒฟ
โค4๐Ÿ‘3
ุฏุฑุฏุดุฉ ุณุฑูŠุนุฉ ุนู† ุงู„ู€ Accessibility Tree โšก๏ธ
.
.
ุงู„ุฃุดุฎุงุต ุฃุตุญุงุจ ุงู„ู‚ุฏุฑุงุช ุงู„ุฎุงุตุฉ ุจุชุชุนุงู…ู„ ู…ุน ุงู„ูˆูŠุจ ุจุทุฑูŠู‚ุฉ ู…ุฎุชู„ูุฉ ุชู…ุงู…ู‹ุง ุนู† ุงู„ู„ูŠ ุงุญู†ุง ู…ุชุนูˆุฏูŠู† ุนู„ูŠู‡ุง. ูˆุฏู‡ ุงู„ู„ูŠ ุจูŠุฎู„ูŠู†ุง ู†ุณุฃู„ ุงู„ุณุคุงู„ ุงู„ู…ู‡ู…: ุฅุฒุงูŠ ุงู„ู…ุชุตูุญุงุช ุจุชูู‡ู… ุตูุญุงุช ุงู„ูˆูŠุจ ูˆุชุฎู„ูŠู‡ุง ู‚ุงุจู„ุฉ ู„ู„ูˆุตูˆู„ุŸ ๐Ÿค”
.
.
ู‡ู†ุง ุจูŠูŠุฌูŠ ุฏูˆุฑ ุงู„ู€ The Accessibility Tree ๐ŸŒณ

โ€”โ€”โ€”

๐Ÿ“Œ ูŠุนู†ูŠ ุฅูŠู‡ Accessibility TreeุŸ


ุจุจุณุงุทุฉุŒ ู‡ูˆ ุชู…ุซูŠู„ ู‡ูŠูƒู„ูŠ (Tree Structure) ู…ูˆุงุฒูŠ ู„ู„ู€ DOM TreeุŒ ู„ูƒู†ู‡ ุจูŠุญุชูˆูŠ ุจุณ ุนู„ู‰ ุงู„ุนู†ุงุตุฑ ุงู„ู„ูŠ ู…ู…ูƒู† ุชูƒูˆู† ู…ูู‡ูˆู…ุฉ ูˆู‚ุงุจู„ุฉ ู„ู„ูˆุตูˆู„ ุจูˆุงุณุทุฉ ุชู‚ู†ูŠุงุช ุงู„ู…ุณุงุนุฏุฉ ุฒูŠ ุงู„ู€ Screen Readers.

ูŠุนู†ูŠ ู„ูˆ ููŠู‡ ุนู†ุตุฑ ุนู„ู‰ ุงู„ุตูุญุฉ ู…ุด ู…ู‡ู… ุฃูˆ ู…ู„ูˆุด ุฏูˆุฑ ูˆุงุถุญ ู„ู„ู…ุณุชุฎุฏู… ู…ู† ู†ุงุญูŠุฉ ุงู„ูˆุตูˆู„ (ุฒูŠ <div> ุนุงุฏูŠ ุจุฏูˆู† ู…ุนู†ู‰)ุŒ ู…ุด ู‡ูŠูƒูˆู† ู…ูˆุฌูˆุฏ ุฏุงุฎู„ ุงู„ู€ Accessibility Tree.

โ€”โ€”โ€”

๐Ÿ“Œ ุฅุฒุงูŠ ุงู„ู€ Accessibility Tree ุจุชุชูƒูˆู†ุŸ


ุงู„ู…ูˆุถูˆุน ุจูŠู…ุฑ ุจุฃูƒุซุฑ ู…ู† ุฎุทูˆุฉ:

1๏ธโƒฃ ุงู„ู…ุชุตูุญ ุจูŠุจู†ูŠ ุงู„ู€ DOM Tree


ุฃูŠ ู…ูˆู‚ุน ุฃูˆ ุตูุญุฉ ุจุชุจุฏุฃ ูƒู€ HTMLุŒ ูˆุงู„ู…ุชุตูุญ ุจูŠุญูˆู„ ุงู„ู€ HTML ุฏู‡ ู„ู€ DOM TreeุŒ ุงู„ู„ูŠ ุจูŠูƒูˆู† ุนุจุงุฑุฉ ุนู† ูƒู„ ุนู†ุงุตุฑ ุงู„ุตูุญุฉุŒ ุญุชู‰ ุงู„ูุงุถูŠุฉ ู…ู†ู‡ุง.


2๏ธโƒฃ ุงู„ู…ุชุตูุญ ุจูŠุจู†ูŠ ุงู„ู€ Render Tree


ู‡ู†ุง ุจูŠุจุฏุฃ ุงู„ู…ุชุตูุญ ูŠูู„ุชุฑ ุงู„ุนู†ุงุตุฑ ุงู„ู„ูŠ ุจุชุฃุซุฑ ุนู„ู‰ ุงู„ู…ุธู‡ุฑ ุงู„ู†ู‡ุงุฆูŠ ู„ู„ุตูุญุฉ. ูŠุนู†ูŠ ุฃูŠ ุญุงุฌุฉ ู…ุด ุจูŠุชุนู…ู„ู‡ุง Render (ุฒูŠ ุงู„ุนู†ุงุตุฑ ุงู„ู…ุฎููŠุฉ ุจู€ display: none) ู…ุด ุจุชูƒูˆู† ู…ูˆุฌูˆุฏุฉ ููŠ ุงู„ู€ Render Tree.


3๏ธโƒฃ ุงู„ู…ุชุตูุญ ุจูŠุจู†ูŠ ุงู„ู€ Accessibility Tree


ููŠ ุงู„ู…ุฑุญู„ุฉ ุฏูŠุŒ ุงู„ู…ุชุตูุญ ุจูŠุงุฎุฏ ุงู„ู€ DOM Tree ูˆูŠุจุฏุฃ ูŠุดูˆู ุฅูŠู‡ ุงู„ุนู†ุงุตุฑ ุงู„ู„ูŠ ู…ุญุชุงุฌุฉ ุชูƒูˆู† ู…ูˆุฌูˆุฏุฉ ุนุดุงู† ุชู‚ู†ูŠุงุช ุงู„ู…ุณุงุนุฏุฉ ุชู‚ุฏุฑ ุชูู‡ู… ุงู„ุตูุญุฉ. ุฃูŠ ุนู†ุตุฑ ู…ู„ูˆุด ุฏูˆุฑ ูˆุงุถุญ ุฃูˆ ู…ุด ู…ุคุซุฑ ููŠ ุงู„ุชูุงุนู„ ุจูŠุชู… ุชุฌุงู‡ู„ู‡.

ู…ู„ุญูˆุธุฉ: ุงู„ู€ Accessibility Tree ุจุชุนุชู…ุฏ ุนู„ู‰ ุงู„ู€ DOM Tree ุฃูƒุชุฑ ู…ู† ุงู„ู€ Render TreeุŒ ูŠุนู†ูŠ ู…ู…ูƒู† ุนู†ุตุฑ ูŠูƒูˆู† ู…ูˆุฌูˆุฏ ููŠู‡ุง ุญุชู‰ ู„ูˆ ู…ุด ู…ุฑุฆูŠ ููŠ ุงู„ุตูุญุฉ.

โ€”โ€”โ€”

ุทุจ ู„ูŠู‡ ุงู„ู…ูˆุถูˆุน ุฏู‡ ู…ู‡ู…ุŸ ๐Ÿค”


ู„ุฃู† ู„ูˆ ุนู†ุตุฑ ู…ุนูŠู† ู…ุด ู…ูˆุฌูˆุฏ ููŠ ุงู„ู€ Accessibility TreeุŒ ูู‡ูˆ ุจุจุณุงุทุฉ ู…ุด ู…ูˆุฌูˆุฏ ุจุงู„ู†ุณุจุฉ ู„ู„ูŠ ุจูŠุนุชู…ุฏ ุนู„ู‰ ุงู„ู€ Screen Reader!

ูŠุนู†ูŠ ู„ูˆ ุนู†ุฏูƒ ุฒุฑุงุฑ (button) ุดูƒู„ู‡ ุญู„ูˆ ููŠ ุงู„ู€ UI ุจุณ ู…ููŠู‡ูˆุด role="button" ุฃูˆ aria-label ูˆุงุถุญุŒ ุงู„ู…ุณุชุฎุฏู… ู…ุด ู‡ูŠุนุฑู ุฅู†ู‡ ุฒุฑุงุฑ ุฃุตู„ู‹ุง.

โ€”โ€”โ€”

๐Ÿ“Œ ุฅูŠู‡ ุงู„ู„ูŠ ุจูŠุฃุซุฑ ุนู„ู‰ ุงู„ู€ Accessibility TreeุŸ


โœ… 1. ู†ูˆุน ุงู„ุนู†ุตุฑ ู†ูุณู‡


ุงู„ุนู†ุงุตุฑ ุงู„ู€ HTML Semantics ุฒูŠ <button>ุŒ <input>ุŒ <h1>ุŒ <p> ุจุชูƒูˆู† ุฌุฒุก ู…ู† ุงู„ู€ Accessibility Tree ุจุดูƒู„ ุชู„ู‚ุงุฆูŠุŒ ู„ูƒู† ุงู„ุนู†ุงุตุฑ ุฒูŠ <div> ูˆ <span> ู…ุด ุจุชูƒูˆู† ู…ูˆุฌูˆุฏุฉ ุฅู„ุง ู„ูˆ ู„ู‡ุง ุฏูˆุฑ ู…ุญุฏุฏ.


โœ… 2. ุงู„ู€ ARIA Attributes


ู„ูˆ ุนุงูˆุฒ ุนู†ุตุฑ ูŠูƒูˆู† ู…ุชุงุญ ููŠ ุงู„ู€ Accessibility Tree ุจุณ ู…ุด ุฌุฒุก ู…ู† ุงู„ู€ HTML SemanticsุŒ ุชู‚ุฏุฑ ุชุณุชุฎุฏู… ARIA attributes ุฒูŠ:

- ุงู„ู€ role="button": ู„ูˆ ุนู†ุฏูƒ <div> ู…ุณุชุฎุฏู…ู‡ ูƒุฃู†ู‡ ุฒุฑุงุฑุŒ ู„ุงุฒู… ุชุถูŠู ู„ูŠู‡ ุงู„ุฏูˆุฑ ุงู„ู…ู†ุงุณุจ.
- ุงู„ู€ aria-hidden="true": ู„ูˆ ุนุงูˆุฒ ุชุฎููŠ ุนู†ุตุฑ ู…ู† ุงู„ู€ Accessibility Tree ุจุฏูˆู† ู…ุง ุชุฎููŠู‡ ู…ู† ุงู„ู€ UI.


โœ… 3. ุงู„ู€ CSS Properties

ุจุนุถ ุงู„ู€ CSS Properties ู…ู…ูƒู† ุชุฃุซุฑ ุนู„ู‰ ูˆุฌูˆุฏ ุนู†ุตุฑ ุฌูˆู‡ ุงู„ู€ Accessibility Tree:

- ุงู„ู€ display: none ุฃูˆ visibility: hidden: ุจุชุดูŠู„ ุงู„ุนู†ุตุฑ ู…ู† ุงู„ู€ Tree ุจุงู„ูƒุงู…ู„.
- ุงู„ู€ opacity: 0: ุจูŠุฎู„ูŠ ุงู„ุนู†ุตุฑ ู…ุด ู…ุฑุฆูŠุŒ ุจุณ ูŠูุถู„ ู…ูˆุฌูˆุฏ ุฌูˆู‡ ุงู„ู€ Accessibility Tree.
- ุงู„ู€ position: absolute ู…ุน left: -9999: ุงู„ุนู†ุตุฑ ุจูŠูุถู„ ู…ูˆุฌูˆุฏ ู„ูˆ ูƒุงู† ู„ู‡ ุฏูˆุฑ ูˆุงุถุญ (ุฒูŠ ุฒุฑุงุฑ)ุŒ ู„ูƒู† ู„ูˆ ุจุฏูˆู† ู…ุนู†ู‰ ู…ู…ูƒู† ูŠุชู… ุชุฌุงู‡ู„ู‡.


โœ… 4. ุฅุฏุงุฑุฉ ุงู„ู€ Focus


ู…ูˆุถูˆุน ุงู„ู€ Focus (ุฒูŠ ุงุณุชุฎุฏุงู… tabindex) ุจูŠุฃุซุฑ ุนู„ู‰ ุฅุฒุงูŠ ุงู„ู…ุณุชุฎุฏู… ุจูŠุชูุงุนู„ ู…ุน ุงู„ุนู†ุงุตุฑ ููŠ ุงู„ู€ Accessibility Tree.
๐Ÿ‘4โค2
ุณู…ุนุช ู‚ุจู„ ูƒุฏู‡ ุนู† ุงู„ู€ Microservices ุจุณ ู…ุด ูุงู‡ู…ู‡ุง ูƒูˆูŠุณุŸ ุฃูˆ ุญุงุณุณ ุฅู†ู‡ุง ู…ูˆุถูˆุน ู…ุนู‚ุฏ ูˆู…ุญุชุงุฌ ุฎุจุฑุฉ ูƒุจูŠุฑุฉุŸ ๐Ÿคฏ

ุงู„ู…ูˆุถูˆุน ุจุจุณุงุทุฉ ุฅู† ุจุฏู„ ู…ุง ูŠูƒูˆู† ุนู†ุฏูƒ ุชุทุจูŠู‚ ุถุฎู… (Monolith) ูƒู„ู‡ ู…ุชุดุงุจูƒ ู…ุน ุจุนุถู‡ุŒ ุชู‚ุฏุฑ ุชู‚ุณู‘ู…ู‡ ู„ุนุฏุฉ ุฎุฏู…ุงุช ุตุบูŠุฑุฉ (Microservices)ุŒ ูˆูƒู„ ุฎุฏู…ุฉ ุจุชุดุชุบู„ ู„ูˆุญุฏู‡ุง ูˆุชู‚ุฏุฑ ุชุชุญุฏุซ ู…ุน ุจุงู‚ูŠ ุงู„ุฎุฏู…ุงุช ุจุทุฑูŠู‚ุฉ ู…ู†ุธู…ุฉ.

ุงู„ููƒุฑุฉ ุฏูŠ ุจุชุณุงุนุฏ ุงู„ุดุฑูƒุงุช ุงู„ูƒุจูŠุฑุฉ ุฒูŠ Netflix ูˆ Amazon ุฅู†ู‡ุง ุชู‚ุฏุฑ ุชุทูˆู‘ุฑ ูˆุชุญุฏู‘ุซ ุงู„ุฃู†ุธู…ุฉ ุจุชุงุนุชู‡ุง ุจุณู‡ูˆู„ุฉ ูˆุณุฑุนุฉ.

โ€”โ€”โ€”

๐ŸŽฏ ุชุฎูŠู„ ุฅู† ุนู†ุฏูƒ ุชุทุจูŠู‚ ู„ู…ุทุนู… ุฃูˆู†ู„ุงูŠู†:


- ุฎุฏู…ุฉ ู…ุณุคูˆู„ุฉ ุนู† ุงู„ุทู„ุจุงุช ๐Ÿ›’
- ุฎุฏู…ุฉ ู…ุณุคูˆู„ุฉ ุนู† ุงู„ุฏูุน ๐Ÿ’ณ
- ุฎุฏู…ุฉ ู…ุณุคูˆู„ุฉ ุนู† ุฅุฏุงุฑุฉ ุงู„ุนู…ู„ุงุก ๐Ÿ‘ฅ

ูƒู„ ุฎุฏู…ุฉ ุชุดุชุบู„ ู„ูˆุญุฏู‡ุงุŒ ูˆู„ูˆ ุญุตู„ ู…ุดูƒู„ุฉ ููŠ ุงู„ุฏูุนุŒ ุงู„ุทู„ุจุงุช ุชูุถู„ ุดุบุงู„ุฉ ุนุงุฏูŠ ุจุฏูˆู† ู…ุง ุชุชุฃุซุฑ.

โ€”โ€”โ€”

ููŠ ุงู„ู…ู‚ุงู„ ุฏู‡ุŒ ู‡ุชูู‡ู… ุงู„ููƒุฑุฉ ุจุฃุณู„ูˆุจ ุจุณูŠุทุŒ ู…ุน ู…ุซุงู„ ุนู…ู„ูŠ ูŠูˆุถุญ ู„ูƒ ูƒู„ ุญุงุฌุฉ ุฎุทูˆุฉ ุจุฎุทูˆุฉ โœ…๐Ÿ‘‡


Microservices Made Simple: A Beginnerโ€™s Guide with a Real Example ๐Ÿ’ฏ


Imagine youโ€™re building a house. You could construct it as one giant, unchangeable block with everything fused or use a modular approach, with separate rooms you can tweak, replace, or upgrade without tearing the whole thing down.

https://differ.blog/p/microservices-made-simple-a-beginner-s-guide-with-a-real-example-47c171
๐Ÿ‘5โค4
Accent color in CSS ๐Ÿ’ฏ
โค6๐Ÿ‘2๐Ÿ”ฅ1
ุงู„ุนู„ุงู‚ุงุช ุจูŠู† ุงู„ุฌุฏุงูˆู„ ููŠ ุงู„ู€ Database ๐Ÿ’ก
.
.
ุฎู„ูŠู†ูŠ ุฃุณุฃู„ูƒ ุณุคุงู„ ุจุณูŠุท: ู„ูˆ ุนู†ุฏูƒ ุชุทุจูŠู‚ ุจูŠุณุฌู„ ุจูŠุงู†ุงุช ุงู„ู…ุณุชุฎุฏู…ูŠู† ูˆุทู„ุจุงุช ุงู„ุดุฑุงุก ุจุชุงุนุชู‡ู…ุŒ ู‡ุชุฎุฒู† ุงู„ุจูŠุงู†ุงุช ุฏูŠ ุฅุฒุงูŠุŸ ู‡ุชุญุท ูƒู„ ุญุงุฌุฉ ููŠ Table ูˆุงุญุฏุŸ ุทุจ ู„ู…ุง ุงู„ู…ุณุชุฎุฏู… ูŠุทู„ุจ 10 ุทู„ุจุงุชุŒ ู‡ุชูƒุฑุฑ ุจูŠุงู†ุงุชู‡ 10 ู…ุฑุงุชุŸ ูˆู„ุง ู‡ุชุนู…ู„ ุฅูŠู‡ุŸ ๐Ÿค”

ู‡ู†ุง ุจุชูŠุฌูŠ ุฃู‡ู…ูŠุฉ ุงู„ุนู„ุงู‚ุงุช ุจูŠู† ุงู„ุฌุฏุงูˆู„ (Database Relationships) ููŠ ุงู„ู€ Relational Databases ุฒูŠ MySQL ูˆPostgreSQL. ุงู„ุนู„ุงู‚ุงุช ุฏูŠ ู‡ูŠ ุงู„ู„ูŠ ุจุชุณุงุนุฏูƒ ุชุฎู„ู‘ูŠ ุงู„ู€ Database ู…ู†ุธู…ุฉุŒ ู…ุฑู†ุฉุŒ ูˆูƒู…ุงู† ุฃุณุฑุน ููŠ ุงู„ุงุณุชุนู„ุงู…ุงุช (Queries).

ูˆู„ูˆ ุงุณุชุฎุฏู…ุชู‡ุง ุบู„ุทุŒ ู…ู…ูƒู† ุชู„ุงู‚ูŠ ู†ูุณูƒ ุบุฑู‚ุงู† ููŠ Data DuplicationุŒ Inconsistent DataุŒ ูˆุงู„ุฃุฏุงุก ู‡ูŠูƒูˆู† ููŠ ุงู„ุถูŠุงุน.

ููŠ ุงู„ุจูˆุณุช ุฏู‡ุŒ ู‡ู†ุชูƒู„ู… ุนู† ุฃู†ูˆุงุน ุงู„ุนู„ุงู‚ุงุช ุจูŠู† ุงู„ุฌุฏุงูˆู„ุŒ ุงู…ุชู‰ ุชุณุชุฎุฏู… ูƒู„ ู†ูˆุนุŒ ูˆู‡ู†ุดูˆู ุฃู…ุซู„ุฉ ุนู…ู„ูŠุฉ ุนู„ูŠู‡ุง...๐Ÿ”ฅ

โ€”โ€”โ€”

๐Ÿ“ LinkedIn

https://www.linkedin.com/posts/dev-alisamir_database-backenddeveloper-backend-activity-7309651943797198851-tXvC

๐Ÿ“ Qabilah

https://qabilah.com/posts/MMsQVPppIwA

โ€”โ€”โ€”

ู…ุชู†ุณุงุด ุชุดุงุฑูƒ ุงู„ุจูˆุณุช ูˆุชููŠุฏ ุบูŠุฑูƒ ๐Ÿ’ก
โค8๐Ÿ”ฅ1๐Ÿ‘1
๐Ÿš€ The Evolution of HTTP: From Static Pages to Lightning-Fast Web
โค4๐Ÿ”ฅ1
Roadmap To Learn Generative AI ๐Ÿš€


1. Python Programming Language -1 Month
2. Basic Machine Learning Natural Language Processing
3. Basic Deep Learning Concepts
4. Advanced NLP Concepts
5. Starting the Journey Towards Generative AI (GPT4,Mistral 7B, LLAMA, Hugging Face Open Source LLM Models,Google Palm Model)
6. Vector Databases And Vector Stores
7. Deployment Of LLM Projects

https://github.com/krishnaik06/Roadmap-To-Learn-Generative-AI-In-2024
โค3๐Ÿ”ฅ1
ู„ูŠู‡ ุชูƒุชุจ ู†ูุณ ุงู„ูƒูˆุฏ ู…ุฑุชูŠู† ูˆุชูˆุฌุน ุฏู…ุงุบูƒุŸ ๐Ÿค”
.
.
ูุงูƒุฑ ุขุฎุฑ ู…ุฑุฉ ูƒู†ุช ุจุชุนู…ู„ ููŠู‡ุง Copy-Paste ููŠ ุงู„ูƒูˆุฏ ุจุชุงุนูƒุŸ ุบุงู„ุจู‹ุง ูƒู†ุช ู…ุณุชุนุฌู„ ูˆุนุงูŠุฒ ุชุฎู„ุต ุจุณุฑุนุฉุŒ ุจุณ ุงู„ู„ูŠ ุญุตู„ ุจุนุฏู‡ุงุŸ ุงูƒุชุดูุช ุฅู† ููŠู‡ Bug ููŠ ุงู„ูƒูˆุฏุŒ ูˆุจุฏู„ ู…ุง ุชุตู„ุญู‡ ููŠ ู…ูƒุงู† ูˆุงุญุฏุŒ ู„ู‚ูŠุช ู†ูุณูƒ ุจุชุฏูˆุฑ ุนู„ูŠู‡ ููŠ ูƒุฐุง ู…ูƒุงู† ุนุดุงู† ุชุนุฏู„ู‡! ๐Ÿคฆโ€โ™‚๏ธ

ู‡ู†ุง ุจู‚ู‰ ุจูŠูŠุฌูŠ ุฏูˆุฑ ู…ุจุฏุฃ DRY โ€“ Donโ€™t Repeat YourselfุŒ ูˆุงู„ู„ูŠ ุจุจุณุงุทุฉ ู…ุนู†ุงู‡ "ุงูƒุชุจ ุงู„ูƒูˆุฏ ู…ุฑุฉ ูˆุงุญุฏุฉ ูˆุฎู„ูŠู‡ ู‚ุงุจู„ ู„ุฅุนุงุฏุฉ ุงู„ุงุณุชุฎุฏุงู… ุจุฏู„ ู…ุง ุชูƒุฑุฑู‡ ููŠ ูƒู„ ุญุชุฉ".

โ€”โ€”โ€”

๐Ÿ“ LinkedIn

https://www.linkedin.com/posts/dev-alisamir_devabrguide-softwaredevelopment-dry-activity-7310021758386954241-TTQ1

๐Ÿ“ Qabilah

https://qabilah.com/posts/OoYj4HCbkxM

โ€”โ€”โ€”

ู…ุชู†ุณุงุด ุชุดุงุฑูƒ ุงู„ุจูˆุณุช ูˆุชููŠุฏ ุบูŠุฑูƒ. ๐Ÿ’ก
โค5๐Ÿ”ฅ1