دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

آموزش HTML ،CSS، جاوا اسکریپت، ReactJS و نودجی‌اس از صفر تا متخصص

آموزش HTML ،CSS، جاوا اسکریپت، ReactJS و نودجی‌اس از صفر تا متخصص

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • زبان نشانه‌گذاری هایپرتکست (HTML)
  • استایل شیت‌های آبشاری (CSS)
  • جاوا اسکریپت
  • Reactjs
  • نود‌جی‌اس
  • MongoDB
  • برنامه‌نویسی شی‌گرا
  • یک اپلیکیشن درجه تولید که می توانید از ابتدا به عنوان پروژه پورتفولیوی خود استفاده کنید.
  • تسلط به توسعه‌ بک‌اند با Node
  • کار به عنوان توسعه‌دهنده وب فریلنسر
  • تسلط به توسعه‌ فرانت‌اند با ری‌اکت
  • چگونه می توان یک کد قابل استفاده مجدد تمیز ایجاد کرد و کد را ریفکتور کرد؟

پیش‌نیازهای دوره

  • نیازی به تجربه برنامه‌نویسی نیست - ما همه مواردی که باید یاد بگیرید را به شما آموزش می‌دهیم.
  • یک کامپیوتر با دسترسی به اینترنت
  • نیازی به نرم‌افزار پولی ندارید.
  • ما همچنین به شما گام به گام آموزش می‌دهیم که چگونه همه نرم‌افزارها را نصب و راه‌اندازی کنید.

توضیحات دوره

چه شما یک مبتدی باشید یا یک توسعه‌دهنده‌ باتجربه که به دنبال گسترش مهارت‌های خود است، این دوره پایه‌ قوی و تجربه عملی در ساخت وب اپلیکیشن‌های مدرن را ارائه می‌دهد. توجه داشته باشید که اپلیکیشن با درجه تولید که در این دوره ایجاد خواهیم کرد، بی‌نظیر است. پس از یادگیری نحوه ایجاد چنین اپلیکیشن، آماده خواهید بود تا اپلیکیشن‌های برتر مورد استفاده در سراسر جهان را درک و پیاده‌سازی کنید.

بررسی دوره:

HTML:

  • یادگیری زبان نشانه‌گذاری هایپرتکست (HTML) برای ساختاردهی صفحات وب
  • بررسی عمیق HTML سمانتیک برای ایجاد محتوای وب به خوبی سازماندهی شده و دسترس‌پذیر
  • تسلط به ویژگی‌های HTML5 برای چندرسانه‌، فرم‌ها، و عناصر سمانتیک و بسیاری موارد دیگر

استایل‌دهی و طرح بندی CSS:

  • بررسی استایل شیت‌های آبشاری (CSS) برای استایل‌دهی و طراحی طرح‌بندی
  • درک سلکتورها، ویژگی‌ها و یونیت‌های CSS برای کنترل دقیق استایل‌دهی
  • بررسی عمیق اصول و تکنیک‌های طراحی واکنش‌گرا برای ایجاد طرح‌بندی‌های قابل تطبیق در دستگاه‌ها

جاوا اسکریپت

  • یادگیری ویژگی‌های جاوا اسکریپت مدرن
  • بررسی توابع، اسکوپ و closures برای نوشتن کدهای ماژولار و قابل استفاده مجدد
  • درک برنامه‌نویسی غیرهمزمان و حلقه رویداد در جاوا اسکریپت
  • بررسی تکنیک‌هایی برای واکشی داده‌ از APIs، مدیریت خطاها و مدیریت کد پایگاه داده به طور موثر
  • یادگیری توابع arrow، لیترال‌های قالب، ساختارزدایی، عملگرهای spread/rest و دیگر ویژگی‌های ES6 و بسیاری موارد بیشتر
  • یادگیری دستکاری DOM

React.js:

  • آشنایی با React.js، کتابخانه قدرتمند جاوا اسکریپت برای ساخت رابط کاربری
  • یادگیری درباره کامپوننت‌ها، state، ریداکس و props برای ایجاد عناصر رابط کاربری قابل استفاده مجدد و تعاملی
  • بررسی React Router برای مسیریابی سمت کلاینت و مدیریت ناوبری در اپلیکیشن‌های تک صفحه‌ای

