×
ribbon

آموزش تخصصی و پروژه محور CSS3 (2 پروژه)

مدرس:

محمدمهدی دالوندی

این دوره یک آموزش جامع و پروژه محور برای یادگیری کامل CSS از سطح پایه تا پیشرفته است.... بیشتر
بدون امتیاز
5دانشجو
22ساعت
سرفصل‌ها
پیشرفته سطح دوره
بروزرسانیتیر ۱۴۰۵

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

تسلط کامل بر سینتکس CSS و کار با انواع Selectorها برای هدف‌گیری دقیق المان‌ها

درک عمیق Box Model و مدیریت صحیح Margin، Padding، Border و اندازه‌ها

استایل‌دهی حرفه‌ای متن‌ها، فونت‌ها و رنگ‌ها برای طراحی رابط کاربری جذاب

پیاده‌سازی چیدمان‌های مدرن با استفاده از Flexbox

این دوره شامل:

21 ساعت ویدئو

32 سؤال سنجش و یادگیری

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

سرفصل‌های دوره

10 فصل101 جلسه21 ساعت ویدیو
معرفی و مبانی CSS
  معرفی دوره CSS3
04:46
  بررسی Syntax در CSS
04:16
  اضافه کردن فایل CSS به پروژه
06:29
  Selectors – جلسه اول
07:46
  Selectors – جلسه دوم (پیشرفته‌تر)
12:05
استایل‌دهی پایه
  رنگ‌ها در CSS
13:19
  Background در CSS
15:35
  Units در CSS
13:02
  Border در CSS
11:15
  Margin در CSS
10:34
  Padding در CSS
08:00
  Width, Heightدر CSS
10:17
  Max-Width و Min-Width / Max-Height و Min-Height
12:11
  Box Model در CSS
09:58
  Outline در CSS
07:57
  کوئیز فصل دوم
04:00
متن و فونت‌ها
  Text Alignment در CSS
10:17
  Text Decoration و Text Transformation در CSS
10:51
  Text Spacing در CSS
10:33
  Text Shadow در CSS
12:23
  Font Family در CSS
08:09
  Font Size و Font Weight در CSS
10:45
  اضافه کردن فونت سفارشی و @font-face در CSS
11:51
  کوئیز فصل سوم
04:00
Pseudo و لیست
  Pseudo Classes – جلسه اول
16:04
  List Style در CSS
11:13
  Display در CSS – جلسه اول
12:52
  Display در CSS – جلسه دوم (کاربرد در چیدمان)
08:24
  Flow در CSS (جریان طبیعی صفحه)
09:22
  کوئیز فصل چهارم
04:00
Position و Flexbox مقدماتی
  Position در CSS – جلسه اول
12:11
  Position در CSS – جلسه دوم (Absolute و Sticky)
14:05
  Z-Index در CSS
09:20
  Overflow در CSS
08:09
  آشنایی با Flexbox در CSS
14:30
  کوئیز فصل پنجم
04:00
Flexbox پیشرفته و پروژه اول
  flex-direction ، flex-wrap و flex-flow در Flexbox
12:20
  justify-content در Flexbox
07:39
  align-items در Flexbox
11:46
  align-content در Flexbox
08:58
  order در Flexbox
09:51
  flex-grow و flex-shrink در Flexbox
11:21
  flex-basis در Flexbox
10:34
  flex و align-self در Flexbox
09:21
  کوئیز فصل شیشم
04:00
  پروژه اول - توضیحات لازم ونصب
04:00
  پروژه - استایل دهی اولیه
20:00
  پروژه - توسعه بخش navbar
20:18
  پروژه - توسعه بخش Intro
17:14
  پروژه - توسعه بخش Trust
09:56
  پروژه - توسعه بخش product
19:44
  پروژه - توسعه بخش features
19:58
  پروژه - توسعه بخش pricing
16:21
  پروژه - توسعه بخش question
10:57
  پروژه - توسعه بخش reward
06:44
  پروژه - توسعه بخش comments
11:03
  پروژه - توسعه بخش about
06:55
  پروژه - توسعه بخش sample-work
07:23
  پروژه - توسعه بخش contact
26:38
  پروژه - توسعه بخش footer - پایان پروژه
21:37
Pseudo پیشرفته و افکت‌ها
  PseudoClasses – جلسه دوم
14:58
  PseudoElements – جلسه اول
15:21
  PseudoElements – جلسه دوم
15:15
  Opacity در CSS
04:46
  Attribute Selectors در CSS
15:18
  Specificity و Priority در CSS
15:31
  توابع ریاضی در CSS
16:10
  Gradients در CSS
14:03
  Box Shadow در CSS
12:44
  Text Effects در CSS
07:33
  Transition در CSS
13:09
  Transform در CSS
10:25
  کوئیز فصل هفتم
