قــنـاة | مُڪرم 👨🏻‍💻

اضافة رائعة للمبرمجين اللي يتعاملون مع برنامج فيجما الإضافة اسمها Dhiwise واللي تساعد في تحويل التصميم إلى أكواد لغات (Flutter, React Android (Kotlin), and iOS (Swift)).⚡📍 رابط الإضافة: https://www.figma.com/community/plugin/1037309320238203168/dhiwise-figma-to-code

برنامج photopea يفك أزمة للي يحتاج يفتح ملف الفوتوشوب , اليتسراتور وحتى xd بس ما عنده هذه البرامج. 📍⚡ رابط الموقع: photopea.com‎

يوفر لك UI Snippets مجموعة من التصاميم البسيطه للانيمشين بـcss لنسخها قم بالضغط على العنصر بالزر الايمن للفاره 👌 bit.ly/3z3mzct‎ ‎

موقع Scrollbar.app‎ يمكنك تحديد نوع الـ Scroll Bar وشكلها وألوانها، ثم مباشرة تجسيد كود CSS لإدراجها في موقعك أو صفحة الويب الخاصه بك.

كورسات مُقدمة من فريق Google Chrome في مجال الويب: 📌 Learn web development 🔰 Explore our growing collection of courses on key web design and development subjects. 🔰 An industry expert has written each course, helped by members of the Chrome team. 🔰 Follow the modules sequentially, or dip into the topics you most want to learn about. ✅ Available Courses: 1- Learn Performance 2- Learn Privacy 3- Learn Accessibility 4- Learn HTML 5- Learn Images 6- Learn Responsive Design 7- Learn Forms 8- Learn CSS 9- Learn PWA https://web.dev/learn

تعلم كل ما تحتاجة ب  CSS مجاناً 🤩🔥 Basic concepts CSSReference.io CSS Grid LearnCSSGrid.com Flexbox FlexBoxFroggy.com CSS Animations CSSAnimation.rocks CSS Selectors Flukeout.github.io CSS Positioning learnlayout.com/posit

موقع رهيب ومجاني لتعلم SQl  بشكل تفاعلي 🚀 الحلو فيه أنه يشرح لك كل استعلام بالتفاصيل، ويعطيك أسئلة للإجابة عنها وكتابة استعلامات SQL  ✅ https://sqlbolt.com/

موقع جداً رهيب لمطورين Front-End 👌😍 يعطيك قائمة بالأشياء اللي لازم تسويها لما تعمل تصميم جديد ب HTML- CSS-Javascript وحتى الـ SEO ✅ ومقسم لك المهام على حسب الأهمية 🎯 https://frontendchecklist.io

نصائح لمن يرغب في تطوير مستواه في لغة الـ PHP 1. دراسة أساسيات PHP: - أبدأ بفهم الأساسيات مثل متغيرات الـ PHP، وأنواع البيانات، والعمليات الأساسية (الجمع، الطرح، الضرب، والقسمة). - تعلم كيفية إنشاء واستخدام المصفوفات والدوال. 2. استخدام الوثائق الرسمية: الاعتماد على موقع PHP الرسمي (php.net‎) للحصول على معلومات ووثائق دقيقة حول اللغة. أستخدم وظيفة البحث في الموقع للعثور على معلومات حول الدوال والأساليب. 3. تعلم الأمان: تعلم كيفية كتابة كود PHP آمن يحمي التطبيقات من هجمات مثل Cross-Site Scripting (XSS) وSQL Injection. 4. استخدام Frameworks: تعلم كيفية استخدام إطار عمل PHP مثل Laravel لتسهيل عملية تطوير التطبيقات وزيادة إنتاجيتك. 5. التحق بمجتمع المطورين: انضم إلى منتديات ومجموعات PHP على الإنترنت للتفاعل مع المطورين الآخرين والحصول على المساعدة عند الحاجة. 6. قراءة وكتابة الكود: قم بقراءة الاكواد لمشاريع PHP مفتوحة المصدر لفهم كيفية تنظيم الكود وتنفيذ أفضل الممارسات. كتابة الكود بانتظام لتحسين مهارات البرمجة الخاصة بك. 7. اختبار التطبيقات: تعلم كيفية إنشاء واختبار وحدات البرمجة واختبارات الوحدة واختبارات القبول للتأكد من جودة تطبيقاتك. 8. متابعة أحدث التطورات: كن على اطلاع دائم بأحدث التحديثات والتقنيات في عالم PHP، واستخدمها في مشاريعك للبقاء متميزًا. 9. الممارسة العملية: لا تتردد في القيام بمشاريع عملية لتطبيق ما تعلمته وكسب الخبرة العملية. 10. استشارة المطورين الأكثر خبرة: لا تتردد في طلب المشورة من المطورين ذوي الخبرة عندما تواجه صعوبة في حل مشكلة معينة. ملاحظة📍: الكلام ينطبق على أي لغة برمجية تشتي تتعلمها 💯

الرابط الجديد للقناة: https://t.me/tech_books_code وإن شاء الله تكون بداية انطلاقة جديدة معاكم ⚡🤍 شاركوا الرابط خلوا غيركم تستفيد 🌹✅

‏من أهم عناصر تحسين الـSEO الخاص بالموقع هي الـMeta Tags ولها دور كبير في تصدر الموقع لنتائج البحث✨✅ وهذي المواقع تفيدك 🎁 - smallseotools.com/tag-generator/‎ - metatags.io‎ - seoptimer.com/meta-tag-gener…‎

مسار تعلم فرونت اند Reactjs | Front End❤👨‍💻 ✔️ الأساسيات 📌 HTML 📌 CSS 📌 Javascript ✔️ أهم المفاهيم الأساسية في javaScript 📌 Promises 📌 Async / Await 📌 Callbacks 📌 Scope 📌 Hoisting 📌 Closures 📌 Map, Filter and reduce 📌 Ternary Operator 📌 Es6+ 📌 Try and catch 📌 Fetch API 📌 Rest and Spread Operator 📌 Destructuring 📌 Optional chaining, nullish coalescing and short circuit(&&) ✔️ أدوات Cli ، ممكن تختار واحد منهم 📌 Vite 📌 npm or yarm 📌 Create React app ✔️Functional components(Basics) 📌 Hoc 📌 React router 📌 Events 📌 Conditional rendering 📌 List and keys 📌 Component life Cycle 📌 Props 📌 JSX 📌 React Hooks     📍Basic Hooks          🔺UseState          🔺UseEffect     📍More Hooks           🔺UseId           🔺UseRef           🔺UseMemo           🔺UseTransition           🔺UseContext           🔺UseReducer      📍Custom Hooks            🔺CSS Modules            🔺Material UI            🔺Tailwind            🔺Chakra UI ✔️ Git/Github ✔️ Testing       📌 Jest      📌 Vitest