How to start learning JAVA IN 2025
- Learn about basic syntax, variables, data types, and operators.
- Control flow: if-else, loops (for, while, do-while).
- Arrays and Strings.
- Methods and Functions.
- Classes and Objects.
- Encapsulation, Inheritance, Polymorphism, and Abstraction.
- Interfaces and Abstract Classes.
- Collections Framework (Lists, Sets, Maps, Queues).-
- Generics.
- Exception Handling.
- Input/Output Streams (I/O).
- Multithreading and Concurrency.
- Java 8+ Features: Streams, Lambdas, Optional, Date and Time API.
- Functional Programming.
- JDBC (Java Database Connectivity).
- Connect Java applications with relational databases like MySQL or PostgreSQL.
- Maven or Gradle for dependency management and building projects.
- Git for version control.
- 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.
- Integrate Java with front-end technologies like HTML, CSS, JavaScript.
- Learn about JSP/Servlets or modern frameworks like Thymeleaf.
- Unit Testing with JUnit.
- Integration Testing.
- 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.
- Learn how to deploy Java applications on servers like Apache Tomcat.
- Explore cloud platforms like AWS or Azure for deployment.
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
โก 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" ูู ุงูุฏูู ูู (domain) ุฃู ุงููุทุงู ุงููู ุงูู ููุน ุฃู ุงูุณูุฑูุฑ ุจุชุงุนู ุดุบุงู ุนููู. ุจูุจูู ุนุจุงุฑุฉ ุนู ุงูู "Protocol" (ุฒู HTTP ุฃู HTTPS) + ุงุณู ุงูุฏูู ูู (ุฒู example.com) + ุงูุจูุฑุช (ูู ู ุฎุชูู ุนู ุงูู 80 ูู HTTP ุฃู 443 ูู HTTPS).
ูู ุฃูุช ุดุบุงู ุนูู ู ููุน ู ุนูู ูุนุงูุฒ ุงูู ููุน ุจุชุงุนู ูุทูุจ ุจูุงูุงุช ุฃู resources (ุฒู JSON ุฃู ู ููุงุช) ู ู ุณูุฑูุฑ ุชุงููุ ุงูุณูุฑูุฑ ุงูุชุงูู ุฏู ูุงุฒู ูุจูู ู ู ููุณ ุงูู origin ุจุชุงุนูุ ูุนูู ููุณ ุงูุฏูู ููุ ููุณ ุงูุจุฑูุชููููุ ูููุณ ุงูุจูุฑุช.
ูุฏู ุญุงุฌุฉ ุงุณู ูุง Same-Origin Policyุ ุงูุณูุงุณุฉ ุฏู ู ุนู ููุฉ ุฃุณุงุณูุง ุนูุดุงู ุชุญู ู ุงูู ุณุชุฎุฏู ูู ู ู ุฃู ุทูุจุงุช ุถุงุฑุฉ ู ู ูู ุชุฌู ู ู ู ูุงูุน ุชุงููุฉ ู ุด ู ูุซููุฉ.
ุจุณ ูู ุจุนุถ ุงูุญุงูุงุชุ ุฃูุช ูู Developer ุจุชุจูู ู ุญุชุงุฌ ุชุนู ู ุทูุจุงุช ููุณูุฑูุฑุงุช ุงููู ู ุด ู ู ููุณ ุงูู origin ุจุชุงุนูุ ุฒู ูู ุง ูููู ุนูุฏู Frontend ุดุบุงู ุนูู ุฏูู ูู ู ุนูู ู API ุฃู Backend ุดุบุงููู ุนูู ุฏูู ูู ุฃู ุจูุฑุช ู ุฎุชูู.
โโโ
ุงูู Cross-Origin Resource Sharing (CORS) ูู ุงูุญู ุงููู ุจูุณู ุญ ููู ูุงูุน ุฅููู ูุทูุจูุง ุจูุงูุงุช ุฃู ู ููุงุช ู ู ุณูุฑูุฑุงุช ุชุงููุฉ ุจู ุฎุชูู ุงูู origins ุจุดูู ุขู ู ูู ุฃู ูุ ุจู ุนูู ุฅูู ุชูุฏุฑ ุชุชุฎุทู ุงูู Same-Origin Policy ูุชุนู ู ุทูุจุงุช ูุณูุฑูุฑุงุช ุชุงููุฉ ุทุงูู ุง ุงูุณูุฑูุฑ ุฏู ุจููุจู ุฅูู ูุชุนุงู ู ู ุน ุงูู ููุน ุจุชุงุนู.
โโโ
ูู ุง ู ููุนู ุจูุทูุจ ุจูุงูุงุช ู ู ุณูุฑูุฑ ุชุงูู ู ุฎุชูู ุนู ุงูู origin ุจุชุงุนูุ ุงูุณูุฑูุฑ ุงููู ุนููู ุงูู resource ุงููู ุฃูุช ุจุชุทูุจูุง ูู ุงููู ุจููุฑุฑ ุฅุฐุง ูุงู ุงูุทูุจ ุฏู ู ุณู ูุญ ุฃู ูุง.
ุงูุณูุฑูุฑ ุจูุฑุฏ ุนูู ุงูุทูุจ ู ู ุฎูุงู ุงูู (headers) ุงููู ุจูุฑุฌุนูุง ู ุน ุงูู response.
ูุงุญุฏ ู ู ุฃูู ุงูู headers ุฏู ูู:
ุงููู ุจูุญุฏุฏ ุงูู origins ุงููู ู ุณู ูุญ ูููุง ุชุทูุจ ุจูุงูุงุช ู ู ุงูุณูุฑูุฑ ุฏู. ูู ุงูู origin ุจุชุงุน ู ููุนู ู ูุฌูุฏ ูู ุงูููู ุฉ ุจุชุงุนุช ุงูู header ุฏูุ ุงูุณูุฑูุฑ ููุณู ุญ ุจุชูููุฐ ุงูุทูุจ ูููุฑุฌุนูู ุงูู response. ููู ููุ ุงูุทูุจ ููุชู ูุน ูููุฌููู error ู ู ููุน CORS ูู ุงูู ุชุตูุญ.
โโโ
- ุงูู Access-Control-Allow-Methods: ุงููู ุจุชุญุฏุฏ ุฃููุงุน ุงูุทูุจุงุช ุงููู ู ุณู ูุญ ููู ุชุนู ููุง (GET, POST, PUT, DELETE...).
- ุงูู Access-Control-Allow-Headers: ุงููู ุจุชุญุฏุฏ ุงูู headers ุงููู ู ุณู ูุญ ููู ุชุจุนุชูุง ูู ุงูุทูุจุงุช.
- ุงูู Access-Control-Allow-Credentials: ูู ุงูุทูุจ ู ุญุชุงุฌ ูุจุนุช Cookies ุฃู ุจูุงูุงุช ู ุนููุฉุ ูุงุฒู ุงูู header ุฏู ูุจูู ู ูุฌูุฏ ูู ุธุจูุท ุนูู true.
โโโ
ุฃุญูุงููุง ุงูู CORS ุจูุจูู ู ุฒุนุฌุ ูุจุชุธูุฑ ูู ุฃุฎุทุงุก ูู ุงูู ุชุตูุญ ู ู ููุน "CORS error" ูู ุง ุงูุณูุฑูุฑ ู ุด ุจูุฏุนู ุงูุทูุจุงุช ู ู ุงูู origin ุจุชุงุนู.
ุงูุญู ููุง ุจูุจูู ุฅูู ุชุชุฃูุฏ ุฅู ุงูุณูุฑูุฑ ุงููู ุฃูุช ุจุชุทูุจ ู ูู ู ุธุจุท ุฅุนุฏุงุฏุงุช ุงูู 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 ๐
https://www.indeed.com
https://www.linkedin.com/jobs
https://builtin.com
https://www.dice.com
https://wellfound.com
https://www.crunchboard.com
https://remote.co
๐ 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...
โโโ
ุจุจุณุงุทุฉ ุนุจุงุฑุฉ ุนู (ุฃุฏุงุฉ ุฃู ุชูููุฉ) ุจุชุฎููู ุชุชุญูู ูู ุชูุนูู ุฃู ุชุนุทูู ุฃุฌุฒุงุก ู ุนููุฉ ู ู ุงูููุฏ ุจุชุงุนู ู ู ุบูุฑ ู ุง ุชุถุทุฑ ุชุนูุฏ ูุดุฑ (Deploy) ุงูุชุทุจูู ุจุงููุงู ู.
ุจู ุนูู ุชุงููุ ุจุชูุฏุฑ ุชุฎููู ุฎุงุตูุฉ ู ุนููุฉ "On" ุฃู "Off" ุจูุงุกู ุนูู ุดุฑูุท ู ุนููุฉ ุฃู ุญุชู ุจุดูู ุฏููุงู ููู.
โโโ
๐ ุงูู Release Toggles
ุฏู ุจูุณุชุฎุฏู ูุง ูู ุง ูููู ุนุงูุฒูู ูุทูุน ู ูุฒุฉ ูุฌุฒุก ู ุนูู ู ู ุงูู ุณุชุฎุฏู ูู ููุณูุจ ุงูุจุงูู ุฒู ู ุง ูู. ู ุซุงู: ุชุฌุฑุจุฉ ุฎุงุตูุฉ ุฌุฏูุฏุฉ ุนูู ู ุณุชุฎุฏู ูู ู ุนูููู ุจุณ.
๐ ุงูู Experiment Toggles
ุงูููุน ุฏู ุจููุณุชุฎุฏู ูู ุงูู A/B Testingุ ูุฏู ูู ุง ุชุญุจ ุชูุงุฑู ุจูู ูุณุฎุชูู ู ู ููุณ ุงูู ูุฒุฉ ูุชุดูู ุฃู ูุณุฎุฉ ุจุชุฃุฏู ุฃุฏุงุก ุฃูุถู.
๐ ุงูู Ops Toggles
ุฏู ููุง ุนูุงูุฉ ุจุงูู DevOps. ู ุซูุง ูู ุนูุฏู ุฎุงุตูุฉ ุจุชุณุชููู ู ูุงุฑุฏ ูุชูุฑ ู ู ุงูุณูุฑูุฑุ ุชูุฏุฑ ุชููููุง ู ุคูุชูุง ู ู ุบูุฑ ู ุง ุชุฏุฎู ุนูู ุงูููุฏ.
๐ ุงูู Permission Toggles
ุงูููุน ุฏู ุจูุชุญูู ูู ุฅุชุงุญุฉ ู ูุฒุงุช ู ุนููุฉ ุจูุงุกู ุนูู ุงูู ุณุชุฎุฏู ููุณูุ ุฒู ูู ุง ุชุทุจู ุฎุงุตูุฉ Premium ู ุชุงุญุฉ ุจุณ ููู ุณุชุฎุฏู ูู ุงููู ุฏูุนูุง.
โโโ
โ ุชุณุฑูุน ุงูุดุบู
ุจุฏู ู ุง ุชุฃุฌู ูุดุฑ ุงูุชุทุจูู ุจุงููุงู ู ูุบุงูุฉ ู ุง ูู ุงูู ูุฒุงุช ุชุฌูุฒุ ู ู ูู ุชุถูู ุงูู Feature Toggles ุนูุฏู ูุชูุนูู ุงูู ูุฒุงุช ุชุฏุฑูุฌููุง.
โ ุชูููู ุงูู ุฎุงุทุฑ
ูู ุญุตูุช ู ุดููุฉ ูู ุงูู ูุฒุฉ ุงูุฌุฏูุฏุฉุ ุชูุฏุฑ ุชููููุง ููุฑูุง ู ู ุบูุฑ ู ุง ุชุฑุฌุน ุชุนู ู Rollback ููู Deploy
โ ุชุณููู ุงูุชุนุงูู ุจูู ุงููุฑู
ุงููุฑู ุงูู ุฎุชููุฉ ูู ุงูู ุดุฑูุน (Frontend, Backend, DevOps) ููุฏุฑูุง ูุดุชุบููุง ู ุน ุจุนุถ ุนูู ููุณ ุงูููุฏ ุจุณูููุฉ.
โ ุชุฌุฑุจุฉ ุงูู ุณุชุฎุฏู (User Testing)
ุจุณูููุฉ ุชูุฏุฑ ุชุฌุฑุจ ู ูุฒุงุช ุฌุฏูุฏุฉ ู ุน ู ุฌู ูุนุฉ ุตุบูุฑุฉ ู ู ุงูู ุณุชุฎุฏู ูู ูุชุดูู ุฑุฃููู ูุจู ู ุง ุชูุดุฑูุง ุจุดูู ุนุงู .
โโโ
ุญุฏุฏ ุฅูู ุงูู ูุฒุฉ ุงููู ู ุญุชุงุฌุฉ Toggle ููุฏูู ู ู ูุฑุงูุง.
ููู ู ูุชุจุงุช ูุชูุฑ ุจุชุณุงุนุฏู ุฒู:
- LaunchDarkly
- Unleash
- Optimizely
ููู ุจุชุดุชุบู ุจู React ุฃู Node.jsุ ู ู ูู ุชูุงูู ู ูุชุจุงุช ุฎูููุฉ ูุณููุฉ ุฒู Feature Toggle ุฃู ุชุนู ู Toggle ุจุณูุท ุจููุณู.
ุฏุงุฆู ูุง ุฎูู ุงูู Toggles ู ุฑุจูุทุฉ ุจู Configuration File ุฃู API ุชูุฏุฑ ุชุนุฏููุง ุจุณูููุฉ.
ุชุฃูุฏ ู ู ุงุฎุชุจุงุฑ ุงูู ูุฒุฉ ุจุดูู ูููุณ ูู ู ุฑุญูุฉ ุงูู Dev ุฃู ุงูู Staging
โโโ
ููููู ุงููู ููู ุฎูุฑ ๐ฟ
ุชุฎูู ุฃูู ุดุบุงู ุนูู ู ุดุฑูุน ุถุฎู ุ ูุนุงูุฒ ุชุถูู ุฎุงุตูุฉ ุฌุฏูุฏุฉ ุฃู ุชุฌุฑุจ ููุฑุฉ ู ุนููุฉุ ุจุณ ู ู ุบูุฑ ู ุง ุชุฎุงุทุฑ ุฅู ุญุงุฌุฉ ุชุจูุธ ูู ุงูููุฏ ุฃู ุจุฏูู ู ุง ุชุฃุซุฑ ุนูู ุงูู ุณุชุฎุฏู ูู...
ุฃูุถู ุญู ููุง ุฅูู ุชุณุชุฎุฏู ุงูู 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ุ ูุบูุฑูู ุ ูุฅุฒุงู ุชุณุชุฎุฏู ูู ุจุทุฑููุฉ ุงุญุชุฑุงููุฉ! ๐
โโโ
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
ููู ุงูุญูููุฉ ุฅูู ู ู ุฃููู ุงูุฃุฏูุงุช ุงููู ูุชุณุงุนุฏู ุชุญูุธ ุงูููุฏ ุจุชุงุนูุ ุชุดุชุบู ู ุน ูุฑููู ุจุณูููุฉุ ูุชุฑุฌุน ูุฃู ูุณุฎุฉ ู ู ู ุดุฑูุนู ูู ุฃู ููุช! ๐ก
ูู ุงูู ูุงู ุฏูุ ููุชููู ุนู ุฃูู ู ูุงููู 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
ุจูุถู ุงูููุ ุชู
ูุดุฑ ุฃูู ู
ูุงู ูู In Plain English ๐ฅ
ุงูู ูุงู ุจูุชููู ุนู ุฃูู 10 ุฃุฎุทุงุก ูู ุงููุฑููุช ุฅูุฏ ู ู ูู ุชูุน ูููุง ูู ูุณู ู ุจุชุฏุฆุ ููู ุงู ููู ุญููู ุนู ููุฉ ููู ุฎุทุฃ ุนูุดุงู ุชุชุฌูุจู. ๐ก
โโโ
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
โโโ
ู ุชูุณุงุด ุชุดุงุฑูู ู ุน ุตุงุญุจู ุงููุฑููุช ุฅูุฏ ๐
ุงูู ูุงู ุจูุชููู ุนู ุฃูู 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ุ ููู ููุน ูู ุทุฑููุฉ ู ุฎุชููุฉ ูู ุงูุชูููุฐ ูุฃุซุฑ ู ุฎุชููุ ุฎูููู ุฃูููู ุงูุฃููุงุน ุงูุฑุฆูุณูุฉ:
๐ ุงูู Stored XSS: ุงูููุน ุฏู ุจูุญุตู ูู ุง ุงูููุฏ ุงูุถุงุฑ ุจูุชุฎุฒู ูู ุงูู ููุน ููุณูุ ูุนูู ุจูููู ุซุงุจุช ููู ู ุฑุฉ ุญุฏ ููุชุญ ุงูุตูุญุฉ ูุชูููุฐ ุนูู ุทูู.
๐ ุงูู Reflected XSS: ุงูููุน ุฏู ุจูุดุชุบู ูู ุง ุงูููุฏ ุจูุชูููุฐ ููุฑูุง ูู ุงูุตูุญุฉ ุงููู ุงุชุถุงู ูููุงุ ุฒู ูู ุง ุญุฏ ูุจุนุชู ูู ุฑุงุจุท URLุ ูุงูู ุณุชุฎุฏู ููุชุญู ูููุงูู ุงูููุฏ ุดุบุงู.
๐ ุงูู DOM-based XSS: ุฏู ููุน ุฃุฐูู ุดููู ูุฃูู ุจูุดุชุบู ุนูู ู ุณุชูู ุงูู DOM ุจุชุงุน ุงูุตูุญุฉุ ูุนูู ุจูุชุนุงู ู ู ุจุงุดุฑุฉ ู ุน ุงูุนูุงุตุฑ ุงููู ุจุชุชุบูุฑ ูู ูุงุฌูุฉ ุงูู ุณุชุฎุฏู ุ ูุฏู ุจูุฎูู ุงูุซุบุฑุฉ ุฃุตุนุจ ุดููุฉ ูู ุงูุงูุชุดุงู.
โโโ
ุนุดุงู ุชุญู ู ู ููุนู ุฃู ุชุทู ูู ุฅูู ู ุชุฃู ู ุถุฏ ุงูุซุบุฑุฉ ุฏูุ ูุงุฒู ุชุฑูุฒ ุนูู ูุงู ุญุงุฌุฉ:
๐ ุฃู ุญุงุฌุฉ ุจูุถูููุง ุงูู ุณุชุฎุฏู ูู ุงูู ููุน (ุฒู ุงููุตูุต ุฃู ุงูุชุนูููุงุช) ูุงุฒู ูุชุนู ู ุนูููุง ููุชุฑ ู Validation ูุชุชุฃูุฏ ุฅู ู ูููุงุด ุฃููุงุฏ ุถุงุฑุฉ.
๐ ุงุณุชุฎุฏุงู Content Security Policy (CSP): ุฏู ุฒู ุทุจูุฉ ุญู ุงูุฉ ุฅุถุงููุฉ ุจุชู ูุน ุชูููุฐ ุงูุฃููุงุฏ ุงููู ุฌุงูุฉ ู ู ู ุตุงุฏุฑ ุบูุฑ ู ูุซููุฉ.
๐ ุชุดููุฑ ุงูู ุฏุฎูุงุช ูุงูู ุฎุฑุฌุงุช: ุนู ุทุฑูู ุงุณุชุฎุฏุงู HTML encoding ุนุดุงู ุชุญูู ุงูุฑู ูุฒ ุงููู ู ู ูู ุชุณุจุจ ู ุดุงูู (ุฒู < ู >) ูุฑู ูุฒ ุขู ูุฉ.
๐ ู ูุน ุงูููููุฒ ู ู ุงูุณุฑูุฉ: ุจุงุณุชุฎุฏุงู ุฎูุงุต ุฒู HttpOnly ุงููู ุจุชุญู ู ุงูููููุฒ ู ู ุงููุตูู ุงูู ุจุงุดุฑ ุนุจุฑ JavaScript.
โโโ
โ ุงูู 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 - ุงูุฌุฒุก ุงูุซุงูู ๐ฏ
.
.
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()
โโโ
ููููู ุงููู ููู ุฎูุฑ ๐ฟ
.
.
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.
โโโ
https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-backenddevelopment-devabrguide-activity-7308475605694537728-WTWQ
https://qabilah.com/posts/6TpiPuWH6nc
โโโ
ู ุชูุณุงุด ุชุดุงุฑู ุงูุจูุณุช ูุชููุฏ ุบูุฑู.
ููููู ุงููู ููู ุฎูุฑ ๐ฟ
.
.
ุชุฎูู ุฅูู ุนูุฏู ู ุทุนู ุ ูุงูู ูุงู ุจูู ุฒุญู ุฉ ุฌุฏูุง ูุงูุทูุจุงุช ู ุด ู ูุงุญู ุนูููุงุ ุฃููุฏ ูุชููุฑ ุชูุณูุน ุนูุดุงู ุชูุฏุฑ ุชุฎุฏู ุนุฏุฏ ุฃูุจุฑ ู ู ุงููุงุณ. ูููู ุนูุฏู ุญูููู:
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
DevGuide ๐ต๐ธ
ุจูุถู ุงูููุ ุชู
ูุดุฑ ุฃูู ู
ูุงู ูู In Plain English ๐ฅ ุงูู
ูุงู ุจูุชููู
ุนู ุฃูู
10 ุฃุฎุทุงุก ูู ุงููุฑููุช ุฅูุฏ ู
ู
ูู ุชูุน ูููุง ูู ูุณู ู
ุจุชุฏุฆุ ููู
ุงู ููู ุญููู ุนู
ููุฉ ููู ุฎุทุฃ ุนูุดุงู ุชุชุฌูุจู. ๐ก โโโ The 10 Front-End Mistakes I Wish I Knew as a Beginner With Fixes ๐ก Front-end developmentโฆ
ุชู
ูุดุฑ ุงูู
ูุงู ูู ู
ุฏููุฉ Level Up Coding ุนูู ู
ูุตุฉ Medium โก๏ธ
https://levelup.gitconnected.com/the-10-front-end-mistakes-i-wish-i-knew-as-a-beginner-with-fixes-cec0f6430455
https://levelup.gitconnected.com/the-10-front-end-mistakes-i-wish-i-knew-as-a-beginner-with-fixes-cec0f6430455
โค4๐4๐2
Join the 5-Day Gen AI Intensive Course with Google
https://rsvp.withgoogle.com/events/google-generative-ai-intensive_2025q1
Withgoogle
5-Day Gen AI Intensive Course with Google
Join our 5-day course, March 31โApril 4, to explore the fundamental technologies and techniques behind Generative AI.
โค3
ุฏุฑุฏุดุฉ ุณุฑูุนุฉ ุนู ุงูู Accessibility Tree โก๏ธ
.
.
ุงูุฃุดุฎุงุต ุฃุตุญุงุจ ุงููุฏุฑุงุช ุงูุฎุงุตุฉ ุจุชุชุนุงู ู ู ุน ุงูููุจ ุจุทุฑููุฉ ู ุฎุชููุฉ ุชู ุงู ูุง ุนู ุงููู ุงุญูุง ู ุชุนูุฏูู ุนูููุง. ูุฏู ุงููู ุจูุฎูููุง ูุณุฃู ุงูุณุคุงู ุงูู ูู : ุฅุฒุงู ุงูู ุชุตูุญุงุช ุจุชููู ุตูุญุงุช ุงูููุจ ูุชุฎูููุง ูุงุจูุฉ ูููุตููุ ๐ค
.
.
ููุง ุจููุฌู ุฏูุฑ ุงูู The Accessibility Tree ๐ณ
โโโ
ุจุจุณุงุทุฉุ ูู ุชู ุซูู ููููู (Tree Structure) ู ูุงุฒู ููู DOM Treeุ ูููู ุจูุญุชูู ุจุณ ุนูู ุงูุนูุงุตุฑ ุงููู ู ู ูู ุชููู ู ูููู ุฉ ููุงุจูุฉ ูููุตูู ุจูุงุณุทุฉ ุชูููุงุช ุงูู ุณุงุนุฏุฉ ุฒู ุงูู Screen Readers.
ูุนูู ูู ููู ุนูุตุฑ ุนูู ุงูุตูุญุฉ ู ุด ู ูู ุฃู ู ููุด ุฏูุฑ ูุงุถุญ ููู ุณุชุฎุฏู ู ู ูุงุญูุฉ ุงููุตูู (ุฒู <div> ุนุงุฏู ุจุฏูู ู ุนูู)ุ ู ุด ููููู ู ูุฌูุฏ ุฏุงุฎู ุงูู 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 ูุงุถุญุ ุงูู ุณุชุฎุฏู ู ุด ููุนุฑู ุฅูู ุฒุฑุงุฑ ุฃุตููุง.
โโโ
โ 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.
.
.
ุงูุฃุดุฎุงุต ุฃุตุญุงุจ ุงููุฏุฑุงุช ุงูุฎุงุตุฉ ุจุชุชุนุงู ู ู ุน ุงูููุจ ุจุทุฑููุฉ ู ุฎุชููุฉ ุชู ุงู ูุง ุนู ุงููู ุงุญูุง ู ุชุนูุฏูู ุนูููุง. ูุฏู ุงููู ุจูุฎูููุง ูุณุฃู ุงูุณุคุงู ุงูู ูู : ุฅุฒุงู ุงูู ุชุตูุญุงุช ุจุชููู ุตูุญุงุช ุงูููุจ ูุชุฎูููุง ูุงุจูุฉ ูููุตููุ ๐ค
.
.
ููุง ุจููุฌู ุฏูุฑ ุงูู 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 ุฅููุง ุชูุฏุฑ ุชุทููุฑ ูุชุญุฏูุซ ุงูุฃูุธู ุฉ ุจุชุงุนุชูุง ุจุณูููุฉ ูุณุฑุนุฉ.
โโโ
๐ฏ ุชุฎูู ุฅู ุนูุฏู ุชุทุจูู ูู ุทุนู ุฃูููุงูู:
- ุฎุฏู ุฉ ู ุณุคููุฉ ุนู ุงูุทูุจุงุช ๐
- ุฎุฏู ุฉ ู ุณุคููุฉ ุนู ุงูุฏูุน ๐ณ
- ุฎุฏู ุฉ ู ุณุคููุฉ ุนู ุฅุฏุงุฑุฉ ุงูุนู ูุงุก ๐ฅ
ูู ุฎุฏู ุฉ ุชุดุชุบู ููุญุฏูุงุ ููู ุญุตู ู ุดููุฉ ูู ุงูุฏูุนุ ุงูุทูุจุงุช ุชูุถู ุดุบุงูุฉ ุนุงุฏู ุจุฏูู ู ุง ุชุชุฃุซุฑ.
โโโ
ูู ุงูู ูุงู ุฏูุ ูุชููู ุงูููุฑุฉ ุจุฃุณููุจ ุจุณูุทุ ู ุน ู ุซุงู ุนู ูู ููุถุญ ูู ูู ุญุงุฌุฉ ุฎุทูุฉ ุจุฎุทูุฉ โ ๐
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
ุงูู ูุถูุน ุจุจุณุงุทุฉ ุฅู ุจุฏู ู ุง ูููู ุนูุฏู ุชุทุจูู ุถุฎู (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
ุงูุนูุงูุงุช ุจูู ุงูุฌุฏุงูู ูู ุงูู Database ๐ก
.
.
ุฎูููู ุฃุณุฃูู ุณุคุงู ุจุณูุท: ูู ุนูุฏู ุชุทุจูู ุจูุณุฌู ุจูุงูุงุช ุงูู ุณุชุฎุฏู ูู ูุทูุจุงุช ุงูุดุฑุงุก ุจุชุงุนุชูู ุ ูุชุฎุฒู ุงูุจูุงูุงุช ุฏู ุฅุฒุงูุ ูุชุญุท ูู ุญุงุฌุฉ ูู Table ูุงุญุฏุ ุทุจ ูู ุง ุงูู ุณุชุฎุฏู ูุทูุจ 10 ุทูุจุงุชุ ูุชูุฑุฑ ุจูุงูุงุชู 10 ู ุฑุงุชุ ููุง ูุชุนู ู ุฅููุ ๐ค
ููุง ุจุชูุฌู ุฃูู ูุฉ ุงูุนูุงูุงุช ุจูู ุงูุฌุฏุงูู (Database Relationships) ูู ุงูู Relational Databases ุฒู MySQL ูPostgreSQL. ุงูุนูุงูุงุช ุฏู ูู ุงููู ุจุชุณุงุนุฏู ุชุฎููู ุงูู Database ู ูุธู ุฉุ ู ุฑูุฉุ ููู ุงู ุฃุณุฑุน ูู ุงูุงุณุชุนูุงู ุงุช (Queries).
ููู ุงุณุชุฎุฏู ุชูุง ุบูุทุ ู ู ูู ุชูุงูู ููุณู ุบุฑูุงู ูู Data Duplicationุ Inconsistent Dataุ ูุงูุฃุฏุงุก ููููู ูู ุงูุถูุงุน.
ูู ุงูุจูุณุช ุฏูุ ููุชููู ุนู ุฃููุงุน ุงูุนูุงูุงุช ุจูู ุงูุฌุฏุงููุ ุงู ุชู ุชุณุชุฎุฏู ูู ููุนุ ูููุดูู ุฃู ุซูุฉ ุนู ููุฉ ุนูููุง...๐ฅ
โโโ
https://www.linkedin.com/posts/dev-alisamir_database-backenddeveloper-backend-activity-7309651943797198851-tXvC
https://qabilah.com/posts/MMsQVPppIwA
โโโ
ู ุชูุณุงุด ุชุดุงุฑู ุงูุจูุณุช ูุชููุฏ ุบูุฑู ๐ก
.
.
ุฎูููู ุฃุณุฃูู ุณุคุงู ุจุณูุท: ูู ุนูุฏู ุชุทุจูู ุจูุณุฌู ุจูุงูุงุช ุงูู ุณุชุฎุฏู ูู ูุทูุจุงุช ุงูุดุฑุงุก ุจุชุงุนุชูู ุ ูุชุฎุฒู ุงูุจูุงูุงุช ุฏู ุฅุฒุงูุ ูุชุญุท ูู ุญุงุฌุฉ ูู 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
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ุ ูุงููู ุจุจุณุงุทุฉ ู ุนูุงู "ุงูุชุจ ุงูููุฏ ู ุฑุฉ ูุงุญุฏุฉ ูุฎููู ูุงุจู ูุฅุนุงุฏุฉ ุงูุงุณุชุฎุฏุงู ุจุฏู ู ุง ุชูุฑุฑู ูู ูู ุญุชุฉ".
โโโ
https://www.linkedin.com/posts/dev-alisamir_devabrguide-softwaredevelopment-dry-activity-7310021758386954241-TTQ1
https://qabilah.com/posts/OoYj4HCbkxM
โโโ
ู ุชูุณุงุด ุชุดุงุฑู ุงูุจูุณุช ูุชููุฏ ุบูุฑู. ๐ก
.
.
ูุงูุฑ ุขุฎุฑ ู ุฑุฉ ููุช ุจุชุนู ู ูููุง 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