DevGuide

Learn SOLID Principles in Arabic https://youtu.be/MrDYsFbtFZM

مسار تعلم TypeScript 🔥 - لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍 في المسار ده جمعتلك بعض الأساسيات اللي لازم تعرفها عشان تبدأ رحلتك مع لغة TypeScript لحد ما توصل للمستوى اللي هيخليك تطور أي تطبيق أو مكتبة بكل سهولة. ✅ TypeScript Learning Path: From Novice to Ninja 🥷🏻 https://www.linkedin.com/posts/dev-alisamir_typescript-learning-path-from-novice-to-activity-7220476506374868992-tLCO

قناة الوظائف والتدريبات ⚡️ DevJobs 🇵🇸 Your daily destination for top-tier programming jobs and training. ⭐️ https://t.me/devsjobs

- كلمنا عن التيمات اللي اشتغلت معاها = ...

إزاي تصمم أنظمة برمجية منظمة وفعّالة؟ ⚡️ - لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍 ده ملخص بسيط لكتاب "Clean Architecture" اللي ممكن يغير طريقة تفكيرك في البرمجة ويخليك تبني برمجيات قوية وسهلة الصيانة. ✅ https://www.linkedin.com/posts/dev-alisamir_cleanarchitecture-softwaredesign-softwareengineering-activity-7220075858487652354-AJ0o

𝐑𝐞𝐜𝐨𝐦𝐦𝐞𝐧𝐝𝐞𝐝 𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤 𝐅𝐨𝐫 𝐄𝐚𝐜𝐡 𝐏𝐫𝐨𝐣𝐞𝐜𝐭 𝐓𝐲𝐩𝐞 ⚡️ ⦿ Simple Client-Side Applications - Stack: React, Zustand, React Easy Router, SWR, React Hook Form, Tailwind CSS, Chakra UI, Framer Motion - Example: A personal portfolio website. ——— ⦿ Static Blog Applications - Stack: Next.js, Zustand, React Query, SWR, React Hook Form, Zod, Tailwind CSS, Headless UI, Docusaurus - Example: Blog sites and Documantation websites. ——— ⦿ Complex Interactive Applications - Stack: Next.js, Redux, React Hook Form, Zod, Tailwind CSS, Shadcn UI, Lucide Icons, RTK Query, ApexChart, AWS S3, Mongoose, MongoDB, React Testing Library, JWT or NextAuth - Example: An analytics dashboard for e-commerce sales. ——— ⦿ Full-Stack Enterprise Applications - Stack: Next.js, Zustand, TanStack Query, Formik, Yup, Material UI, Radix UI, Styled Components, Clerk or Kinde, Cloudinary, Recharts, Prisma, Swagger - Example: A customer relationship management (CRM) system. ——— ⦿ E-commerce Platforms - Stack: React with TypeScript, Vite, JWT, Redux, React Router, RTK Query, React Hook Form, Zod, Radix UI, Tailwind CSS, Stripe, Payload CMS, ViTest, ApexChart, Drizzle - Example: An online grocery store like Amazon. ——— ⦿ Real-time Applications - Stack: Next.js, Zustand, Socket.io, Supabase, PostgreSQL or Redis, NextAuth, Tailwind CSS, Playwright - Example: A live sports score tracking app. ——— ⦿ Content-Rich SEO-Focused Websites - Stack: Next.js, React Query, Docusaurus, Tailwind CSS, Cloudinary, Framer motion - Example: A digital marketing agency’s website. ——— ⦿ Modern Animated Web Applications - Stack: Next.js, Tailwind CSS, Sanity CMS, Framer Motion or GSAP, Three.js, Headless UI, SVG animations, Aceternity UI, Magic UI - Example: An interactive educational platform for children. ——— ⦿ Cloud Storage Applications - Stack: React, Material UI, AWS S3, JWT, Redux Toolkit - Example: A storage management system like Dropbox.

الخلاصة 💯

#frontend_tips ——————— تركاية فرونت اند ع السريع...⚡️ - لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍 Regrouping Link States 🔻 Using :is() pseudo-class to regroup the link :hover and :focus states instead of chaining them for increased readability. ——— ⚡️ Tutorial Video: https://youtu.be/EvQQ__Qw8qM

Total TypeScript Essentials - A book for developers of all levels to learn advanced type manipulation and real-world application development patterns in TypeScript. https://www.totaltypescript.com/books/total-typescript-essentials

