یادگیری HTML و CSS در 7 روز

یادگیری HTML و CSS در 7 روز

06 : 10 : 28
0.0

⚡️ از صفر تا اولین سایت، فقط در ۷ روز — بدون معطلی، مستقیم سر اصل مطلب ? یادگیری با تمرین واقعی — کوییز، چالش و پروژه، نه فقط تماشا کردن ? تسلط بر طراحی ریسپانسیو — با Flexbox و Grid، سایت‌هایی بساز که همه‌جا عالی نمایش داده بشن ? بدون هیچ پیش‌نیازی — حتی اگه تا حالا یه خط کد ننوشته باشی ? پایه‌ی محکم ورود به فرانت‌اند — اولین قدم مسیر شغلی برنامه‌نویسی وب

کد یاد
کدیاد

تریلر دوره

توضیحات کامل دوره

⚡️ از صفر تا اولین سایت، فقط در ۷ روز — بدون معطلی، مستقیم سر اصل مطلب ? یادگیری با تمرین واقعی — کوییز، چالش و پروژه، نه فقط تماشا کردن ? تسلط بر طراحی ریسپانسیو — با Flexbox و Grid، سایت‌هایی بساز ک...

⚡️ از صفر تا اولین سایت، فقط در ۷ روز — بدون معطلی، مستقیم سر اصل مطلب ? یادگیری با تمرین واقعی — کوییز، چالش و پروژه، نه فقط تماشا کردن ? تسلط بر طراحی ریسپانسیو — با Flexbox و Grid، سایت‌هایی بساز که همه‌جا عالی نمایش داده بشن ? بدون هیچ پیش‌نیازی — حتی اگه تا حالا یه خط کد ننوشته باشی ? پایه‌ی محکم ورود به فرانت‌اند — اولین قدم مسیر شغلی برنامه‌نویسی وب

