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

توانایی نوشتن کدهای HTML و استفاده از مفاهیم پایه‌ای CSS

آشنایی با HTML و CSS

تمایل به یادگیری و توسعه مهارت‌های طراحی وب و پیاده‌سازی پروژه‌های واقعی

علاقه به طراحی وب

توانایی استفاده از یک ویرایشگر متن برای نوشتن و ویرایش کدهای CSS

تجربه کار با یک ویرایشگر متن

تمایل به یادگیری از طریق انجام پروژه‌ها و حل مسائل واقعی

علاقه به کار با پروژه‌های واقعی

توانایی درک و پیاده‌سازی اصول طراحی رابط کاربری با CSS

درک پایه‌ای از طراحی رابط کاربری

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

یادگیری CSS با انجام پروژه‌های کاربردی

در این قسمت مفهوم css رو بررسی میکنیم و کارایی هاشو بررسی میکنیم و با همدیگه یه نمونه خیلی خوب از کار يردن با css رو بررسی میکنیم .

معرفی دوره و آشنایی با css

توی این جلسه سینتکس css رو بررسی میکنیم و میفهمیم که css چه قوانینی در نوشتار داره و به چه چیز هایی باید توجه کنیم.

سینتکس css

توی این بخش با مفهوم پایه ای سلکتور آشنا میشیم و کارایی اون ها رو بررسی میکنیم.

کار با بخش سلکتور ها

توی این جلسه با مفهوم و انواع لینک اشنا میشیم و کاربرد همه رو بررسی میکنیم و همینطور موارد استفاده اونها رو بررسی میکنیم .

لینک کردن css به صفحه

توی این بخش با انواع و نحوه کامنت گذاری اشنا میشیم و موارد استفاده اونها رو بررسی میکنیم.

کامنت گذاری

توی این بخش با دستورات مربوط به رنگ اشنا میشیم و البته نکته های استفاده از اونها رو بررسی میکنیم.

دستور color و background

توی این بخش با دستورات مربوط به حاشیه ها اشنا میشیم و همینطور موارد استفاده از border radius رو بررسی می کنیم .

دستور border و border-radius

توی این بخش با نحوه ايجاد فضای خالی و فاصله بین المنت ها اشنا میشیم و با همدیگه خیلی عملی نحوه کار رو بررسی میکنیم .

آشنایی با margin و padding

توی این بخش با طول و عرض دادن به المنت ها در css اشنا میشیم و با همدیگه عملی اونها رو بررسی میکنیم .

with & height

توی این ویدئو اولین مینی پروژه دوره رو با دستوراتی که یاد گرفتیم پیاده سازی میکنیم و با همدیگه توی محیط واقعی کد هایی که یاد گرفتیم رو بررسی میکنیم .

mini project

تویcss یه بخشی داریم که بهش میگن باکس مودل که تقریبا مثل کاغد کادو میمونه و توی این ویدئو با همدیگه اون رو بررسی میکنیم .

آشنایی با box model

توی این ویدئو با همدیگه کار کردن با تکست ها رو بررسی میکنیم و موارد کار رو توی محیط واقعی بررسی میکنیم .

کار کردن با text

توی این ویدئو کار کردن با فونت ها رو به صورت عملی یاد میگیریم و یاد میگیریم چطور با can ها کار کنیم و چطور به فونت ها استایل بدیم .

کار کردن با font

توی این ویدئو منبع های استفاده از آیکون ها رو بررسی میکنیم و خیلی عملی کار کردن و استایل دادن به اون ها رو یاد میگیریم.

کارکردن با آیکون ها

لینک ها تگ های مهمی در html هستن و نواز به استایل های خاصی دارن. توی این ویدئو خیلی عملی به اون ها استایل میدیم.

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

توی این ویدئو یادمیگیریم که چطور رویداد هایی مثل کلیک رو در سی اس اس کنترل کنیم و به اون ها استایل بدیم .

رویداد های css

⁨لیست ها موارد استفاده زیادی دارن و مثلا با اون ها ما می تونیم منو بسازیم و توی این ویدئو یاد میگیریم که چطور به اون ها استایل بدیم و اون ها رو کنترل کنیم.

کارکردن با list⁩

توی این ویدئو یاد میگیریم که چطور نحوه نمایش المنت ها رو تغییر بدیم و موارد استفاده اون ها رو یاد میگیریم .

آشنایی با بخش display⁩

توی این ویدئو با همدیگه یاد میگیریم که چطور میشه پوزیشن یا نحوه قرار گیری المنت ها رو در سی اس اس کنترل کنیم .

آشنایی با بخش position⁩

توی این ویدئو دومین مینی پروژه دوره رو پیاده سازی میکنیم و سعی میکنیم تمام کد هایی رو که یاد گرفتیم استفاده کنیم .

پیاده سازی مینی پروژه کارد⁩

توی این ویدئو یاد میگیریم که چطور المنت هامون رو لایه بندی کنیم و اون ها رو روی هم بچینیم.

آشنایی با z-index ⁩

توی این ویدئو یاد میگیریم که چطور محیط خارج المنت رو کنترل کنیم و با حالت های مختلف اون آشنا میشیم .

آشنایی با overflow

توی این ویدئو ترکیبی با همدیگه راست چین یا چپ چین یا وسط چین کردن المنت ها رو یاد میگیریم و همینطور با همدیگه با سودو کلاس های آشنا میشیم .

آشنایی با Align و pseudo classes⁩

توی این ویدئو با همدیگه با سودو المنت ها رو یاد میگیریم و همینطور توی یه پروژه عملی کار با اون ها رو یاد میگیریم .

آشنایی با Pseudo - Element⁩

توی این ویدئو یاد میگیریم که چطور حرفه ای تر با سلکتور ها کار کنیم و چطور اون ها رو توی پروژه هامون استفاده کنیم .

آشنایی و کار با سلکتور های ترکیبی⁩

توی این ویدئو با دستور opacity آشنا میشیم و با نحوه محو کردن المنت ها در این ویدئو آشنا میشیم .

opacity

توی آخرين ویدئو بخش آموزشی با نحوه پر اهمیت کردن یه دستور آشنا میشیم و اونهارو به کار میگیریم.

important

توی این ویدئو با استفاده از تمام چیز هایی که یاد گرفتیم یه منو بار خیلی خوب پیاده سازی میکنیم.

مینی پروژه navbar⁩

توی این ویدئو با چیز هایی که یاد گرفتیم و با استفاده از کد های پروژه منو بار , یه دراپ داون خیلی خوب پیاده میکنیم .

مینی پروژه Dropdown⁩

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

یادگیری CSS با انجام پروژه‌های کاربردی

دیگر