فتح باب التقدّم لمنحة معهد تكنولوجيا المعلومات للدفعة 45 من برنامج التدريب الاحترافي (9 Month Program). المنحة التدريبية ممولة بالكامل من وزارة الاتصالات وتكنولوجيا المعلومات بأفرع المعهد في: القرية الذكية - العاصمة الإدارية - الإسكندرية - المنصورة - أسيوط - الإسماعيلية - المنوفية، ولأول مرة في المنيا وأسوان. في التخصصات التكنولوجية: 🔸الذكاء الاصطناعي. 🔸الأنظمة المدمجة. 🔸نظم المعلومات الجغرافية. 🔸الحوسبة السحابية. 🔸نمذجة معلومات البناء. 🔸الفنون الرقمية والخدع السينمائية. 🔸تطوير البرمجيات. 🔸الأمن السيبراني. 🔸تصميم الدوائر الإلكترونية. 🔸تحليل البيانات. 🔸تطبيقات المحمول. 🔸الألعاب الرقمية. رحلة تعلّم مصممة بالتعاون مع القطاع الخاص تمزج بين الأساسيات النظرية والتطبيقات والأدوات العملية ومهارات سوق العمل الحر، وتؤهل الخريجين لفرص عمل متنوعة في سوق العمل محلياً وعالمياً. للتسجيل للمنحة: https://lnkd.in/dPBYR7yk

How to Deploy a Web App Using Multiple Methods (Azure, Render, MongoDB Atlas, Koyeb, and more) ⚡️ https://youtu.be/vROMXzOWqec

صديقي الريأكتاوي...👋🏻 — لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍 لو عايز تتعلم React.js كويس وتعرف كل الأدوات والمفاهيم اللي هتفيدك في المشوار ده، البوست ده هيكون دليلك الشامل. 🔥 𝐓𝐨 𝐋𝐞𝐚𝐫𝐧 𝐢𝐧 𝐑𝐞𝐚𝐜𝐭: 𝐀 𝐂𝐨𝐦𝐩𝐫𝐞𝐡𝐞𝐧𝐬𝐢𝐯𝐞 𝐆𝐮𝐢𝐝𝐞 ✅ https://www.linkedin.com/posts/dev-alisamir_to-learn-in-react-activity-7218650719187324929-rzMb

جماعة الـJavaScript 👋🏻 — لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍 Discover Temporal: A New Way to Handle Dates in JavaScript! ⚡️ https://www.linkedin.com/posts/dev-alisamir_javascript-javascriptdeveloper-js-activity-7218570043758919681-RcjQ

To Learn In React 🔥

𝐓𝐨 𝐋𝐞𝐚𝐫𝐧 𝐢𝐧 𝐑𝐞𝐚𝐜𝐭: 𝐀 𝐂𝐨𝐦𝐩𝐫𝐞𝐡𝐞𝐧𝐬𝐢𝐯𝐞 𝐆𝐮𝐢𝐝𝐞 ✅ #1: State Management - React Context - Redux - Zustand - Recoil - MobX #2: Server State Management - SWR - TanStack Query - RTK Query #3: Routing - React Easy Router - React Router - TanStack Router #4: Form Handling - Formik - React Hook Form - Yup & Zod #5: Styling - Tailwind CSS - Emotion and Styled Components #6: UI Component Libraries - Material UI, Ant Design - Chakra UI, Daisy UI, Mantine UI - Headless UI, Radix UI - Shadcn UI #7: Animations - Framer Motion - GSAP - React Spring #8: 3D Integration - Three.js #9: Icon Libraries - Lucide Icons - MUI Icons - Hero Icons - Font Awesome #10: Testing - Vitest - React Testing Library - Playwright - Jest - Cypress #11: Authentication - JSON Web Token (JWT) - NextAuth, Kinde, Clerk - Auth0 #12: File Uploads - AWS S3, Cloudinary - Uploadthing #13: Charting and Grid Solutions - Recharts, React Chart-js2, ApexChart - AG Grid, MUI Data Grid #14: Documentation - Swagger - Docusaurus - Nextra - Storybook #15: ORMs (Object-Relational Mappers) - Prisma - Sequelize - Mongoose - Drizzle #16: Databases - Relational Databases (PostgreSQL, MySQL, SQL Server, SQLite) - Non-relational Databases (MongoDB and Cassandra) #17: Content Management Systems (CMS) - Sanity - Strapi - Payload CMS #18: Backend as a Service (BaaS) - Supabase - Firebase - AppWrite #19: Payment Processors - Stripe - PayPal - Lemon Squeezy #20: Hosting Servers - Vercel - Netlify - AWS Amplify - AWS EC2 - VPS (Virtual Private Server)