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

مسترکلاس HTML و CSS: ساخت وب‌سایت‌های واکنش‌گرا و واقعی

مسترکلاس HTML و CSS: ساخت وب‌سایت‌های واکنش‌گرا و واقعی

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

  • آنچه یاد خواهید گرفت:
  • ساخت 3 پروژه عملی
  • ساخت وب‌سایت‌های واقعی و واکنش‌گرا
  • ایجاد طرح بندی های منعطف با Flexbox و CSS Grid
  • تسلط به HTML و CSS از ابتدا
  • بهبود وب‌سایت‌ها با انیمیشن‌ها، ترنزیشن‌ها و ترنسفورم‌ها
  • درک سلکتورها، شبه-سلکتورها، عناصر معنایی، کی‌فریم‌ها و مدیا کوئری‌ها 
  • درک مدل جعبه‌ای CSS، پدینگ، Border و Margin 
  • یادگیری فرم‌های HTML، رسانه‌های HTML و تگ‌های HTML
  • یادگیری سینتکس CSS، سلکتورهای ID و Class
  • یادگیری استایل‌دهی به فونت‌ها و رنگ‌ها
  • درک مفاهیم Positioning و Display و Float و موارد دیگر

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

  • هیچ دانش یا تجربه قبلی در زمینه HTML و CSS مورد نیاز نیست.

توضیحات دوره

مسترکلاس HTML و CSS: ساخت وب‌سایت‌های واکنش‌گرا و واقعی

آیا آماده‌اید به HTML و CSS مسلط شوید و وب‌سایت‌های خیره‌کننده و واکنش‌گرا بسازید؟ چه یک مبتدی باشید و چه به دنبال تقویت مهارت‌های توسعه وب خود باشید، این دوره نقطه شروعی عالی برای شماست.

HTML و CSS اصول هر وب‌سایتی در اینترنت هستند. با این دوره، شما یاد خواهید گرفت که چگونه وب‌سایت‌های مدرن و واقعی را با استفاده از آخرین تکنیک‌ها، از جمله CSS Flexbox و CSS Grid، ایجاد کنید. همچنین بر روی سه پروژه عملی کار خواهید کرد تا آموخته‌های خود را اعمال کنید و تجربه عملی کسب کنید.

آنچه خواهید آموخت

  • تسلط به HTML و CSS از ابتدا – بلوک‌های سازنده ضروری توسعه وب را بیاموزید.
  • ساخت 3 پروژه واقعی – با توسعه وب‌سایت‌های کاملاً کاربردی و واکنش‌گرا، تجربه عملی کسب کنید.
  • ایجاد طرح بندی های منعطف با Flexbox و CSS Grid – به تکنیک‌های مدرن طرح بندی برای طراحی وب پویا مسلط شوید.
  • بهبود وب‌سایت‌ها با انیمیشن‌ها و ترنزیشن‌ها – با انیمیشن‌های CSS، کی‌فریم‌ها، ترنزیشن‌ها و ترنسفورم‌ها، وب‌سایت‌های خود را از نظر بصری جذاب کنید.
  • درک مفاهیم اصلی توسعه وب
  • فرم‌های HTML، رسانه‌ها و تگ‌ها
  • سینتکس CSS، سلکتورهای ID و Class
  • سلکتورها، شبه-سلکتورها و عناصر معنایی
  • مدل جعبه‌ای CSS: پدینگ، Border و Margin
  • Positioning و Display و Float و موارد دیگر
  • فونت‌ها، رنگ‌ها و تکنیک‌های استایل‌دهی
  • مدیا کوئری‌ها برای واکنش‌گرایی موبایل

چرا HTML و CSS را یاد بگیریم؟

HTML و CSS مهارت‌های ضروری برای هر کسی هستند که به توسعه وب علاقه‌مند است. با یادگیری این فناوری‌ها، شما قادر خواهید بود:

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

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

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

در پایان این دوره، شما:

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

چرا منتظرید؟ همین حالا شروع کنید!

به هزاران دانشجو در سراسر جهان بپیوندید و اولین قدم خود را برای تبدیل شدن به یک توسعه‌دهنده وب بردارید. همین امروز در این دوره شرکت کنید و ساختن وب‌سایت‌های واقعی و واکنش‌گرا با HTML و CSS را آغاز نمایید!

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

  • افراد کاملاً مبتدی بدون هیچ تجربه قبلی در HTML و CSS
  • علاقه‌مندان به فناوری، دانشجویان، افرادی که به دنبال تغییر مسیر شغلی خود هستند و کسانی که می‌خواهند یک اصول محکم در توسعه وب بسازند
  • متخصصان مشتاقی که علاقه‌مند به ورود به حوزه‌های توسعه وب هستند