توسعه بک‌اند با نودجی‌اس:

  • یادگیری توسعه سمت سرور با نودجی‌اس، محیط ران تایم برای اجرای کد جاوا اسکریپت
  • یادگیری درباره Express.js، فریمورک وب مینیمالیستی برای نودجی‌اس، برای ایجاد اپلیکیشن‌های سرور قوی و مقیاس پذیر
  • درک اصول طراحی RESTful API و پیاده‌سازی عملیات‌های CRUD برای تعامل با داده‌

پایگاه داده:

  • یادگیری نحوه ایجاد و تعامل با پایگاه‌ داده‌ها با استفاده از MongoDB NoSQL و SQL

امنیت:

  • یادگیری درباره میان‌افزار، احرازهویت، JWT و بهترین شیوه‌های امنیت برای اپلیکیشن‌های نودجی‌اس
  • پروژه عملی - شما از دانش خود در یک پروژه بزرگ تولید استفاده می‌کنید که تمام ابزارهای لازم برای وبسایت پورتفولیوی شما را پوشش می‌دهد. ما به جای ایجاد پروژه‌های بی‌فایده، به شما نشان می‌دهیم که شرکت‌های برتر چگونه اپلیکیشن‌های خود را ایجاد می‌کنند.
  • مثال‌های واقعی - بررسی مثال‌های واقعی و مطالعات موردی برای درک اینکه چگونه این فناوری‌ها در اپلیکیشن‌های صنعتی مورد استفاده قرار می‌گیرند.
  • راهنمایی متخصص- از راهنمایی و حمایت یک درس با تجربه‌ برجسته بهره‌مند می‌شوید که به توسعه وب علاقه‌مند و به موفقیت شما متعهد است.

این دوره برای چه کسانی مناسب است؟

  • کسی که می‌خواهد استارتاپ خود را با ساخت وبسایت‌ها و وب اپلیکیشن‌ها آغاز کند.
  • کسی که می‌خواهد یک دوره را بگذراند و همه مواردی که باید درباره توسعه وب بداند را یاد بگیرد.
  • برای استخدام به عنوان توسعه‌دهنده بک‌اند
  • برای استخدام به عنوان توسعه‌دهنده فرانت‌اند

