توسعه فرانت اند با استفاده از ری اکت
✅ سرفصل و جزئیات آموزش
توضیحات دوره
به دوره توسعه فرانت اند با استفاده از React خوش آمدید! در این برنامه، شما با مبانی توسعه فرانت اند آشنا خواهید شد و یاد خواهید گرفت که چگونه وب اپلیکیشن ها را با استفاده از کتابخانه React بسازید.
این دوره برای افرادی که با توسعه وب آشنا هستند، مناسبترین گزینه است.
ماژول اول، مقدمهای بر HTML و CSS، شما را با اصول اولیه HTML و CSS آشنا میکند که بلوکهای ساختاری توسعه وب هستند. شما یاد خواهید گرفت که چگونه محتوا را با HTML ساختاربندی کرده و با CSS به صفحات وب خود استایل بدهید.
ماژول دوم، مقدمهای بر برنامهنویسی JavaScript، مبانی JavaScript، زبان برنامهنویسی که قدرت وب اپلیکیشن های تعاملی را تأمین میکند، به شما آموزش میدهد. شما با متغیرها، نوع دادهها، ساختارهای کنترل، توابع و موارد دیگر آشنا خواهید شد.
در ماژول سوم، React برای توسعه فرانت اند، به درون React، یک کتابخانه محبوب JavaScript برای ساخت رابطهای کاربری، خواهیم پرداخت. شما یاد خواهید گرفت که چگونه یک پروژه React را راهاندازی کنید، کامپوننتها را ایجاد کرده و state را در اپلیکیشن خود مدیریت کنید.
تا پایان این دوره، درک عمیقی از اصول توسعه فرانت اند و نحوه استفاده از React برای ساخت وب اپلیکیشن های تعاملی و پویا خواهید داشت.
توسعه فرانت اند با استفاده از ری اکت
-
آشنا شوید با مدرس خود 0:42
-
چه چیزی را در این درس خواهید آموخت؟ 1:02
-
مقدمهای بر توسعه وب 5:24
-
HTML چیست؟ 5:24
-
تگ HTML 5:21
-
قالببندی تگ HTML 10:10
-
فرمها و تگ ورودی 13:10
-
تگ IFrame 5:03
-
تگ تصاویر 4:28
-
تگ صوتی 4:33
-
تگ ویدیو 4:42
-
تگ لیست 4:22
-
تگ جدول 8:28
-
تگ های معنایی و غیر معنایی 4:19
-
چه چیزی را در این درس خواهید آموخت؟ 0:41
-
CSS چیست؟ 2:50
-
نحو CSS 3:40
-
سلکتور ساده CSS 6:05
-
سلکتورهای CSS combinator - بخش 1 5:04
-
سلکتورهای CSS combinator - بخش 2 4:40
-
چه چیزی را در این درس خواهید آموخت؟ 0:38
-
سلکتورهای شبه کلاس - بخش 1 6:09
-
سلکتورهای شبه کلاس - بخش 2 6:12
-
سلکتورهای شبه عناصر 8:09
-
سلکتورهای صفات 6:05
-
خصوصیت فونت در CSS 4:41
-
موقعیتها در CSS 8:15
-
CSS Float 4:16
-
نمایش CSS 4:26
-
یونیت های CSS 7:06
-
چه چیزی را در این درس خواهید آموخت؟ 0:58
-
رنگها در CSS 4:53
-
رنگهای پسزمینه CSS 3:33
-
باکس مدل CSS 8:40
-
اندازهگیری باکس CSS 4:31
-
جدول استایل CSS 5:52
-
آیکون CSS 4:24
-
CSS Display Grid - بخش 1 9:20
-
CSS Display Grid - بخش 2 10:18
-
نوار ناوبری CSS 8:25
-
منوی کشویی CSS 6:45
-
گالری تصاویر CSS و اسپرایتها 8:07
-
استایلدهی تصاویر و بازتابهای تصویر در CSS 7:18
-
فرمهای CSS 7:22
-
افکتهای متنی CSS 7:08
-
تناسب و موقعیت شیء CSS 4:08
-
برنامه درسی None
-
بیشتر بخوانید درباره HTML و تگ های مختلف None
-
بیشتر بخوانید درباره شبه کلاسها None
-
مطالعه بیشتر درباره طراحی CSS None
-
به ما بگویید نظر شما چیست! None
-
چه چیزی را در این درس خواهید آموخت؟ 0:42
-
مقدمهای بر JavaScript 5:33
-
راهاندازی محیط توسعه خود 2:46
-
نوشتن اولین برنامه JavaScript خود 4:39
-
چه چیزی را در این درس خواهید آموخت؟ 0:35
-
درک متغیرها 7:12
-
درک نوع دادهها 8:58
-
استفاده از عملگرهای حسابی و مقایسهای 8:38
-
آرایهها در JavaScript 5:41
-
کار با رشتهها 6:17
-
کار با دستکاری رشته 6:34
-
عبارات شرطی (if/else ،switch) 6:23
-
ساختارهای حلقهای (for ،while) 6:40
-
توابع و دامنه 6:53
-
چه چیزی را در این درس خواهید آموخت؟ 0:30
-
درک مدل شیء سند (DOM) 3:51
-
دسترسی به عناصر DOM با JavaScript 7:21
-
دستکاری عناصر DOM با جاوااسکریپت 7:10
-
تغییر استایل ها و ویژگیها با JavaScript 6:17
-
درک رویدادها و event listeners 3:49
-
پاسخ به ورودی کاربر (کلیکها، فشار کلیدها) 6:16
-
خلق رابطهای کاربری تعاملی با استفاده از رویدادها 4:59
-
چه چیزی را در این درس خواهید آموخت؟ 0:29
-
ایجاد و حذف عناصر DOM با JavaScript 6:36
-
استفاده از AJAX برای بارگذاری محتوای پویا 7:03
-
مدیریت خطاها و استثناها 5:53
-
بیشتر درباره JavaScript بیاموزید None
-
بیشتر درباره کامپوننتهای JavaScript بخوانید None
-
بیشتر درباره DOM بیاموزید None
-
مطالعه بیشتر درباره DOM و Ajax None
-
چه چیزی را در این درس خواهید آموخت؟ 0:22
-
مقدمهای بر React 4:14
-
DOM مجازی در react.js 3:40
-
راهاندازی React.js 5:29
-
چه چیزی را در این درس خواهید آموخت؟ 0:33
-
ساختار دایرکتوری React 5:15
-
JSX در React JS 5:42
-
کامپوننتهای React 7:06
-
React Props 5:34
-
React States 8:16
-
چه چیزی را در این درس خواهید آموخت؟ 0:46
-
هوک useEffect در React 10:08
-
انجام فراخوانی های API با استفاده از هوک useEffect 7:25
-
هوک useContext 8:25
-
React Redux 5:13
-
کاربرد React Redux 5:09
-
بیشتر درباره React بخوانید None
-
مطالعه بیشتر درباره React None
-
بیشتر درباره Hooks و Redux بیاموزید None
-
بازخورد خود را ارائه دهید! None
مشخصات آموزش
توسعه فرانت اند با استفاده از ری اکت
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:101
- مدت زمان :07:58:49
- حجم :808.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی