از صفر تا وب‌ساز حرفه‌ای

یادگیری گام‌به‌گام

۲۴ درس و ۳ مقاله از مقدماتی تا پیشرفته — HTML و CSS را با تمرین واقعی یاد بگیرید.

تمرینگاه کد و پروژه

بعد از هر درس، در تمرینگاه کد بزنید و نتیجه را زنده ببینید.

دستیار کدآموز

خطاها را تحلیل می‌کند، کد را بهتر می‌کند، و همیشه کنار شماست.

ک
کدآموز
0XP
مسیر یادگیری

از صفر تا وب‌ساز حرفه‌ای

۲۴ درس ساختاریافته‌ی HTML و CSS به همراه محیط کدنویسی درون‌برنامه‌ای، پروژه‌ی عملی در هر درس، و دستیار هوشمند.

0/24
درس تکمیل‌شده
0%
پیشرفت کل
1 روز
پیوستگی
شروع از ابتدا
مبانی وب و ساختار سند
7 دقیقه
⌘
تمرینگاه کد
HTML و CSS را بنویسید و نتیجه را زنده ببینید.

مقالات

3
HTML و CSS چیست؟
مقدمه۶ دقیقه
مقاله
چه چیزهایی برای برنامه‌نویسی لازم است؟
مقدمه۵ دقیقه
مقاله
نصب VS Code و افزونه‌های ضروری
ابزار۸ دقیقه
مقاله

سطح مقدماتی — رایگان

0 / 3
01
مبانی وب و ساختار سند
7 دقیقهمقدماتی
آزاد
02
تگ‌های پایه‌ای HTML
15 دقیقهمقدماتی
آزاد
03
ورود به دنیای CSS
12 دقیقهمقدماتی
آزاد

سطح متوسط

0 / 10
04
اتصال CSS به HTML
14 دقیقهمتوسط
جدید
05
مدل جعبه‌ای در CSS
18 دقیقهمتوسط
قفل
06
چیدمان با Flexbox
20 دقیقهمتوسط
قفل
07
طراحی واکنش‌گرا
16 دقیقهمتوسط
قفل
08
چیدمان با Grid
18 دقیقهمتوسط
قفل
09
متغیرهای CSS و تم‌ها
14 دقیقهمتوسط
قفل
10
ترنزیشن و انیمیشن
16 دقیقهمتوسط
قفل
11
رنگ‌ها در CSS
17 دقیقهمتوسط
قفل
12
واحدهای اندازه در CSS
15 دقیقهمتوسط
قفل
13
Position و Z-index
18 دقیقهمتوسط
قفل

سطح پیشرفته

0 / 11
14
انتخابگرهای پیشرفته CSS
16 دقیقهپیشرفته
قفل
15
HTML پیشرفته — رسانه و فرم
17 دقیقهپیشرفته
قفل
16
Flexbox پیشرفته
16 دقیقهپیشرفته
قفل
17
Grid پیشرفته
18 دقیقهپیشرفته
قفل
18
توابع محاسباتی CSS
14 دقیقهپیشرفته
قفل
19
RTL و Logical Properties
15 دقیقهپیشرفته
قفل
20
فونت سفارشی و @font-face
13 دقیقهپیشرفته
قفل
21
دسترسی‌پذیری و اصول سئو
18 دقیقهپیشرفته
قفل
22
معماری CSS با متد BEM
16 دقیقهپیشرفته
قفل
23
پروژه نهایی — صفحه فرود کامل
25 دقیقهپیشرفته
قفل
24
بعد از HTML و CSS — مسیر ادامه
15 دقیقهپیشرفته
جدید
دسترسی کامل به ۲۱ درس پولی
با خرید بسته، تمام سطوح را باز کنید.
اندازه فونت
1.00
بسته‌های آموزشی
ارتقای مسیر

سرمایه‌گذاری روی خودتان

با خرید بسته، به ۲۱ درس پولی دسترسی پیدا کنید و مسیر یادگیری خود را کامل کنید.

🔒
پرداخت امن از طریق مایکت — این یک نسخه‌ی نمایشی است
بدون عنوان
HTML + CSS
پیش‌نمایشآماده
دستیار کدآموز
همیشه در دسترس
نام پروژه
پروژه‌های ذخیره‌شده
تأیید خرید

✦
+50
امتیاز تجربه
فعال‌سازی بسته