- 225
- 22 804 863
Adel Nasim
Jordan
Registrace 23. 07. 2015
تم انشاء القناة لزيادة الوعي البرمجي لدى المشاهد العربي بتعلم لغات البرمجة المطلوبة بأسلوب سلس وشامل.
#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
تطبيق تايب سكريبت مع مكونات رياكت - 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)
#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
اللهم صل وسلم علي سيدنا محمد❤
اللهم صل وسلم علي سيدنا محمد❤
بارك الله فيك على هذا الشرح الرائع مشكور جدا جدا
انا اول يوم ليا في هذا الكرس ..ان شاء الله ربي يختم عليا على خير يارب ١٣/٩/٢٠٢٤
شكرا لك على الشرح السريع والواضح
لووو سمحت يادكتور نهاية الكورس تعمل لنا برنامج يحتوي على كل شيء في الجافا
ربنا يجزيك خير علي هذه الفديوهات وانا بستفيد منك كتير والله كان عندي ملاحظه بس يا بشمهندي انا جربت الكود غلي المثال الثاني اللي في الفديو والكود بيطبع نتيجه مختلفه عن اللي في الفديو
Top
thanks Adel
اشكرك جزيل الشكر استاذ عادل شرحك ل : polymorphisme رائع جدا وايصال المعلومه الى المتلقي وانا سعيد لانني ارى قناتك في ازدياد في عدد المشتركين وهذا امر جميل واتمنى ان يصل القناه الى مليون مشترك باذن الله
اللهم صل وسلم علي سيدنا محمد❤
يا استاذ عادل لنت تشرح المثال بابسط الطرق وتفصله جعله الله في ميزان حسناتك
👍👍
❤❤❤
لو سمحت هي string args ما فهمتش ايه هي فايدتها
You're amazing! Thank u
شكرا لك شرح مميز .
أول يوم ليا في هذا الكورس ربنا يقدرني يارب واخلصها 11/9/2024
ماشاء الله تبارك الله، شرح واضح وسهل ودسم لايقدم فتات. اسال الله ان يجعله في ميزان حسناتك، احلى شئ كمان انو مافي اي موسيقى فهذا عن جد ممكن يكون صدقة علم جارية.
شكرا لك 🙏
لو سمحتو ربنا يفتحها عليكم انا اسمي اميرة وعاوزة سؤال لو سمحت حضرتك هو java virtual machine بيخلي البرنامج يشتغل على اي نظام تشغيل كيف يعني مفهمتش انت بتقصد انوه بيخلي بشتغل على نيت بينز ايا كان نظام التشغيل او انو بيشغل الكود على نظام التشغيل انو يكتب نظام تشغيل
17-18
للامانه انت افضل من يشرح الجافا لك كل الشكر والاحترام على هذا الاسلوب الرائع في ايصال المعلومه الى المتلقي وبالاضافه الى الامثله الرائعه جدا التي ترسخ المعلومات اكثر واكثر.. لك محبتي واتمنى ان تصل قناتك الى المليون مشترك ..كل الاحترام لك
اللهم صل وسلم علي سيدنا محمد❤
الله يعطيك ألف عافية ال path ما عم يزبط معي... D اللي عم نكتبها اول شي على شو بتدل و بتختلف من لابتوب ل تاني؟
اللهم صل وسلم علي سيدنا محمد❤
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
ممتاز
الله يسسعدك
جزاك الله كل خير
شكرا....ممنون جدا
هل يوجد احد عنده ملخص لأوامر ++c
اصعب واحقر VEDIO فى FILE HANDLING بقالى فيه يومين
❤❤❤❤❤❤❤❤❤❤
جزاك الله كل خير بس في نقطه في خطا في اخر مثال الي مفروض نحله في قوس ذياده ملهوش فتحه قبل ناقص 2 ملهوش فتحه شكرا علي مجهودك
جمييييل جداااا❤❤❤❤
9:25 طلع "using namepace std" فجأة، لشو هي؟!
9:25 طلع "using namepace std" فجأة، لشو هي؟!
شرح ممتاز وكافي جدًا ، جزاك الله كل خير ❤
أخيرا رح بلش بالoop🥳🥳🥳🥳
بارك الله فيك ...تستاهل مليون مشترك
بارك الله فيك
دروسك مفيدة جدا جزاك الله خيرا
اللهم صل وسلم علي سيدنا محمد❤
ليش بتحلف
بارك الله فيك
./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
Outer.Inner.innerMethod(); // نصل إلى الميثود الستاتيك
شكرا جزيلا لك وجزاك الله خير
اللهم صل وسلم علي سيدنا محمد❤