DevGuide

الـ Component-Based Architecture 🔻 . . في عالم الـ Front-End، هتلاحظ إن أي تطبيق بتشتغل عليه بيبقى عبارة عن أجزاء مترابطة: زرار هنا، فورم هناك، وممكن شوية (Modals) كده على جنب. بس السؤال هنا: هل كل جزء في المشروع متقسم كويس، ولا كله متشابك وداخل في بعضه؟ 📦 الـ Component-Based Architecture هي الطريقة اللي هتغير أسلوب شغلك كليًا. مش بس هتنظم التطبيق بتاعك، لكن هتخليك تتعامل مع كل جزء كأنه قطعة مستقلة تقدر تعدل عليها بسهولة. ——— https://www.linkedin.com/posts/dev-alisamir_softwaredeveloper-softwaredevelopment-webdeveloper-activity-7266490203983290368-_VTc

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

12 Must-Know Libraries to Supercharge Your Frontend Development 💯

https://blog.stackademic.com/12-must-know-libraries-to-supercharge-your-frontend-development-071e01f3da3b

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

تركاية فرونت إند ع السريع ⚡️ . .

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي لـبنـان وفي كل دول العالم من الدعاء. 🔻

———

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

ألجورزم البحث الشهير | Binary Search Algorithm (Divide & Conquer) 🔍 https://youtu.be/YFpAsKX7v2c

أفـكـار مشـاريـع 🔻 . . لو بتدور على أفكار مشاريع جديدة تطور بها مستواك في البرمجة، سواء كنت مبتدئ أو قطعت شوط كويس في المجال، المقال ده فيه 200 فكرة مشروع مختلفة تقدر تطبق المشاريع المناسبة لمستواك وتضيفهم في الـ CV والـ Portfolio... ———

📌 LinkedIn

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

📌 Qabilah

https://qabilah.com/posts/52wkG-3FLX0 ——— وفقكم الله لكل خير 🌿

Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects 🔥

https://youtu.be/x4rFhThSX04

Backend Full Course | Node.js - Express.js - PostgreSQL - Prisma - Docker 🚀

https://youtu.be/9BD9eK9VqXA

Awesome Shadcn UI

With 13 Categories and Over 200 Resources, It's Easy To Access Shadcn's Most Valuable Resources. https://shadcn.batchtool.com

الـ 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 ——— وفقكم الله لكل خير 🌿

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

سجل الآن في الدورة التدريبية (دورة حياة تطوير البرمجيات الآمنة (SSDLC))، واللي تعتبر الدورة المثالية لمطوري الأمان ومصممي البرمجيات ومهندسي البرمجيات ومختبري ضمان الجودة ومديري المشاريع، اللي محتاجين بناء برامج آمنة بأعلى جودة وأقل تكلفة. مع م/ ميرفت كرم السيد، مستشارة بمجال الأمن السيبراني. التسجيل مجانا على مهارة تك، منصة معهد تكنولوجيا المعلومات التعليمية: https://bit.ly/4eBGlzQ

𝗝𝗮𝘃𝗮 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 𝗙𝗼𝗿 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀 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

كورس React Native ممتاز ✅

React Native Tutorial for Beginners ⚡️

https://youtube.com/playlist?list=PLC3y8-rFHvwhiQJD1di4eRVN30WWCXkg1&si=oPoEfvZ3dufVdIzE

Angular 101 Crash Course For Beginners: Learn Angular Fundamentals (4 HOURS!) 🔥

https://youtu.be/uWpgtcSxJ3E

Design 101 Crash Course: Learn UX/UI Design, Figma (6 HOURS!) | Zero To Mastery 🚀

https://youtu.be/cKZEgtQUxlU

من الكورسات المهمة جدًا في عالم الـ JavaScript 💯

JavaScript Algorithms and Data Structures

https://youtube.com/playlist?list=PLC3y8-rFHvwjPxNAKvZpdnsr41E0fCMMP&si=Khf6MHkNjy5TNjuW

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

تركاية فرونت إند ع السريع ⚡️ . . لو عندك أكتر من عنصر (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