دوره آموزش مقدماتی تا پیشرفته CSS
صادق جعفری
صادق جعفری

از کودکی به کامپیوتر و دنیای دیجیتال علاقه داشتم، به همین دلیل ترک تحصیل کردم و تمام تلاش خودم را صرفا برای یادگیری کامپیوتر، طراحی، برنامه نویسی و ... به کار گرفتم. در کنار مشاغل مختلفی که مجبور به انجامشان بودم برنامه نویسی را یاد گرفتم و از سال 1390 وارد بازار کار شدم و همیشه در تلاش هستم تا چالش های روبرو را با موفقیت پشت سر بگذارم.

شبکه های اجتماعی من

سلام به همه دوستان خوبم!

امیدوارم حالتون خوب باشه و هر کجا و در هر حال که هستید قدم به سمت موفقیت بردارید.

دوره رایگانی رو براتون آماده کردم که از پایه CSS رو شروع کنیم و تا سطح پیشرفته ادامه بدیم.

توی این دوره تمام مباحث مقدمه ای و پایه ای و عناصر و استایل دهی و مفاهیم کاربردی و حتی غیرکاربردی Css رو در کنار هم مرور می کنیم تا بتونیم وارد دنیای طراحی وب بشیم.

البته اگر نمیدونید که اصلا Css چی هست و چه زمانی باید یاد بگیرید و بعدش اصلا باید چیکار کنید و هر سوالی در این باره دارید توصیه میکنم اول مقاله نقشه راه رو مطالعه کنید و بعد شروع به یادگیری و آموزش کنید.


پیش نیاز های دوره

  1. کامپیوتر یا لپ تاپ : با هر سیستم عاملی مثل ویندوز، مک یا لینوکس باشه اوکیه!
  2. اتصال به اینترنت : برای دسترسی به منابع آموزشی و یکسری از تمرینات بهتره که دسترسی به اینترنت روی کامپیوتر یا لپ تاپ براتون فراهم باشه.
  3. ویرایشگر متن : با هر ویرایشگر متنی حتی notepad هم میتونید این دوره رو شروع کنید اما ما طی این دوره از ویرایشگر Visual Studio Code یا همون VSCode استفاده می کنیم که هم کم حجمه و هم بسیار قدرتمنده.
  4. مروگر وب : هر مرورگری روی سیستمتون نصب باشه اوکیه مثل گوگل کروم یا فایرفاکس برای تست کردن کد های HTML.
  5. HTML : آشنایی کامل با زبان HTML از پیش نیاز های این دوره هست که اگر تسلط به HTML ندارید دوره آموزشی متنی و یا دوره آموزشی ویدئویی بصورت کاملا رایگان در سایت موجود است.

سخن پایانی

این دوره به شکلی طراحی شده که هم افراد مبتدی و هم کسانی که آشنایی مقدماتی با Css دارن، بتونن ازش بهره‌مند بشن پس اصلا نگران این موضوع نباشید.

تو هر مرحله از آموزش، با مثال‌های عملی و پروژه‌های کوچک، مطالب رو یاد می‌گیریم و تمرین می‌کنیم. 

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

امیدوارم که از این دوره لذت ببرید و به هدفتون که یادگیری Css و طراحی وب هست، برسید.

ارادتمند شما، صادق جعفری

جلسات دوره

جهت فعال شدن جلسات غیر رایگان حتما باید در دوره ثبت نام کنید.

1
مقدمه‌ای بر CSS

تعریف CSS و تاریخچه آن
کاربردهای CSS در طراحی وب
انواع فایل‌های CSS (اینلاین، داخلی و خارجی)

00:00:00
رایگان
2
نحوه و ساختار CSS

قواعد و قوانین CSS
انتخابگرها (Selectors)
نحوه استفاده از کلاس‌ها و شناسه‌ها (Classes and IDs)
کامنت‌گذاری در CSS

00:00:00
رایگان
3
رنگ‌ها و پس‌زمینه‌ها

رنگ‌ها در CSS (نام‌های رنگی، کدهای HEX، RGB، RGBA، HSL)
ویژگی‌های پس‌زمینه (background-color, background-image, background-repeat, background-position)

00:00:00
رایگان
4
متن و فونت‌ها

ویژگی‌های متن (color, text-align, text-decoration, text-transform)
ویژگی‌های فونت (font-family, font-size, font-weight, font-style)

00:00:00
غیر رایگان
5
باکس مدل (Box Model)

مفهوم باکس مدل
ویژگی‌های margin, border, padding, و content
اندازه‌گیری واحدها (px, em, rem, %)

00:00:00
غیر رایگان
6
نمایش و پوزیشن

ویژگی‌های display (block, inline, inline-block, none)
ویژگی‌های پوزیشن (static, relative, absolute, fixed, sticky)
شناور کردن (float) و پاکسازی (clear)

00:00:00
غیر رایگان
7
Flexbox

مقدمه‌ای بر Flexbox
محورهای اصلی و فرعی (main axis, cross axis)
خاصیت‌های اصلی Flexbox (flex-direction, flex-wrap, justify-content, align-items, align-content)
مثال‌های عملی

00:00:00
غیر رایگان
8
Grid Layout

مقدمه‌ای بر CSS Grid
تعریف و استفاده از گرید کانتینر (grid container)
خاصیت‌های اصلی گرید (grid-template-columns, grid-template-rows, grid-gap)
گرید آیتم‌ها (grid items) و نحوه تنظیم موقعیت آن‌ها

00:00:00
غیر رایگان
9
واحدهای اندازه‌گیری پیشرفته

واحدهای نسبی و مطلق (em, rem, vw, vh, %)
کار با واحدهای ترکیبی (calc(), min(), max(), clamp())

00:00:00
غیر رایگان
10
انیمیشن‌ها و ترنزیشن‌ها

مقدمه‌ای بر ترنزیشن‌ها
خاصیت‌های ترنزیشن (transition-property, transition-duration, transition-timing-function, transition-delay)
انیمیشن‌های CSS (keyframes, animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction)

00:00:00
غیر رایگان
11
واسط کاربری پویا با CSS

Media Queries و طراحی واکنش‌گرا
ویژگی‌های پیشرفته (CSS Variables, Custom Properties)
Pseudo-classes و Pseudo-elements

00:00:00
غیر رایگان
12
پروژه عملی قالب سایت فروشگاهی

قسمت اول

00:00:00
غیر رایگان
13
پروژه عملی قالب سایت فروشگاهی

قسمت دوم

00:00:00
غیر رایگان
14
پروژه عملی قالب سایت فروشگاهی

قسمت سوم

00:00:00
غیر رایگان
15
پروژه عملی قالب سایت فروشگاهی

قسمت چهارم

00:00:00
غیر رایگان
16
پروژه عملی قالب سایت فروشگاهی

قسمت پنجم

00:00:00
غیر رایگان
17
پروژه عملی قالب سایت فروشگاهی

قسمت آخر

00:00:00
غیر رایگان