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

توسعه وب فرانت‌اند با HTML5 ،CSS3، جاوا اسکریپت و بوت استرپ

توسعه وب فرانت‌اند با HTML5 ،CSS3، جاوا اسکریپت و بوت استرپ

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

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

  • HTML5 - اصول توسعه وب مدرن - یاد می‌گیرید چگونه صفحات وب خود را ساختاردهی کنید، طرح‌‌بندی‌های سمانتیک ایجاد کنید و با عناصر چندرسانه مانند صدا و ویدئو کار کنید.
  • CSS3 - با استفاده از تکنیک‌های پیشرفته CSS، وبسایت‌های خود را به زیبایی استایل‌دهی می‌کنید. شما کشف می‌کنید که چگونه طراحی‌های واکنش‌گرا، انیمیشن‌ها و طرح‌‌بندی‌های سفارشی را بسازید که در تمام دستگاه‌ها کار کنند.
  • جاوا اسکریپت - وبسایت‌های خود را با جاوا اسکریپت پویا و تعاملی می‌کنید. از دستکاری DOM تا مدیریت رویدادها و مفاهیم اولیه برنامه‌نویسی، به ابزارهای ضروری برای توسعه فرانت‌اند تسلط خواهید یافت.
  • بوت استرپ - شما یاد می‌گیرید که چگونه از فریمورک قدرتمند بوت استرپ استفاده کنید تا به سرعت وبسایت‌های واکنش‌گرا طراحی کنید بدون اینکه نیاز به نوشتن CSS گسترده داشته باشید. شما طرح‌‌بندی‌های mobile-first، نوارهای ناوبری واکنش‌گرا و stylish components می‌سازید.

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

  • مهارت‌های اولیه کامپیوتری - آشنایی با استفاده از کامپیوتر و ناوبری وب
  • بدون نیاز به تجربه قبلی در زمینه کدنویسی - این دوره مبتدی پسند است و شما شروع به یادگیری مبانی توسعه وب خواهید کرد.
  • ویرایشگر کد - یک ویرایشگر متن رایگان مانند ویژوال استودیو کد، Sublime Text یا Atom برای نوشتن کد
  • کنجکاوی و تمایل به یادگیری - یک نگرش مثبت و اشتیاق برای ساخت وبسایت‌ها از ابتدا

توضیحات دوره

آیا آماده‌اید تا به دنیای هیجان‌انگیز توسعه وب فرانت‌اند وارد شوید؟ این دوره جامع همه مواردی را که برای ساخت وبسایت‌های حرفه‌ای، واکنش‌گرا و تعاملی از ابتدا با استفاده از HTML5 ،CSS3، جاوا اسکریپت و بوت استرپ نیاز دارید، پوشش می‌دهد.

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

  • HTML5 - اصول توسعه وب مدرن - یاد می‌گیرید چگونه صفحات وب خود را ساختاردهی کنید، طرح‌‌بندی‌های سمانتیک ایجاد کنید و با عناصر چندرسانه مانند صدا و ویدئو کار کنید.
  • CSS3 - با استفاده از تکنیک‌های پیشرفته CSS، وبسایت‌های خود را به زیبایی استایل‌دهی می‌کنید. شما کشف می‌کنید که چگونه طراحی‌های واکنش‌گرا، انیمیشن‌ها و طرح‌‌بندی‌های سفارشی را بسازید که در تمام دستگاه‌ها کار کنند.
  • جاوا اسکریپت - وبسایت‌های خود را با جاوا اسکریپت پویا و تعاملی می‌کنید. از دستکاری DOM تا مدیریت رویدادها و مفاهیم اولیه برنامه‌نویسی، به ابزارهای ضروری برای توسعه فرانت‌اند تسلط خواهید یافت.
  • بوت استرپ - شما یاد می‌گیرید که چگونه از فریمورک قدرتمند بوت استرپ استفاده کنید تا به سرعت وبسایت‌های واکنش‌گرا طراحی کنید بدون اینکه نیاز به نوشتن CSS گسترده داشته باشید. شما طرح‌‌بندی‌های mobile-first، نوارهای ناوبری واکنش‌گرا و stylish components می‌سازید.

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

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

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

  • مبتدیان در توسعه وب - افرادی که هیچ تجربه‌ای در کدنویسی ندارند و می‌خواهند بفهمند چطور توسعه وب فرانت‌اند را شروع کنند.
  • دانشجویان و تغییردهندگان شغل - افرادی که می‌خواهند توسعه وب را بررسی کنند یا یک حرفه جدید را دنبال کنند.
  • کسی که می‌خواهد مهارت‌های توسعه وب خود را رفرش کند - افرادی که دانش اولیه دارند و می‌خواهند مهارت‌های خود را با جدیدترین ابزارها و تکنیک‌ها در HTML5 ،CSS3، جاوا اسکریپت و بوت استرپ بروزرسانی کنند.

توسعه وب فرانت‌اند با HTML5 ،CSS3، جاوا اسکریپت و بوت استرپ

  • بررسی بخش 01:15
  • آشنایی با HTML5 06:02
  • تگ‌های HTML5 03:08
  • Attribute های تگ 01:13
  • فاویکون در صفحه وب HTML5 01:44
  • تاریخچه HTML5 04:12
  • نتیجه‌گیری بخش 00:51
  • بررسی بخش 00:42
  • هدینگ‌ها 03:43
  • پارگراف 04:11
  • تگ‌های فرمت‌بندی مختلف 07:02
  • نتیجه‌گیری بخش 00:34
  • بررسی بخش 00:27
  • تگ Blockquote 01:29
  • تگ نقل قول کوتاه 01:44
  • تگ Abbreviation 01:29
  • تگ آدرس 01:57
  • تگ Cite 02:10
  • Override دوطرفه 01:46
  • نتیجه‌گیری بخش 00:32
  • بررسی بخش 00:28
  • هایپرلینک داخلی 05:58
  • هایپرلینک خارجی 01:57
  • هایپرلینک ایمیل 01:48
  • هایپرلینک صفحه‌پرش یا لینک بوک‌مارک 05:29
  • Attribute لینک 02:34
  • تصویر به عنوان لینک 01:31
  • نتیجه‌گیری بخش 00:34
  • بررسی بخش 00:42
  • تصاویر در HTML5 05:49
  • نتیجه‌گیری بخش 00:28
  • بررسی بخش 00:30
  • تگ‌های سطح بلوک 02:34
  • تگ‌های درون‌خطی 01:38
  • نتیجه‌گیری بخش 00:27
  • بررسی بخش 00:25
  • جداول در HTML5 07:58
  • نتیجه‌گیری بخش 00:32
  • بررسی بخش 00:24
  • رسانه‌ در HTML5 01:29
  • تگ ویدئو 04:54
  • تگ صدا 04:22
  • تعبیه ویدئوی یوتیوب در صفحه وب HTML5 03:47
  • نتیجه‌گیری بخش 00:25
  • بررسی بخش 00:35
  • فرم و Attribute های آن 06:03
  • عنصر فرم 08:45
  • انواع ورودی‌ مختلف 15:20
  • Attribute های ورودی 07:23
  • نتیجه‌گیری بخش 00:27
  • بررسی بخش 00:40
  • عناصر سمانتیک - بخش 1 09:55
  • عناصر سمانتیک - بخش 2 04:47
  • نتیجه‌گیری بخش 00:22
  • بررسی بخش 02:14
  • آشنایی با CSS 03:25
  • انواع CSS 09:47
  • انواع سلکتورهای CSS 09:33
  • نتیجه‌گیری بخش 02:34
  • بررسی بخش 03:06
  • مدل جعبه‌ای 09:26
  • Box Shadow 05:48
  • شعاع بوردر 06:33
  • سیستم گرید CSS 11:24
  • CSS Flexbox 08:06
  • طراحی جداول 11:45
  • نتیجه‌گیری بخش 02:33
  • بررسی بخش 02:15
  • تایپوگرافی CSS 04:58
  • Google Fonts 04:40
  • فونت‌های سفارشی 08:23
  • نتیجه‌گیری بخش 02:16
  • بررسی بخش 02:38
  • تصاویر پس‌زمینه 08:39
  • پس زمینه گرادیان خطی 06:15
  • گرادیان شعاعی 03:09
  • گرادیان مخروطی 05:10
  • ایجاد پس‌زمینه شفاف 05:46
  • نتیجه‌گیری بخش 02:11
  • بررسی بخش 02:38
  • منوی ناوبری 11:05
  • بخش Hero 15:38
  • بخش درباره ما 09:03
  • بخش پورتفولیو 16:58
  • بخش تماس با ما 16:02
  • نتیجه‌گیری بخش 02:31
  • بررسی بخش 02:20
  • ایجاد منوی واکنش‌گرا 10:25
  • نتیجه‌گیری بخش 02:28
  • بررسی بخش 02:24
  • تبدیل CSS 09:19
  • ترنزیشن CSS 08:23
  • انیمیشن CSS 10:50
  • نتیجه‌گیری CSS 02:13
  • بررسی بخش 01:57
  • ساخت اسلایدر با استفاده از کتابخانه Cycle 2 جاوا اسکریپت 07:00
  • ایجاد گالری Lightbox با استفاده از کتابخانه Lightbox 2 جاوا اسکریپت 07:49
  • نتیجه‌گیری بخش 01:57
  • بررسی بخش 02:05
  • تشخیص ویژگی 09:36
  • بررسی عناصر و ابزارهای توسعه‌دهنده کروم 08:02
  • نتیجه‌گیری بخش 02:44
  • ساخت وبسایت تک‌صفحه‌ای دیگر - پروژه 2 21:06
  • Hello World در جاوا اسکریپت 05:07
  • موتورهای جاوا اسکریپت 04:45
  • متغیرها و تایپ‌های داده 10:58
  • عملگرها 05:28
  • Type of و اولویت عملگر 04:11
  • دستور If Else 06:14
  • دستور شرطی - مثال 1 07:46
  • دستور شرطی - مثال 2 03:58
  • عملگر سه تایی 04:29
  • دستور Switch Case 05:33
  • مقدار نادرست 04:28
  • مبانی تابع 05:41
  • تابع به عنوان متغیر 05:07
  • آشنایی با آرایه‌ها 07:34
  • آرایه متد Fill و فیلتر 04:32
  • متدهای Slice و Splice 03:47
  • آبجکت‌ها 05:03
  • متدها در آبجکت‌ها 03:07
  • حلقه For 09:11
  • حلقه While 02:10
  • حلقه Do While 03:42
  • حلقه Foreach 02:03
  • حلقه For Of 02:30
  • حلقه For In 02:59
  • DOM چیست؟ 03:45
  • رویدادهای DOM 06:06
  • دریافت عناصر HTML 04:40
  • تغییر عناصر HTML 08:41
  • دریافت ویژگی‌های محاسباتی 05:34
  • ایجاد آبجکت‌ها 06:42
  • نمونه اولیه 06:49
  • تکنیک‌ کدنویسی بهتر 06:17
  • تابع ناشناس خوداجرا 03:02
  • لیترال‌های قالب 05:49
  • نقشه‌ها 07:04
  • ساختارزدایی داده 06:10
  • کلاس و ماژول اکسپورت 11:04
  • Getter و Setter 06:29
  • وراثت 07:00
  • آشنایی با بوت استرپ 5.3 02:06
  • تاریخچه بوت استرپ 01:31
  • جدیدترین ویژگی‌ها در بوت استرپ 5 01:55
  • اصطلاحات اولیه 01:51
  • چگونه بوت استرپ را نصب کنیم؟ 06:05
  • نقاط شکست 03:27
  • کانتینر 07:04
  • گرید 11:09
  • ستون 07:46
  • Gutter 04:07
  • آکاردئون 06:22
  • هشدار 06:12
  • Badge 05:33
  • Breadcrums 02:30
  • دکمه 04:08
  • گروه دکمه 04:15
  • کارت 08:34
  • کاروسل 05:18
  • Collapse 05:56
  • منوی کشویی 03:59
  • گروه لیست 04:47
  • مودال 06:56
  • نوار ناوبری 06:38
  • ناوبری‌ها و تب‌ها 05:00
  • Offcanvas 05:58
  • صفحه‌بندی 02:55
  • جایبان 03:52
  • Popover 03:14
  • پیشرفت 07:51
  • Scrollspy 04:59
  • اسپینر 03:53
  • Toast 02:17
  • Tooltip 02:37
  • تایپوگرافی 06:44
  • تصاویر 03:13
  • جداول 05:00
  • شکل‌ها 01:53
  • کنترل فرم 08:51
  • انتخاب 02:16
  • چک‌باکس و دکمه رادیویی 06:07
  • محدوده 01:18
  • گروه ورودی 03:25
  • برچسب شناور 02:38
  • طرح‌بندی 03:30
  • اعتبارسنجی 01:43
  • بوردر 05:53
  • متن 04:08
  • سایه 00:50
  • ساخت صفحه آلبوم 22:22
  • ساخت جدول قیمت 27:44

6,372,500 1,274,500 تومان

مشخصات آموزش

توسعه وب فرانت‌اند با HTML5 ،CSS3، جاوا اسکریپت و بوت استرپ

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:همه سطوح
  • تعداد درس:192
  • مدت زمان :16:08:14
  • حجم :9.68GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی: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
  • سطح دوره:
  • زبان: دوبله فارسی

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

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