Adel Nasim
Adel Nasim
  • 225
  • 22 804 863
#19 [ReactJS] - TypeScript with React Components part 3
كورس رياكت باستخدام جافا سكربت + تايب سكريبت:
تطبيق تايب سكريبت مع مكونات رياكت - TypeScript with React Components
الأنواع مقابل الواجهات - Types vs Interfaces.
تنظم هيكل ملف الأنواع والواجهات - Organize Type and Interface file structure.
PropTypes مع TypeScript.
-
React Course using TypeScript:
TypeScript with React Components
- Types vs Interfaces.
- Organize Type and Interface file structure.
- PropTypes with TypeScript.
-
Contents of this video
00:00 - Introduction.
00:05 - Types vs Interfaces.
06:05 - Organize Type and Interface file structure.
09:03 - PropTypes with TypeScript.
-
حساب المجموعة: web. groups/281852196102657
TypeScript Cheatsheets: react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example
TypeScript Cheatsheets GitHub: github.com/typescript-cheatsheets/react?tab=readme-ov-file#reacttypescript-cheatsheets
-
If you like my content, buy me a cup of coffee: www.buymeacoffee.com/adelnasim
PayPal: www.paypal.com/paypalme/adelnasim
دعم القناة: adelnasim.com/contact
zhlédnutí: 6 901

Video