سرفصل‌های دوره

  • خوش آمدید به روز اول، سرفصل دوره
    00:03:28
  • ویژوال استودیو کد را نصب کنید
    00:02:13

  • اولین صفحه وب خود را با HTML بسازید
    00:08:02
  • برچسب‌ها و صفات
    00:04:31
  • چگونه از ویرایشگر کد ویژوال استودیو کد استفاده کنیم
    00:05:13
  • ساختار پایه‌ی HTML
    00:07:54
  • راه‌اندازی Live Server (رفرش خودکار مرورگر)
    00:01:55
  • تصاویر را به وب‌سایت خود اضافه کنید
    00:02:45
  • چطور مسیرهای نسبی را مشخص کنیم
    00:02:58
  • آشنایی با تصاویر HTML (ویژگی‌ها)
    00:05:27
  • درس تکمیلی تگ‌های معنایی HTML
    00:04:11
  • تگ‌های قالب‌بندی متن
    00:01:59
  • به وب‌سایت خود لینک اضافه کنید (تگ anchor)
    00:04:55
  • ایجاد لینک‌های نشانک
    00:01:49
  • توضیحات
    00:02:34
  • پروژه مبتدی HTML
    00:01:08
  • کد حل پروژه مقدماتی HTML
    00:02:57

  • انتظار چه چیزی را داشته باشیم
    00:01:25
  • فرم‌ها
    00:06:06
  • انواع ورودی
    00:06:06
  • ابزارهای توسعه‌دهنده چگونه یک وب‌سایت را در مرورگر بررسی کنیم
    00:03:40
  • چطور جدول بسازیم (تگ table)
    00:02:56
  • یک طرح ساده با یک جدول ایجاد کنید
    00:02:16
  • ویدیوها را به صفحه وب خود اضافه کنید
    00:03:07
  • نمایش ویدیوهای یوتیوب در وب‌سایت
    00:01:15
  • تعریف راهنماهای ابزار
    00:01:23

  • CSS چیست
    00:01:12
  • سینتکس CSS
    00:03:58
  • چطور CSS را در کد HTML خود پیاده‌سازی کنیم
    00:04:45
  • رنگ‌ها
    00:04:41
  • کلاس‌ها و آی‌دی‌ها
    00:04:40

  • به روز دوم خوش آمدید - طرح کلی بخش
    00:01:17
  • ارتفاع و عرض عناصر را کنترل کنید
    00:04:07
  • به عناصر خود حاشیه اضافه کنید
    00:03:20
  • میانبر حاشیه
    00:00:57
  • حاشیه ها
    00:03:32
  • مدل جعبه
    00:04:24
  • باکس‌سایزینگ بوردر باکس
    00:03:06
  • انتخابگر جهانی
    00:01:49
  • عناصر سطح بلاک در مقابل عناصر درون‌خطی
    00:02:10
  • نمایش خصوصیت
    00:05:26
  • گوشه‌های گرد (ویژگی border-radius)
    00:03:07
  • خصوصیات استایل‌دهی متن
    00:06:22
  • تنظیمات فونت
    00:05:30
  • فونت-فمیلی و فونت-ویت
    00:03:47
  • عناصر را در مرکز قرار بده
    00:04:12

  • به روز سوم خوش آمدید - طرح کلی بخش
    00:01:23
  • ویژگی پس‌زمینه (اضافه کردن تصاویر به وب‌سایت شما)
    00:03:38
  • رنگ‌های شفاف، مقادیر آلفا و کدری
    00:02:03
  • گرادیان خطی و گرادیان شعاعی
    00:07:35
  • سایه‌ها
    00:02:52
  • کامباینیتورها
    00:04:49
  • انتخابگر ویژگی
    00:03:00
  • کلاس‌های مجازی
    00:06:42
  • گذارها
    00:03:21
  • موقعیت‌ها
    00:04:33
  • موقعیت‌ها مینی پروژه ساخت یک پاپ‌آپ
    00:05:42
  • عناصر شبه
    00:05:00
  • متغیرهای CSS خصوصیات سفارشی (مفهوم مدرن CSS)
    00:02:06

  • به روز چهارم خوش آمدید - طرح کلی بخش
    00:01:09
  • نوار ناوبری
    00:06:04
  • صفحه اصلی
    00:05:27
  • درباره ما
    00:03:54
  • حداقل عرض و حداکثر عرض
    00:03:17
  • صفحه محصولات
    00:03:28
  • صفحه ورود
    00:03:00

  • انیمیشن‌ها
    00:06:35
  • پروژه کوچک ساخت انیمیشن صفحه بارگذاری
    00:01:17

  • خوش آمدید به روز پنجم - طرح کلی بخش
    00:01:13
  • تراز افقی و عمودی
    00:02:44
  • flex-direction و gap
    00:02:29
  • space-between، space-around، space-evenly
    00:01:31
  • flex-wrap، align-content در مقابل align-items
    00:02:19
  • چیدمان‌های تودرتوی فلکس‌باکس و column-gap در مقابل row-gap
    00:01:48
  • flex-grow در مقابل flex-shrink
    00:04:12
  • فلکس‌باکس را با min-width و max-width ترکیب کنید
    00:01:30
  • پرس‌وجوهای رسانه‌ای
    00:03:38
  • نکات اضافی و خلاصه
    00:02:11
  • پروژه ساخت یک طرح‌بندی انعطاف‌پذیر واکنش‌گرا
    00:00:44

  • به روز ششم خوش آمدید، طرح کلی بخش
    00:00:46
  • ستون‌ها و ردیف‌ها
    00:01:24
  • هم‌ترازی درون یک سلول گرید
    00:01:41
  • ستون‌ها و ردیف‌های خودکار برای گرید‌های بی‌نهایت
    00:01:24
  • grid-auto-flow
    00:01:08
  • عنصر را در چندین سلول گسترش دهید
    00:02:59
  • ایجاد یک بنتو گرید پیچیده با grid-template-areas
    00:02:55
  • ایجاد طرح‌بندی‌های CSS Grid واکنش‌گرا با GRID WRAPPING
    00:05:48

  • ساخت یک نوار ناوبری واکنش‌گرا با انیمیشن سایدبار
    00:14:19
  • کلاس‌های شبه not() و has()
    00:05:47
  • انیمیشن‌های حاشیه با استفاده از conic-gradients و custom-properties ایجاد کنید
    00:05:56

  • به روز هفتم خوش آمدید طرح کلی بخش
    00:02:15
  • آماده‌سازی‌ها
    00:01:31
  • بخش سربرگ
    00:04:58
  • بخش مهارت‌های من
    00:03:46
  • بخش پروژه
    00:03:42
  • فوتر و طراحی وب واکنش‌گرا
    00:06:14
  • وب‌سایت را مستقر کنید (اختیاری)
    00:03:34

  • آخرین افکار
    00:02:34

  • معرفی پروژه
    00:00:46
  • بخش هدر HTML
    00:03:19
  • بیایید هدر را استایل دهیم
    00:06:50
  • درباره ما
    00:01:37
  • گرید تصویر
    00:03:29
  • بخش سوالات متداول
    00:01:49
  • بیا وب‌سایت رو واکنش‌گرا کنیم
    00:04:08

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

399,000 تومان
179,550 تومان
55% تخفیف
ثبت‌نام در دوره
این دوره شامل:
14 فصل آموزشی
06 : 10 : 28 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/08/01
آخرین به‌روزرسانی: 2026-10-23 19:06:52
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: