آکادمی برنامه‌نویسی امیرحسین نائی

از یادگیری تا کسب درآمد همراهت هستیم

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

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

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

کنیم :)

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

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


پیشنیاز

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


مرحله بعد؟

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

ویدیوها

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

ثبت نام غیرفعال است
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-classes
10:37
31#: pseudo-elements
12:40
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#: پروژه: طراحی صفحه اول سایت اسنپ - 1
32:23
63#: پروژه: طراحی صفحه اول سایت اسنپ - 2
50:55
64#: پروژه: طراحی صفحه اول سایت اسنپ - 3
36:31
65#: پروژه: طراحی صفحه اول سایت اسنپ - 4
27:17
66#: پروژه: طراحی صفحه اول سایت اسنپ - 5
53:27
67#: پروژه: طراحی صفحه اول سایت اسنپ - 6
43:21
فایل‌ها

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

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

عالی مرسی

ارسال پاسخ
hirad:

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

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

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

ارسال پاسخ
farzad:

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

ارسال پاسخ

ارسال نظر

قیمت نامشخص
ثبت نام غیرفعال است
زمان کل دوره : 11:50:53
تعداد ویدیوها : 67
تعداد فایل‌ها : 1
دانلود به محض ثبت نام

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

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

کد: 

        
    
مشاوره رایگان