#18 [ReactJS] - TypeScript with React Components part 2
zhlédnutí 1,4KPřed 4 měsíci
كورس رياكت باستخدام جافا سكربت تايب سكريبت: تطبيق تايب سكريبت مع مكونات رياكت - TypeScript with React Components الأنواع والواجهات النوع any القيم الافتراضية. الاختلافات في سلامة النوع (React.FC vs props: Prop) - React Course using TypeScript: TypeScript with React Components Types and Interfaces. "Any" in TypeScript. Default Props. Differences in type safety (React.FC vs props: Prop) - Content...
#17 [ReactJS] - TypeScript with React Components part 1
zhlédnutí 699Před 4 měsíci
كورس رياكت باستخدام جافا سكربت: تطبيق تايب سكريبت مع مكونات رياكت - TypeScript with React Components لماذا نحتاج إلى تايب سكريبت؟ إضافة تايب سكريبت إلى مشروع رياكت موجود استخدام تايب سكريبت. تايب سكريبت مع الخصائص. الخصائص الاختيارية في تايب سكريبت. - ReactJS course: TypeScript with React Components Why do we need TypeScript? Adding TypeScript to an existing React project. Using TypeScript. Typ...
#16 [ReactJS] - Typechecking With PropTypes
zhlédnutí 905Před 5 měsíci
كورس رياكت باستخدام جافا سكربت: التحقق من الأنواع - Typechecking With PropTypes لماذا نحتاج إلى التحقق من الأنواع؟ تثبيت PropTypes. جعل الخصائص إلزامية. قيم الخصائص الافتراضية. - ReactJS course: Typechecking With PropTypes Why do we need Typechecking? Install PropTypes. Make props mandatory. Default prop Values. - Contents of this video 00:00 - Introduction. 00:06 - Why do we need Typechecking?...
#15 [ReactJS] - Passing Props to a Component part 2
zhlédnutí 647Před 5 měsíci
كورس رياكت باستخدام جافا سكربت: تمرير الدعائم إلى المكون - Passing Props to a Component تمرير الدعائم من المكون الأصلي إلى المكون الابن. ثبات الدعائم. المكونات الفئوية مع الدعائم. تفكيك الخصائص. الخصائص الافتراضية. الخصائص الباقية (توجيه الخصائص باستخدام بنية JSX). تمرير بنية كمكون ابن. كيفية تمرير دالة كدعائم؟ كيفية تثبيت أدوات مُطوِّر رياكت؟ - ReactJS course: Passing Props to a Component Pass...
#14 [ReactJS] - Passing Props to a Component part 1
zhlédnutí 577Před 5 měsíci
كورس رياكت باستخدام جافا سكربت: "تمرير الدعائم إلى المكون - Passing Props to a Component" لماذا نحتاج الدعائم؟ تمرير الدعائم إلى المكون. كيفية إدارة الدعائم من قائمة المكونات. - ReactJS course: "Passing Props to a Component" Why do we need props? Passing Props to a Component. How to manage props of a list of components. - Contents of this video 00:00 - Introduction. 00:47 - Why do we need props...
#13 [ReactJS] - Tailwind CSS React part 2
zhlédnutí 4,5KPřed 7 měsíci
كورس رياكت باستخدام جافا سكربت: شرح Tailwind CSS زوايا مستديرة. حشو وهوامش. الحاوية. التحويم. الانتقالات والرسوم المتحركة. العرض والارتفاع. مكونات Tailwind CSS. ~ ReactJS course: Tailwind CSS React - Rounded corners. - Padding & Margin. - Container. - Pseudo-classes: Hover, Focus, and Other States. - Transitions & Animation. - Width & Heigh. - Tailwind CSS components. ~ Contents of this video 0...
#12 [ReactJS] - Tailwind CSS React part 1
zhlédnutí 2,1KPřed 7 měsíci
كورس رياكت باستخدام جافا سكربت: شرح Tailwind CSS مقدمة. ما هو Tailwind CSS ولماذا نحتاج إلى Tailwind CSS؟ تثبيت Tailwind CSS. أمثلة. كيفية التعامل مع فئات Tailwind CSS. كيفية التعامل مع لون الخلفية. كيفية التعامل مع لون التدرج. كيفية التعامل مع لون النص والشفافية. ~ ReactJS course: Tailwind CSS React - Introduction. - What is Tailwind CSS and why do we need Tailwind CSS? - Install Tailwind CSS....
#11 [ReactJS] - CSS Modules in React
zhlédnutí 13KPřed rokem
كورس رياكت باستخدام جافا سكربت: CSS وحدات المقدمة. لماذا نحتاج إلى وحدات CSS (تعارض أسماء الكلاسز). منهجيات فعالة لإدارة ومنع تعارض أسماء الكلاسز. المتطلبات. أمثلة. تمرير اكثر من الكلاس بنفس الوقت. كيف يتم تعيين أسماء الفئات في وحدات CSS. التكوين في وحدات CSS (composes Keyword). ~ ReactJS course: CSS Modules - Introduction. - Why we need CSS Modules(Clashing class names). - Effective methodolog...
#10 [ReactJS] - Styled Components (Props, Extending Styles, Theming, Global styles, Pros and Cons)
zhlédnutí 4,3KPřed rokem
كورس رياكت باستخدام جافا سكربت: - تمرير الخصائص. - وراثة الأنماط. - شرح Theming (ThemeProvider). - شرح Global styles (createGlobalStyle). - فوائد ومزايا المكونات المصممة. - مساوئ المكونات المصممة. ~ ReactJS course: - Passed props. - Extending Styles. - Theming (ThemeProvider). - Global styles (createGlobalStyle). - Benefits and Advantages of Styled Components. - Disadvantages of Styled Componen...
#09 [ReactJS] - Styling React Components CSS-in-JS (styled components)
zhlédnutí 1,5KPřed rokem
كورس رياكت باستخدام جافا سكربت: - ما هي CSS-in-JS. - ما هي Styled Components. - تحميل vscode-styled-components. - تحميل مكتبة styled-components . - بناء اول styled component. - بناء اول styled button component. - كيفية تطبيق pseudo-classes ~ ReactJS course: - What is CSS-in-JS? - What is Styled Components? - Install vscode-styled-components extension. - Install styled-components library. - Crea...
#08 [ReactJS] - Styling React Components (Inline Style)
zhlédnutí 4,3KPřed rokem
كورس رياكت باستخدام جافا سكربت: - تطبيق Inline style. - تحسين القراءة. - التعدبل واعادة الكتابة على Inline style. - تصدير واستيراد Inline style.. - Inline style vs CSS classes. ~ ReactJS course: - Apply inline style. - Improving Readability. - Override inline style. - Export and import inline style. - Inline style vs CSS classes. ~ Contents of this video 00:00 - Introduction. 00:48 - Apply inli...
#07 [ReactJS] - Export and import components, Add style css to components
zhlédnutí 6KPřed rokem
كورس رياكت باستخدام جافا سكربت: - تقسيم المكونات الى ملفات. - استيراد وتصدير المكون. - ترتيب المكونات داخل مجلدات. - اضافة مظهر عن طريق CSS. - معلومات اضافية عن استيراد وتصدير المكون. ~ ReactJS course: - Split components inside files. - Export and import components ("export" vs "export default"). - Arrange components inside directories. - Add style CSS to components - More information about "ex...
#06 [ReactJS] - Install React 18.2 Manually, Create a New React App using "create-react-app"
zhlédnutí 3KPřed rokem
كورس رياكت باستخدام جافا سكربت: - انشاء مشروع رياكت عن طريق الكوماند "create-react-app". - انشاء مشروع رياكت بدون "create-react-app". - ما هو فايل package.json?. - ما هو فايل package-lock.json?. - ما هو ملف node_modules?. ~ ReactJS course: - Introduction. - Create a New React App using "create-react-app". - Create a React App without using "create-react-app" (Manually). - What is the package.js...
#05 [ReactJS] - Components (What is Component, Advantages, functional Component, Class Component)
zhlédnutí 3,2KPřed rokem
كورس رياكت باستخدام جافا سكربت: - ما هو الكومبوننت. - ميزات الكومبوننت. - بناء كومبوننت بأستخدام الفنكشن. - بناء كومبوننت بأستخدام الكلاس. - امثلة. ~ ReactJS course: - Introduction. - What is a Component. - Advantages of using components in react. - Revision. - Build the first component using regular function. - Build component using arrow function. - Build class component. - Examples. ~ Conten...
#04 [ANDROID] - Activity, Layout Editor, Change Font Size, .java vs .xml
zhlédnutí 10KPřed rokem
#04 [ANDROID] - Activity, Layout Editor, Change Font Size, .java vs .xml
#03 [ANDROID] - Install Android Studio on Mac (Intel or Mac chip), Build your first app
zhlédnutí 3,7KPřed rokem
#03 [ANDROID] - Install Android Studio on Mac (Intel or Mac chip), Build your first app
#02 [ANDROID] - Install Android Studio on Windows (10 & 11), Build your first app
zhlédnutí 7KPřed rokem
#02 [ANDROID] - Install Android Studio on Windows (10 & 11), Build your first app
#07 [CP and PS] - Count distinct elements using Array & Set, CSES Distinct Numbers
zhlédnutí 5KPřed rokem
#07 [CP and PS] - Count distinct elements using Array & Set, CSES Distinct Numbers
#06 [CP and PS] - Find frequency using Array & Map, C - Good Sequence
zhlédnutí 5KPřed rokem
#06 [CP and PS] - Find frequency using Array & Map, C - Good Sequence
#04 [ReactJS] - (What is JSX, What is Babel, HTML vs JSX)
zhlédnutí 3,6KPřed rokem
#04 [ReactJS] - (What is JSX, What is Babel, HTML vs JSX)
#03 [ReactJS] - (Environment Setup, Online Compiler, Add React to a Website, Create a New React App)
zhlédnutí 3,7KPřed rokem
#03 [ReactJS] - (Environment Setup, Online Compiler, Add React to a Website, Create a New React App)
#02 [ReactJS] - (Virtual DOM, Reconciliation, Diffing Algorithm, React Fiber)
zhlédnutí 6KPřed 2 lety
#02 [ReactJS] - (Virtual DOM, Reconciliation, Diffing Algorithm, React Fiber)
#05 [CP and PS] - atcoder (Middle Letter, Edge Checker, Multiple of 2 and N, Last Two Digits)
zhlédnutí 4,8KPřed 2 lety
#05 [CP and PS] - atcoder (Middle Letter, Edge Checker, Multiple of 2 and N, Last Two Digits)
#04 [CP and PS] - atcoder (A - Multiplication 1, A - Calc, A - Children and Candies)
zhlédnutí 7KPřed 2 lety
#04 [CP and PS] - atcoder (A - Multiplication 1, A - Calc, A - Children and Candies)
#01 [ANDROID] - Inroduction
zhlédnutí 15KPřed 2 lety
#01 [ANDROID] - Inroduction
#01 [ReactJS] - Introduction
zhlédnutí 18KPřed 2 lety
#01 [ReactJS] - Introduction
#03 [Competitive Programming and Problem Solving] - (HackerRank, HackerEarth) - (What is ACM ICPC)
zhlédnutí 8KPřed 2 lety
#03 [Competitive Programming and Problem Solving] - (HackerRank, HackerEarth) - (What is ACM ICPC)
#02 [Competitive Programming and Problem Solving] - Coding Challenge Websites (Codeforces, Beecrowd)
zhlédnutí 13KPřed 2 lety
#02 [Competitive Programming and Problem Solving] - Coding Challenge Websites (Codeforces, Beecrowd)
#01 [Competitive Programming and Problem Solving] - Introduction
zhlédnutí 31KPřed 2 lety
#01 [Competitive Programming and Problem Solving] - Introduction

