صفحه اصلی

ورود/ثبت نام

بلاگ

کدبزن!

تماس با ما
آموزش CSS3 + پروژه
پشتیبانی محتوا نظرات مشاوره رایگان صورتحساب

آموزش CSS3 + پروژه

🔥 آموزش کاربردی
🔥 به همراه پروژه کاربردی
🔥 ۳۰ روز پشتیبانی اختصاصی

با CSS میتونیم جزئیات بصری بیشتری به صفحه وبمون اضافه کنیم و تمام چیزایی که با HTML ایجاد کردیم رو خوشگل

کنیم :)

تو این دوره یاد میگیریم چطوری با css صفحه وب رو زیبا تر کنیم و همچنین یاد میگیریم چطوری یه صفحه وب بسازیم که توی همه دستگاه ها مثل موبایل و تبلت و تلویزیون و... به درستی و زیبایی نمایش داده بشه

و در انتها با چیزایی که یاد گرفتیم، صفحه اصلی سایت تاکسی اینترنتی اسنپ رو میسازیم.


پیشنیاز

پیشنیاز این دوره، HTML هست که میتونید از این لینک یاد بگیرید.


مرحله بعد؟

بعد از این دوره وقتشه برید سراغ دوره جاوااسکریپت، با جاوا اسکریپت میتونید برای صفحه تون به معنای واقعی برنامه نویسی کنید و یسری کارایی که با css ممکن نیست با javascript عین آب خوردنه :)

پشتیبانی اختصاصی!

با ثبت نام در این دوره، تا 1 ماه از پشتیبانی اختصاصی در تلگرام و ایتا برخوردار خواهید شد. بدین ترتیب هرگونه سوالی که داشته باشید میتوانید از پشتیبان متخصص بپرسید.

0%
محتوای دوره

برای مشاهده ویدیوهای دوره، لطفا در این دوره ثبت نام کنید.

ثبت نام در دوره
1#: نکات عمومی
12:28
2#: کاربرد css وآشنایی با vscode
05:48
3#: syntax
06:29
4#: انواع سلکتور
07:47
5#: انواع روش های اضافه کردن استایل به صفحه
06:05
6#: کامنت
01:42
7#: رنگ ها
08:29
8#: پس زمینه
11:25
9#: border
07:30
10#: margin و padding
05:16
11#: ادامه margin و padding
05:16
12#: تنظیم طول و عرض
06:11
13#: Box Sizing 1
04:08
14#: outline
04:37
15#: کار با متن ها
15:35
16#: کار با فونت
16:19
17#: ادامه کار با فونت
09:40
18#: لینک ها
07:02
19#: لیست ها
10:28
20#: جدول ها
16:49
21#: inline و block
08:13
22#: نکته
04:11
23#: position
15:20
24#: z-index
05:09
25#: overflow
03:10
26#: float
07:58
27#: inline-block
06:10
28#: align
10:11
29#: معرفی چند selector جدید
06:48
30#: کار با Pseudo-elements و Pseudo-classes
12:56
31#: کار با before و after
16:06
32#: Attribute Selectors
08:15
33#: Opacity
03:05
34#: اولویت استایل ها
08:24
35#: !important
02:43
36#: ریاضی در css
04:03
37#: border image
05:27
38#: کلمات کلیدی رنگ ها
05:08
39#: gradient
09:35
40#: ایجاد سایه برای باکس ها
03:55
41#: transform
06:57
42#: transition
07:39
43#: ایجاد انیمیشن
12:41
44#: ایجاد فیلتر روی عکس ها
05:54
45#: object-fit
04:30
46#: تغییر اندازه باکس ها توسط کاربر
02:12
47#: متغییرها
05:52
48#: Box Sizing 2
08:11
49#: @media
08:55
50#: flex
14:18
51#: grid
06:31
52#: ریسپانسیو- مقدمه
03:50
53#: ریسپانسیو - viewport
02:04
54#: ریسپانسیو - تقسیم عرض برحسب درصد
05:18
55#: ریسپانسیو - @media
10:25
56#: ریسپانسیو - تنظیم عرض عکس و ویدیو و...
05:33
57#: ریسپانسیو - نکته
01:44
58#: تمرین: ساخت منو
13:33
59#: تمرین: ساخت دکمه نئونی
06:39
60#: تمرین: ساخت نویگیشن بار
13:16
61#: نکته مهم
10:51
62#: پیدا کردن فایل های گرافیکی برای سایت
20:26
63#: پروژه: طراحی صفحه اول سایت اسنپ - 1
32:23
64#: پروژه: طراحی صفحه اول سایت اسنپ - 2
50:55
65#: پروژه: طراحی صفحه اول سایت اسنپ - 3
36:31
66#: پروژه: طراحی صفحه اول سایت اسنپ - 4
27:17
67#: پروژه: طراحی صفحه اول سایت اسنپ - 5
53:27
68#: پروژه: طراحی صفحه اول سایت اسنپ - 6
43:21
69#: پروژه صفحه اصلی اسنپ
zip
امیرحسین نائی
برنامه نویس و مدرس
  • موسس آکادمی برنامه نویسی امیرحسین نائی
  • موسس وبسایت «کدبزن»
  • نویسنده کتاب «برنامه نویسی رو از اینجا شروع کن!»
  • 9 سال سابقه برنامه نویسی و راه اندازی کسب و کار با برنامه نویسی
  • تولید بیش از 100 ساعت دوره آموزشی رایگان
نظرات دانشجویان
مهشاد موسوی

عالی مرسی

پاسخ
hirad

محتوا معرکه بود مخصوصا اخرش که پروژه اسنپ رو پیاده سازی کردید فوق العاده بود. ممنون استاد

پاسخ
هومن رضایی

دوره عالی بود فقط حواستون باشه حتما قبل از دیدن این دوره باید html بلد باشید

پاسخ
farzad

خدا خیرت بده داداش . حلالت باشه لذت بردم واقعا

پاسخ

ارسال نظر

+
2400000
ثبت نام
کل ویدیوها: 12:17:04
تعداد ویدیوها : 68
تعداد فایل‌ها : 1
دسترسی به محض ثبت نام
پشتیبانی اختصاصی
آپدیت مادام العمر
مشاوره رایگان

اگه برای تهیه این محصول نیاز به مشاوره داری، ما درخدمتت هستیم 😍

ثبت نام 2400000

تخفیف فقط برای شما

قابل استفاده روی تمام محصولات آموزشی

کد: