آموزش CSS پروژهمحور
آموزش مقدماتی css
- ۱
معرفی دوره و آشنایی با css (رایگان)
۲ دقیقه
در این قسمت مفهوم css رو بررسی میکنیم و کارایی هاشو بررسی میکنیم و با همدیگه یه نمونه خیلی خوب از کار يردن با css رو بررسی میکنیم .
- ۲
سینتکس css (رایگان)
۴ دقیقه
توی این جلسه سینتکس css رو بررسی میکنیم و میفهمیم که css چه قوانینی در نوشتار داره و به چه چیز هایی باید توجه کنیم.
- ۳
کار با بخش سلکتور ها (رایگان)
۶ دقیقه
توی این بخش با مفهوم پایه ای سلکتور آشنا میشیم و کارایی اون ها رو بررسی میکنیم.
- ۴
لینک کردن css به صفحه (رایگان)
۴ دقیقه
توی این جلسه با مفهوم و انواع لینک اشنا میشیم و کاربرد همه رو بررسی میکنیم و همینطور موارد استفاده اونها رو بررسی میکنیم .
- ۵
کامنت گذاری (رایگان)
۴ دقیقه
توی این بخش با انواع و نحوه کامنت گذاری اشنا میشیم و موارد استفاده اونها رو بررسی میکنیم.
- ۶
دستور color و background
۶ دقیقه
توی این بخش با دستورات مربوط به رنگ اشنا میشیم و البته نکته های استفاده از اونها رو بررسی میکنیم.
- ۷
دستور border و border-radius
۵ دقیقه
توی این بخش با دستورات مربوط به حاشیه ها اشنا میشیم و همینطور موارد استفاده از border radius رو بررسی می کنیم .
- ۸
آشنایی با margin و padding
۴ دقیقه
توی این بخش با نحوه ايجاد فضای خالی و فاصله بین المنت ها اشنا میشیم و با همدیگه خیلی عملی نحوه کار رو بررسی میکنیم .
- ۹
with & height
۴ دقیقه
توی این بخش با طول و عرض دادن به المنت ها در css اشنا میشیم و با همدیگه عملی اونها رو بررسی میکنیم .
- ۱۰
mini project
۶ دقیقه
توی این ویدئو اولین مینی پروژه دوره رو با دستوراتی که یاد گرفتیم پیاده سازی میکنیم و با همدیگه توی محیط واقعی کد هایی که یاد گرفتیم رو بررسی میکنیم .
- ۱۱
آشنایی با box model
۴ دقیقه
تویcss یه بخشی داریم که بهش میگن باکس مودل که تقریبا مثل کاغد کادو میمونه و توی این ویدئو با همدیگه اون رو بررسی میکنیم .
- ۱۲
کار کردن با text
۷ دقیقه
توی این ویدئو با همدیگه کار کردن با تکست ها رو بررسی میکنیم و موارد کار رو توی محیط واقعی بررسی میکنیم .
- ۱۳
کار کردن با font
۶ دقیقه
توی این ویدئو کار کردن با فونت ها رو به صورت عملی یاد میگیریم و یاد میگیریم چطور با can ها کار کنیم و چطور به فونت ها استایل بدیم .
- ۱۴
کارکردن با آیکون ها
۶ دقیقه
توی این ویدئو منبع های استفاده از آیکون ها رو بررسی میکنیم و خیلی عملی کار کردن و استایل دادن به اون ها رو یاد میگیریم.
- ۱۵
کار کردن با لینک ها
۵ دقیقه
لینک ها تگ های مهمی در html هستن و نواز به استایل های خاصی دارن. توی این ویدئو خیلی عملی به اون ها استایل میدیم.
- ۱۶
رویداد های css
۶ دقیقه
توی این ویدئو یادمیگیریم که چطور رویداد هایی مثل کلیک رو در سی اس اس کنترل کنیم و به اون ها استایل بدیم .
- ۱۷
کارکردن با list
۴ دقیقه
لیست ها موارد استفاده زیادی دارن و مثلا با اون ها ما می تونیم منو بسازیم و توی این ویدئو یاد میگیریم که چطور به اون ها استایل بدیم و اون ها رو کنترل کنیم.
- ۱۸
آشنایی با بخش display
۴ دقیقه
توی این ویدئو یاد میگیریم که چطور نحوه نمایش المنت ها رو تغییر بدیم و موارد استفاده اون ها رو یاد میگیریم .
- ۱۹
آشنایی با بخش position
۷ دقیقه
توی این ویدئو با همدیگه یاد میگیریم که چطور میشه پوزیشن یا نحوه قرار گیری المنت ها رو در سی اس اس کنترل کنیم .
- ۲۰
پیاده سازی مینی پروژه کارد
۹ دقیقه
توی این ویدئو دومین مینی پروژه دوره رو پیاده سازی میکنیم و سعی میکنیم تمام کد هایی رو که یاد گرفتیم استفاده کنیم .
- ۲۱
آشنایی با z-index
۳ دقیقه
توی این ویدئو یاد میگیریم که چطور المنت هامون رو لایه بندی کنیم و اون ها رو روی هم بچینیم.
- ۲۲
آشنایی با overflow
۳ دقیقه
توی این ویدئو یاد میگیریم که چطور محیط خارج المنت رو کنترل کنیم و با حالت های مختلف اون آشنا میشیم .
- ۲۳
آشنایی با Align و pseudo classes
۶ دقیقه
توی این ویدئو ترکیبی با همدیگه راست چین یا چپ چین یا وسط چین کردن المنت ها رو یاد میگیریم و همینطور با همدیگه با سودو کلاس های آشنا میشیم .
- ۲۴
آشنایی با Pseudo - Element
۴ دقیقه
توی این ویدئو با همدیگه با سودو المنت ها رو یاد میگیریم و همینطور توی یه پروژه عملی کار با اون ها رو یاد میگیریم .
- ۲۵
آشنایی و کار با سلکتور های ترکیبی
۳ دقیقه
توی این ویدئو یاد میگیریم که چطور حرفه ای تر با سلکتور ها کار کنیم و چطور اون ها رو توی پروژه هامون استفاده کنیم .
- ۲۶
opacity
۲ دقیقه
توی این ویدئو با دستور opacity آشنا میشیم و با نحوه محو کردن المنت ها در این ویدئو آشنا میشیم .
- ۲۷
important
۳ دقیقه
توی آخرين ویدئو بخش آموزشی با نحوه پر اهمیت کردن یه دستور آشنا میشیم و اونهارو به کار میگیریم.
- ۲۸
مینی پروژه navbar
۷ دقیقه
توی این ویدئو با استفاده از تمام چیز هایی که یاد گرفتیم یه منو بار خیلی خوب پیاده سازی میکنیم.
- ۲۹
مینی پروژه Dropdown
۵ دقیقه
توی این ویدئو با چیز هایی که یاد گرفتیم و با استفاده از کد های پروژه منو بار , یه دراپ داون خیلی خوب پیاده میکنیم .
- ۳۰
مینی پروژه login page
۹ دقیقه
توی این ویدئو یکی از معروف ترین و محبوب ترین مینی پروژه ها رو پیاده سازی میکنیم و کمی هم با استایل ها بازی میکنیم .