Komentáře

  • @0_0-o1q
    @0_0-o1q Před 8 hodinami

    اللهم صل وسلم علي سيدنا محمد❤

  • @0_0-o1q
    @0_0-o1q Před 9 hodinami

    اللهم صل وسلم علي سيدنا محمد❤

  • @zaidmohamd.777
    @zaidmohamd.777 Před 17 hodinami

    بارك الله فيك على هذا الشرح الرائع مشكور جدا جدا

  • @محمدسميرلطف
    @محمدسميرلطف Před 19 hodinami

    انا اول يوم ليا في هذا الكرس ..ان شاء الله ربي يختم عليا على خير يارب ١٣/٩/٢٠٢٤

  • @nora2468
    @nora2468 Před dnem

    شكرا لك على الشرح السريع والواضح

  • @user-jj6xn6wl1h
    @user-jj6xn6wl1h Před dnem

    لووو سمحت يادكتور نهاية الكورس تعمل لنا برنامج يحتوي على كل شيء في الجافا

  • @user-mj6co4ut8d
    @user-mj6co4ut8d Před 2 dny

    ربنا يجزيك خير علي هذه الفديوهات وانا بستفيد منك كتير والله كان عندي ملاحظه بس يا بشمهندي انا جربت الكود غلي المثال الثاني اللي في الفديو والكود بيطبع نتيجه مختلفه عن اللي في الفديو

  • @ismaeilmohamad9570
    @ismaeilmohamad9570 Před 2 dny

    Top

  • @user-ue3ue9fp8k
    @user-ue3ue9fp8k Před 2 dny

    thanks Adel

  • @ismaeilmohamad9570
    @ismaeilmohamad9570 Před 2 dny

    اشكرك جزيل الشكر استاذ عادل شرحك ل : polymorphisme رائع جدا وايصال المعلومه الى المتلقي وانا سعيد لانني ارى قناتك في ازدياد في عدد المشتركين وهذا امر جميل واتمنى ان يصل القناه الى مليون مشترك باذن الله

  • @0_0-o1q
    @0_0-o1q Před 2 dny

    اللهم صل وسلم علي سيدنا محمد❤

  • @AmeerKarolenai-oj1se

    يا استاذ عادل لنت تشرح المثال بابسط الطرق وتفصله جعله الله في ميزان حسناتك

  • @abdobansalma3710
    @abdobansalma3710 Před 2 dny

    👍👍

  • @abdobansalma3710
    @abdobansalma3710 Před 2 dny

    ❤❤❤

  • @AmeerKarolenai-oj1se

    لو سمحت هي string args ما فهمتش ايه هي فايدتها

  • @lilith-sar
    @lilith-sar Před 3 dny

    You're amazing! Thank u

  • @TheAllehaibi
    @TheAllehaibi Před 3 dny

    شكرا لك شرح مميز .

  • @Sharoooka3
    @Sharoooka3 Před 3 dny

    أول يوم ليا في هذا الكورس ربنا يقدرني يارب واخلصها 11/9/2024

  • @zz_9x
    @zz_9x Před 3 dny

    ماشاء الله تبارك الله، شرح واضح وسهل ودسم لايقدم فتات. اسال الله ان يجعله في ميزان حسناتك، احلى شئ كمان انو مافي اي موسيقى فهذا عن جد ممكن يكون صدقة علم جارية.

  • @TheAllehaibi
    @TheAllehaibi Před 3 dny

    شكرا لك 🙏

  • @AmeerKarolenai-oj1se

    لو سمحتو ربنا يفتحها عليكم انا اسمي اميرة وعاوزة سؤال لو سمحت حضرتك هو java virtual machine بيخلي البرنامج يشتغل على اي نظام تشغيل كيف يعني مفهمتش انت بتقصد انوه بيخلي بشتغل على نيت بينز ايا كان نظام التشغيل او انو بيشغل الكود على نظام التشغيل انو يكتب نظام تشغيل

  • @elharrakalaeddine1987

    17-18

  • @ismaeilmohamad9570
    @ismaeilmohamad9570 Před 4 dny

    للامانه انت افضل من يشرح الجافا لك كل الشكر والاحترام على هذا الاسلوب الرائع في ايصال المعلومه الى المتلقي وبالاضافه الى الامثله الرائعه جدا التي ترسخ المعلومات اكثر واكثر.. لك محبتي واتمنى ان تصل قناتك الى المليون مشترك ..كل الاحترام لك

  • @0_0-o1q
    @0_0-o1q Před 4 dny

    اللهم صل وسلم علي سيدنا محمد❤

  • @nagham8227
    @nagham8227 Před 4 dny

    الله يعطيك ألف عافية ال path ما عم يزبط معي... D اللي عم نكتبها اول شي على شو بتدل و بتختلف من لابتوب ل تاني؟

  • @0_0-o1q
    @0_0-o1q Před 4 dny

    اللهم صل وسلم علي سيدنا محمد❤

  • @abdalahahmed4781
    @abdalahahmed4781 Před 4 dny

    14:48 اللى ما يعرفش القاعده دى ازاى بأختصار هتلاحظ ان دايما اى ليفيل بيساوى مجموع كل الليفلات اللى قبله + 1 مثال: level 3 = 8 level 3 = level 2 + level 1 + level 0 + 1 level 3 = 4 + 2 + 1 + 1 = 8 و نلاحظ ايضا ان ال height او h بيساوى الليفل الاخير ده معناه ان: 2 اس height يساوى level 3 ده معناه ان لو تم اضافه واحد على ال height هيساوى level 4 و بما ان: 2 اس level 4 يساوى كل الليفلات + 1 ده معناه ان (2 اس level 4) - 1 يساوى كل العناصر و طبعا level 4 = height + 1

  • @محمدالقحطاني-ث7ل

    ممتاز

  • @nouramsaeed
    @nouramsaeed Před 4 dny

    الله يسسعدك

  • @fairouzhassan1404
    @fairouzhassan1404 Před 5 dny

    جزاك الله كل خير

  • @hamzajava4919
    @hamzajava4919 Před 5 dny

    شكرا....ممنون جدا

  • @drisi-anis
    @drisi-anis Před 5 dny

    هل يوجد احد عنده ملخص لأوامر ++c

  • @AyaNabil-dk5kc
    @AyaNabil-dk5kc Před 5 dny

    اصعب واحقر VEDIO فى FILE HANDLING بقالى فيه يومين

  • @Raneem-je9hd
    @Raneem-je9hd Před 6 dny

    ❤❤❤❤❤❤❤❤❤❤

  • @mouaz_ahmed_siam
    @mouaz_ahmed_siam Před 6 dny

    جزاك الله كل خير بس في نقطه في خطا في اخر مثال الي مفروض نحله في قوس ذياده ملهوش فتحه قبل ناقص 2 ملهوش فتحه شكرا علي مجهودك

  • @trisfoot5283
    @trisfoot5283 Před 6 dny

    جمييييل جداااا❤❤❤❤

  • @IbrahimAbousuliman
    @IbrahimAbousuliman Před 7 dny

    9:25 طلع "using namepace std" فجأة، لشو هي؟!

  • @IbrahimAbousuliman
    @IbrahimAbousuliman Před 7 dny

    9:25 طلع "using namepace std" فجأة، لشو هي؟!

  • @abdellateef1594
    @abdellateef1594 Před 7 dny

    شرح ممتاز وكافي جدًا ، جزاك الله كل خير ❤

  • @abdullahalchakraoui1330

    أخيرا رح بلش بالoop🥳🥳🥳🥳

  • @ismaeilmohamad9570
    @ismaeilmohamad9570 Před 8 dny

    بارك الله فيك ...تستاهل مليون مشترك

  • @ismaeilmohamad9570
    @ismaeilmohamad9570 Před 8 dny

    بارك الله فيك

  • @Yoyom-bm3nb
    @Yoyom-bm3nb Před 8 dny

    دروسك مفيدة جدا جزاك الله خيرا

  • @0_0-o1q
    @0_0-o1q Před 8 dny

    اللهم صل وسلم علي سيدنا محمد❤

  • @user-fk6lz2lv1l
    @user-fk6lz2lv1l Před 8 dny

    ليش بتحلف

  • @Salmanehamdouni91
    @Salmanehamdouni91 Před 9 dny

    بارك الله فيك

  • @jadakil-z3z
    @jadakil-z3z Před 9 dny

    ./src/components/Footer.js Line 3:9: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 4:13: 'React' must be in scope when using JSX react/react-in-jsx-scope سلام مين بيعرف يحل error

  • @ismaeilmohamad9570
    @ismaeilmohamad9570 Před 9 dny

    Outer.Inner.innerMethod(); // نصل إلى الميثود الستاتيك

  • @N_abee_l
    @N_abee_l Před 10 dny

    شكرا جزيلا لك وجزاك الله خير

  • @0_0-o1q
    @0_0-o1q Před 10 dny

    اللهم صل وسلم علي سيدنا محمد❤