دليل خطوة بخطوة لتصبح مطورًا حديثًا للواجهة الأمامية في عام 2023
تطبيقات سطح المكتب Electron محتوى مكافأة استمر في التعلم Tauri Linters and Formatters Prettier ESLint yarn HTML مطور الواجهة الأمامية تعلم الأساسيات كتابة HTML الدلالية النماذج والمصادقات الاتفاقيات وأفضل الممارسات CSS Floats Positioning Display Box Model CSS Grid Flex Box تعلم الأساسيات صنع المخططات تصميم سريع الاستجابة واستعلامات الوسائط JavaScript النحو والتركيبات الأساسية تعلم معالجة DOM Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM, strict افهم المفاهيم التالية تعلم Fetch API / Ajax (XHR) ES6+ و modular JavaScript إنترنت كيف يعمل الإنترنت؟ ما هو HTTP؟ المتصفحات وكيف تعمل؟ DNS وكيف يعمل؟ ما هو اسم المجال؟ ما هو الاستضافة؟ إمكانية الوصول أساسيات تحسين محركات البحث الاستخدام الأساسي لـ Git GitHub خدمات استضافة الريبو قم بإنشاء حساب وتعلم كيفية استخدام GitHub نظام التحكم في الإصدارs ما هم ولماذا يجب عليك استخدام واحد Package Managers npm Bitbucket GitLab معرفة أمان الويب توصية / رأي شخصي لا أوصي الطلب في خارطة الطريق ليس صارمًا (تعلم في أي وقت) خيار بديل - اختر هذا أو أرجواني CORS HTTPS Content Security Policy OWASP Security Risks احصل على المعرفة الأساسية على الأقل بكل هذه الأشياء CSS Preprocessors CSS Architecture BEM Build Tools Task Runners npm scripts Webpack Webpack Rollup Rollup Parcel Parcel Module Bundlers اختر إطار عمل React Angular Vue.js Modern CSS Styled Components CSS Modules Emotion Apollo مولدات الموقع الثابت GatsbyJS Next.js Nuxt.js Vuepress Jekyll أطر CSS الأطر الأولى لـ CSS التي لا تأتي مع إطار عمل JS المكونات بشكل افتراضي.. Bootstrap Bulma يمكنك ملء جميع الاختبارات الخاصة بك يحتاج مع هذه فقط. react-testing-library Jest Cypress اختبار تطبيقاتك و Functional الاختبارات وتعلم كيفية الكتابة باستخدام الأدوات المدرجة على اليمين. اعرف الفرق بين Unit , Integration , اكتب لعبة الداما TypeScript Progressive Web Apps Service Workers Storage Location Notifications Device Orientation Payments Credentials Web Sockets تعلم ويب مختلف واجهات برمجة التطبيقات المستخدمة في PWAs Server Sent Events PRPL Pattern RAIL Model Performance Metrics Using Lighthouse Using DevTools الحساب والقياس وتحسين الأداء عرض جانب الخادم (SSR) React Next.js Angular Universal Vue.js Nuxt.js تطبيقات الهاتف الجوال React Native NativeScript Flutter Hugo Ionic GraphQL Relay Modern مكونات الويب HTML Templates Custom Elements Shadow DOM PostCSS Sass Styled JSX Webpack esbuild Parcel Vite Eleventy pnpm Svelte Solid JS Playwright Remix Remix Flutter Astro Svelte Svelte Kit استراتيجيات المصادقة JWT, OAuth, SSO, Basic Auth, Session Auth etc JS القائم على أفضل استخدام مع ملف تطبيقات JavaScript القائمة على إطار العمل.. Tailwind Material UI Mantine Radix UI Chakra UI DaisyUI

تعليقات

لا توجد تعليقات حتى الآن