مسترکلاس HTML و CSS: ساخت وب‌سایت‌های واکنش‌گرا و واقعی

  • توسعه وب چیست؟ 07:20
  • چگونه ویرایشگر متن (VSCode) را دانلود و نصب کنیم؟ 03:28
  • ناوبری در رابط کاربری VSCode 02:22
  • نصب و دانلود مرورگر 01:48
  • نصب و درک اکستنشن‌های HTML و CSS 05:02
  • چگونه فایل‌ها و پوشه‌های HTML و CSS ایجاد کنیم؟ 05:34
  • HTML چیست 02:37
  • اسناد HTML - بخش 1 05:21
  • اسناد HTML - بخش 2 13:57
  • تگ‌های HTML - بخش 1 15:23
  • تگ‌های HTML - بخش 2 22:49
  • لینک‌ها 07:32
  • تصاویر 12:18
  • فهرست‌ها 13:08
  • جدول‌ها 13:20
  • فرم‌های HTML 38:40
  • رسانه‌های HTML - بخش 1 10:06
  • رسانه‌های HTML - بخش 2 04:27
  • Button 02:52
  • Comments 04:49
  • عناصر معنایی HTML 11:56
  • تمرین HTML None
  • تمرین HTML - بخش 2 None
  • CSS چیست؟ 01:45
  • انواع CSS 12:49
  • سینتکس CSS 06:58
  • کامنت‌های CSS 02:10
  • Universal Selector 06:09
  • Element Selector 01:15
  • Class Selector 10:04
  • ID Selector 05:14
  • Selector گروهی 08:16
  • Descendant Selector 07:20
  • Selectors شبه‌کلاس - بخش 1 04:49
  • Selectors شبه‌کلاس - بخش 2 03:52
  • واحدهای CSS 07:25
  • استایل‌دهی فونت 09:01
  • رنگ فونت 06:18
  • تمرین CSS None
  • تمرین CSS - بخش 2 None
  • استایل‌دهی پس‌زمینه 05:02
  • مدل جعبه CSS (Padding و Border و Margin) 23:26
  • خاصیت Display 07:40
  • Float و Clear و Overflow 10:25
  • Positioning - بخش 1 13:45
  • Positioning - بخش 2 05:48
  • ترنسفورم 10:39
  • ترنزیشن 12:21
  • انیمیشن 25:38
  • CSS Flexbox در مقابل CSS Grid 11:30
  • فلکس‌باکس باکس - بخش 1 22:59
  • فلکس‌باکس باکس - بخش 2 11:58
  • فلکس‌باکس باکس - بخش 3 05:27
  • CSS Grid - بخش 1 16:33
  • CSS Grid - بخش 2 16:23
  • پروژه وب‌سایت سفر - بخش 1 36:54
  • پروژه وب‌سایت سفر - بخش 2 22:17
  • پروژه وب‌سایت سفر - بخش 3 21:04
  • وب‌سایت گالری عکس - بخش 1 24:33
  • وب‌سایت گالری عکس - بخش 2 21:42
  • وب‌سایت گالری عکس - بخش 3 40:42
  • وب‌سایت گالری عکس - بخش 4 15:20
  • وب‌سایت گالری عکس - بخش 5 14:42
  • وب‌سایت گالری عکس - بخش 6 28:29
  • وب‌سایت گالری عکس - بخش 7 11:28
  • وب‌سایت معماری - بخش 1 28:19
  • وب‌سایت معماری - بخش 2 18:32
  • وب‌سایت معماری - بخش 3 27:29
  • وب‌سایت معماری - بخش 4 34:04
  • وب‌سایت معماری - بخش 5 27:42
  • وب‌سایت معماری - بخش 6 12:15
  • وب‌سایت معماری - بخش 7 18:29
  • وب‌سایت معماری - بخش 8 15:16
  • وب‌سایت معماری - بخش 9 28:53
  • وب‌سایت معماری - بخش 10 27:28

6,445,000 1,289,000 تومان

مشخصات آموزش

مسترکلاس HTML و CSS: ساخت وب‌سایت‌های واکنش‌گرا و واقعی

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

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

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