آموزش HTML ،CSS، جاوا اسکریپت، ReactJS و نودجی‌اس از صفر تا متخصص

  • HTML چیست؟ 03:37
  • عنصر HTML چیست؟ 03:45
  • چگونه فایل‌های HTML ایجاد کنیم و ویژوال استودیو کد را نصب کنیم؟ (مطمئن شوید که این ویدئو را تماشا کنید) 25:06
  • ذخیره‌ ویژوال استودیو کد 02:13
  • چگونه کامنت‌ها را اضافه کنیم؟ 07:49
  • بادی 07:32
  • هد 12:11
  • div 03:46
  • HTML attributes 06:02
  • انکر 05:19
  • پاراگراف و عناصر سطح بلوک چه هستند؟ 06:17
  • تصویر 07:23
  • لیست نامرتب 02:57
  • هدینگ‌ها 10:42
  • نشانه‌گذاری سمانتیک 18:44
  • فرم 11:53
  • انواع عناصر فرم 16:30
  • جایبان 07:05
  • مقدمه CSS 21:36
  • نکته‌ سریع هنگام تعریف ویژگی‌های CSS 02:14
  • کامنت‌ها 04:57
  • سلکتور شناسه در مقابل سلکتور کلاس 01:52
  • سلکتور شناسه 07:01
  • سلکتور کلاس 06:11
  • سلکتور کلاس برای عنصر خاص 07:08
  • سلکتور کلاس با استایل‌های چندگانه 06:42
  • اولویت مرتب‌سازی در اعلان‌های CSS 04:39
  • سلکتورهای combinator 02:21
  • سلکتور نوادگان 07:14
  • سلکتور فرزند 05:10
  • سلکتور خواهر و برادر مجاور 03:09
  • سلکتور خواهر و برادر کلی 07:35
  • سلکتور شبه کلاس (هاور، active و focus و visited و غیره) 09:36
  • سلکتور شبه عناصر 08:17
  • سلکتورهای attribute 10:07
  • بوردرها 03:20
  • مارجین 16:59
  • padding 08:40
  • مدل جعبه‌ای 10:03
  • انواع یونیت‌ها 05:00
  • پیکسل 07:09
  • درصد 05:15
  • یونیت em 11:42
  • یونیت rem 15:17
  • vw و vh 07:31
  • vmin و vmax 06:18
  • ویژگی نمایش 16:33
  • flexbox 10:57
  • ویژگی flexbox flex-direction 09:24
  • ویژگی flexbox justify-content 10:17
  • ویژگی flexbox flex-wrap 09:45
  • ویژگی flexbox align-items 14:19
  • ویژگی flexbox align-content 14:52
  • چگونه فضای بین عناصر flexbox را با استفاده از گپ اضافه کنیم؟ 04:46
  • ویژگی های flexbox برای عناصر فرزند 03:35
  • ویژگی عنصر فرزند flexbox در flex-basis 07:11
  • ویژگی عنصر فرزند flexbox در flex-grow 14:46
  • ویژگی عنصر فرزند flexbox در flex-shrink 14:08
  • ویژگی عنصر فرزند flexbox در align-self 05:53
  • ویژگی عنصر فرزند flexbox در order 05:18
  • طرح‌بندی گرید 02:57
  • ستون‌های گرید 12:15
  • سطرهای گرید 14:34
  • grid-column و grid-row 14:21
  • تودرتوسازی طرح‌بندی‌های گرید 09:59
  • grid-template-areas 18:26
  • grid-auto-columns و grid-auto-rows 09:53
  • align-items و justify-items 12:18
  • واکنش‌گرا کردن طرح‌بندی گرید برای اندازه‌های مختلف صفحه نمایش 16:17
  • سیستم گرید 12 ستونی 15:29
  • ویژگی‌های عرض و ارتفاع 28:24
  • ویژگی پوزیشن 26:31
  • ایندکس زد 20:58
  • کوئری‌های رسانه 36:40
  • ویژگی ترنزیشن 24:45
  • ویژگی انتقال 15:47
  • ویژگی تبدیل 25:34
  • در مرکز قرار دادن تصویر و عناصر سطح بلوک به‌صورت افقی 12:09
  • در مرکز قرار دادن تصویر به‌صورت افقی و عمودی با استفاده از ویژگی پوزیشن و انتقال 12:53
  • ویژگی line-height 06:45
  • ویژگی vertical-align 13:38
  • ویژگی opacity 07:38
  • رنگ‌ها 10:06
  • پروژه CSS 54:16
  • جاوا اسکریپت چیست؟ 11:56
  • کد جاوا اسکریپت را در HTML کجا اضافه کنیم؟ 04:38
  • ()console.log 05:42
  • چگونه کامنت‌ها را در جاوا اسکریپت اضافه کنیم؟ 06:52
  • متغیرها 40:45
  • تایپ‌های داده‌ 32:46
  • دستورات شرطی 29:05
  • عملگرهای حسابی 07:23
  • عملگرهای تخصیص 10:23
  • عملگرهای مقایسه 16:04
  • عملگرهای منطقی 12:37
  • عملگر سه‌گانه 04:16
  • عملگرهای یگانه 27:28
  • اولویت عملگرها 22:11
  • رشته‌ها و لیترال‌های قالب‌ 21:24
  • اعلان‌های تابع و عبارات تابع 27:02
  • اطلاعات بیشتر درباره آرایه‌ها 25:07
  • اطلاعات بیشتر درباره آبجکت‌ها 35:08
  • ایجاد حلقه روی آرایه‌ها 32:11
  • ایجاد حلقه روی آبجکت‌ها 24:27
  • عملگر گسترش 19:56
  • ساختارزدایی 29:49
  • عملگر Nullish Coalescing 13:32
  • کپی سطحی چیست؟ 23:32
  • مجموعه 33:48
  • نقشه 21:15
  • متد ()filter 18:24
  • متد ()find 05:58
  • متد ()map 06:41
  • عبارات منظم 55:11
  • مرتب‌سازی آرایه‌ها 20:25
  • ایجاد تاریخ‌ها 34:49
  • تایمر 26:16
  • Constructor آبجکت 01:04:58
  • کلیدواژه ''this'' 11:36
  • متد bind 23:38
  • تابع Arrow 17:14
  • IIFE 10:35
  • تابع Callback 11:57
  • Closure 11:34
  • آبجکت Promise 28:00
  • واکشی 08:39
  • async/await 25:44
  • کلاس‌ها 53:24
  • DOM جاوا اسکریپت 59:39
  • جی سان 20:19
  • رویدادهای HTML DOM 17:04
  • React.js چیست؟ 25:55
  • نصب تمیز Node از ابتدا 07:06
  • ساختار ری‌اکت، چگونه اپلیکیشن ری‌اکت را با استفاده از Vite (روش جدید) و create-react-app ایجاد کنیم؟ 37:19
  • چگونه یک کامپوننت ری‌اکت ایجاد کنیم؟ 54:19
  • state چیست؟ 33:46
  • props 26:21
  • فرزندان 13:56
  • مقدمه‌ نودجی‌اس 34:17
  • چگونه یک ماژول خارجی را در نودجی‌اس نصب کنیم؟ 14:51
  • چگونه اپلیکیشن‌های موجود نودجی‌اس را نصب کنیم؟ 03:59
  • نصب Postman 01:56
  • چگونه یک سرور HTTP ایجاد کنیم؟ 55:51
  • میان‌افزار چیست و چگونه یکی بسازیم؟ 30:45
  • چگونه درخواست POST را مدیریت کنیم؟ 01:09:32
  • چگونه Mongo DB و MongoDB Compass را نصب کنیم؟ 06:18
  • ایجاد پوشه‌های پروژه 13:19
  • ایجاد کامپوننت صفحه اصلی 33:39
  • ایجاد کامپوننت دکمه 13:08
  • ایجاد کامپوننت فرم سفارشی 29:26
  • ایجاد کامپوننت رجیستر بیمار 23:40
  • ایجاد کامپوننت رجیستر پزشک 12:34
  • ایجاد کامپوننت ورود به سیستم 14:22
  • ایجاد کامپوننت جستجوی پزشک 09:24
  • ایجاد کامپوننت درباره ما 06:19
  • ایجاد کامپوننت هدر 22:05
  • ایجاد کامپوننت فوتر 05:15
  • ایجاد کامپوننت طرح‌بندی 04:43
  • ایجاد کامپوننت جستجوی بیمار 08:19
  • ایجاد طرح‌بندی اصلی 47:57
  • ایجاد کاربر ادمین 35:43
  • اتصال به پایگاه داده از بک‌اند 13:57
  • Json Web Token چیست؟ 14:58
  • ایجاد JWT 13:57
  • ایجاد وضعیت بازگشت 05:28
  • ورود به سیستم فرانت‌اند 38:05
  • ایجاد مسیریاب‌ها و کنترلرها در بک‌اند 33:45
  • ورود به سیستم بک‌اند 57:55
  • ایجاد میان‌افزارهای checkEmail و checkPassword سفارشی 36:19
  • ایجاد پنل ادمین و اعتبارسنجی توکن 01:19:52
  • رجیستر پزشک 02:23:52
  • جستجوی پزشک 41:55
  • افزودن ریداکس 47:52
  • ذخیره‌ داده کاربر وارد شده به سیستم با استفاده از ریداکس 01:14:54
  • بروزرسانی پزشک 43:41
  • رجیستر بیمار 49:38
  • جستجو و بروزرسانی بیمار 01:40:37
  • بروزرسانی صفحه اصلی و کد کامل 11:37

23,449,500 4,689,900 تومان

مشخصات آموزش

آموزش HTML ،CSS، جاوا اسکریپت، ReactJS و نودجی‌اس از صفر تا متخصص

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:همه سطوح
  • تعداد درس:178
  • مدت زمان :59:22:51
  • حجم :29.61GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید