صفحه اصلی

ورود/ثبت نام

بلاگ

کدبزن!

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

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

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

کنیم :)

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

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


پیشنیاز

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


مرحله بعد؟

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

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
فایل‌ها

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

ثبت نام غیرفعال است
1#: پروژه صفحه اصلی اسنپ
zip
امیرحسین نائی
برنامه نویس و مدرس
  • موسس آکادمی برنامه نویسی امیرحسین نائی
  • موسس وبسایت «کدبزن»
  • نویسنده کتاب «برنامه نویسی رو از اینجا شروع کن!»
  • 9 سال سابقه برنامه نویسی و راه اندازی کسب و کار با برنامه نویسی
  • تولید بیش از 100 ساعت دوره آموزشی رایگان
نظرات دانشجویان
مهشاد موسوی

عالی مرسی

پاسخ
hirad

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

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

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

پاسخ
farzad

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

پاسخ

ارسال نظر

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

این محصول در حال حاضر ناموجود/غیرفعال است. اما میتونی شماره موبایلت رو وارد کنی تا بلافاصله بعد از موجود شدن بهت اطلاع بدیم 😍

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

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

کد: