نمایش ویدئوآموزش css - قسمت دوم
طراحی UX با Invision
آموزش CSS - قسمت اول
آموزش React js
آموزش Bootstrap 3 - سفارشی کردن با LESS
آموزش HTML
درس های دوره - آموزش css - قسمت دوم
1. مقدمه
1-3 استفاده از فایل های تمرین
2. سلِکتورهای css
2-1 مروری بر سینتَکسِ CSS
2-2 سِلِکتورهای basic و attribute
2-3 سِلِکتورهای Combinator
2-4 سلکتورهای شبه کلاس
2-5 سلکتورهای شبه اِلِمان
2-6 تمرین با سِلِکتورهای پیشرفته
3. Layouts
3-1 مروری بر مدل Box
3-2 مروری بر Float و display
3-3 نَویگِیشِن های افقی با ویژگی display
3-4 نَویگِیشِن های افقی با ویژگی float
3-5 تمرین با اِلِمان نَویگِیشِن
3-6 Position
3-7 تمرین با نَویگِیشِن ثابت
3-8 تمرین با اِلِمان های Position
3-9 display،Float، و position
3-10 لایه ها و ویژگی شاخص z
4. نکات و ابزارها
4-1 ابزارهای توسعه مرورگر
4-2 دیباگ کردن CSS
4-3 راه اندازیِ stylesheets
4-4 فونت های آیکُنی
4-5 ویژگیِ background
4-6 اختصارنویسیِ background
4-7 شفافیت و گرادیانت آلفا
4-8 تمرین با گرادیانت ها و بَک گراندها
5. موبایل و طرح پاسخگو
5-1 مقدمه ای بر طراحی responsive
5-2 تعامل دوستانه با موبایل
5-3 ایجاد صفحات قابل تغییر(fluid و flexible)
5-4 مقدمه ای بر جستجوهای رسانه
5-5 استفاده از جستجوهای رسانه
5-6 آزمایش طرح بندی های responsive
5-7 شبیه سازی دستگاه
5-8 نگاهی دوباره به css خودتان
6. نتیجه گیری
6-1 مراحل بعدی
| مدرس: | Christina Truong |
| مترجم: | اکرم السادات حسینی |
| دوبلر: | فاطمه صفائی |
| سطح دوره: | مقدماتی |
| زمان کل: | 3h 2m |
| حجم کل: | 864 مگابایت |
آموزش css - قسمت دوم
CSS را حرفه ای بیاموزید
طراحی حرفه ای صفحات وب از زبان Christina Truong(مربی بین المللی توسعه دهی وب)
موضوعات این دوره:
- بررسی سینتَکسِ CSS
- بررسی سلکتورهای ساده و attribute
- استفاده از سلکتورهای pseudo-class و pseudo-element
- بررسی مدل باکس CSS
- اضافه کردن منو به پروژه
- استفاده از فلُت، نمایش و موقعیت
- دیباگ کردن CSS
- بازنشانی stylesheets
- کار با تصاویر پس زمینه
- بررسی روش Mobile first برای طرح وبِ پاسخگو
- ایجاد صفحه آرایی های انعطاف پذیر و متحرک
Css چیست؟
اگر به طراحی سایت و مسائل مربوط به آن علاقه داشته باشید، حتما پیش از این نام CSS به گوشتان خورده است. اما واقعا CSS چیست و چه کاربردی دارد؟
عبارت CSS که در همه جای طراحی سایت کاربرد دارد، مختصر شده از عبارت سه کلمه‌ای Cascading Style Sheets به معنی «برگه‌های سبک آبشار» یا «برگه‌های آبشاری» است. شاید شما هم با خودتان فکر کنید چرا آبشاری؟ چرا باید روی یکی از مهمترین عناصر تشکیل دهنده طراحی وب سایت چنین اسمی گذاشته شود؟
آبشاری بودن برگه‌های CSS به این معنی است که استایل، کلاس یا هر چیزی که به یک برگه CSS داده شود، روی عناصر فرزند (Children) این برگه‌ها هم تاثیرگذار خواهد بود. به عنوان مثال اگر شما رنگ متن را در یک برگه CSS قرمز تعیین کنید، این به معنای قرمز بودن تمام سرنویس‌ها (هِدینگ) و پاراگراف‌های متنی است که قرار است در این برگه CSS نوشته شود.
مزایای CSS بصورت خلاصه
- صرفه جویی در وقت
- تغیییرات مجدد تگ های HTML بسیار راحت میشه
- طراحی صفحه بدون نیاز به تگ های قالب بندی HTML
- طراحی صفحات دینامیک به کمک javascript
- و ...
اطلاعات دوره:
زمانی که با اطلاعات پایه CSS آشنا شدید، آماده اید که مهارت های خود را افزایش دهید و از پسِ مفاهیم چالش برانگیز بیشتری برآیید. در این دوره، قسمت دوم در یک مجموعه، به دانش موجود CSS شما کمک میکند و مفاهیم پیشرفته را آموزش می دهد تا کدهای موثرتر بیشتری را بنویسید. به Christina Truong ملحق شوید و همزمان توضیح می دهد چگونه از انواع سِلِکتورها استفاده کنید، چه زمان از سلکتور float و display و ویژگی های موقعیت استفاده و چگونه کار با ابزارهای توسعه دهنده جست و جو گر را آغاز کنید و چگونه زمانی که کدfront-end خود را دیباگ می کنید از انها استفاده کنید. و همچنین توضیح می دهد چگونه از یک روش Mobile first در طرح وبِ پاسخگو استفاده کنید و این شانس را در اختیار شما قرار می دهد که موارد بیشتری را به پروژه رزومه آنلاین خود که در آموزش مقدماتی css1 آغاز کردید، اضافه کنید.
نظرات
Christina Truong
- Christina Truong مربی ای است که بیش از ده سال تجربه در زمینه توسعه دهی وب دارد.
- برای موسسات دیجیتال از قبیل Teehan+Lax و SapientRazorfish (نورون سابق) کار کرده است.
- به عنوان یک معلم، به بیش از ۱۰۰۰ دانشجو در کالج و برنامه های بوت کمپ و کارگاه ها آموزش داده است.
- در شغل سابقش به عنوان مدیر برنامه درسی Ladies Learning Code، در برنامه درسی، تجدیدنظر کرد و کارگاه های جدید و یک برنامه پاره وقت که در بیش از ۲۰ فصل کتاب کانادایی استفاده شده را ایجاد کرد.
- برای تمامی مربیان ارشد دوره آموزش برگزار کرده است و اکنون به طور مستقل کار می کند و در زمینه آموزش تکنولوژی، توسعه برنامه درسی و خدمات مشاوره فنی فعالیت می کند.
| کیفیت دوره آموزشی | |
| کیفیت ترجمه | |
| کیفیت دوبله |