04:00
Object-fit, متغیرها, Media Query و Animations
  Object-fit در CSS
10:01
  متغیرها در CSS (CSS Variables)
12:55
  Media Query در CSS (طراحی Responsive)
16:20
  رسپانسیو سازی پروژه اول
28:19
  Animations در CSS
13:35
  معرفی ابزار و توضیح تمرین
09:35
  کوئیز فصل هشتم
04:00
CSS Grid
  Grid Container and Grid Item
11:19
  display: grid
04:20
  grid-template-columns
11:02
  grid-template-rows
07:49
  grid-gap ، row-gap و column-gap
06:56
  justify-content در CSS Grid
05:20
  align-content در CSS Grid
06:21
  Fraction Unit (fr)
07:38
  min-content و max-content
08:13
  تابع minmax()
09:34
  span و grid-column / grid-row Start - End
14:54
  grid-template-areas و grid-area
09:34
  auto-fill و auto-fit
07:01
  grid-template
03:32
  کوئیز فصل نهم
04:00
پروژه نهایی
  معرفی پروژه و ایجاد ساختار اولیه
06:00
  پروژه - استایل های اولیه
27:17
  پروژه - توسعه navbar قسمت اول
29:02
  پروژه - توسعه navbar قسمت دوم
15:11
  پروژه - توسعه hero و menubar
22:40
  پروژه - توسعه بخش category
20:19
  پروژه - توسعه بخش offer
21:46
  پروژه - توسعه بخش های Advertisement و Subscription
26:11
  پروژه - توسعه بخش های Group Advertisement وGitf Cart
11:41
  پروژه - توسعه پخش های Advertisements و Coin و NewProduct
11:00
  پروژه - توسعه بخش های Atricles , trust
24:19
  پروژه - توسعه بخش footer قسمت اول
29:18
  پروژه - توسعه بخش footer قسمت دوم
27:00
  جزئیات پروژه و جمع بندی نهایی
10:32

پیش‌نیاز‌ها

توضیحات دوره

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

در ابتدای مسیر، مفاهیم اصلی مانند سینتکس، سلکتورها و مدل جعبه‌ای (Box Model) به‌صورت کاملاً کاربردی آموزش داده می‌شوند تا پایه‌ای محکم شکل بگیرد. در ادامه، وارد دنیای استایل‌دهی حرفه‌ای شامل متن‌ها، فونت‌ها، رنگ‌ها، پس‌زمینه‌ها و مدیریت فاصله‌ها می‌شویم. سپس مفاهیم مهمی مانند Position، Flexbox و نحوه چینش اصولی المان‌ها را به‌صورت عملی و پروژه‌محور یاد می‌گیرید.

بخش پیشرفته دوره شامل Pseudoها، افکت‌ها، Transition، Transform و Animation است که به شما کمک می‌کند رابط‌های کاربری جذاب‌تری طراحی کنید. در ادامه، ریسپانسیو سازی با Media Query و استفاده از متغیرهای CSS آموزش داده می‌شود تا بتوانید طراحی‌های منعطف ایجاد کنید.

بخش کامل و تخصصی CSS Grid نیز به‌صورت عمیق تدریس شده و همراه با پروژه‌های تمرینی، درک کاملی از سیستم گرید به دست خواهید آورد. در پایان، با اجرای یک پروژه نهایی جامع، تمام مفاهیم دوره را ترکیب می‌کنید و آماده ورود به بازار کار طراحی فرانت‌اند خواهید شد.

دیدگاه کاربران

هنوز امتیاز و دیدگاهی برای این دوره ثبت نشده است

گواهینامه اختصاصی دو زبانه

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

امکان اشتراک گذاری در لینکدین
دو زبانه
محمدمهدی دالوندیبرنامه نویس ,شبکه ,عاشق کتاب
5دوره
785دانشجو
22نظر و امتیاز

من محمدمهدی دالوندی هستم و از سال ۱۴۰۰ فعالیت خودم رو در حوزه برنامه‌نویسی فرانت‌اند شروع کردم.
در ادامه، به‌صورت تدریجی به سمت بک‌اند گرایش پیدا کردم و در حال حاضر علاقه و تمرکز ویژه‌ای روی امنیت و هک دارم.

بیشتر فعالیت‌های من به‌صورت فریلنسری بوده و در حال حاضر با تیم E-codeTeam روی پروژه‌های بین‌المللی همکاری می‌کنم.

هدف من تولید دوره‌های آموزشی کامل، کاربردی و منطبق با نیاز بازار کار هست؛ دوره‌هایی که هنرجو بعد از دیدن آن‌ها بتواند وارد فضای واقعی پروژه و کار حرفه‌ای شود.
قصد دارم این دوره‌ها را به‌صورت حرفه‌ای برای انتشار در پلتفرم مکتب‌خونه ضبط و ارائه کنم.

مهارت‌هایی که می‌آموزید