دوره آموزشی ایجاد یک طراحی وب واکنشگرا: تکنیک های پیشرفته
1 ساعت 15 دقیقهپیشرفته2016-06-03
مدرسین

Chris Converse
Applies design and UX principles to technology
جزئیات دوره
اگر میخواهید مهارتهای طراحی وب ریسپانسیو خود را ارتقا دهید، این دوره برای شماست! در این آموزش یاد میگیرید چطور منوهای جمعشونده (Collapsible Menus) بسازید و گرافیکهای برداری مقیاسپذیر (SVG) را به طرحهای خود اضافه کنید.
کریس کانورس در این دوره روشهای پیشرفته برای استایلدهی به منوهای موبایل و گرافیکها را با HTML، CSS، JavaScript و jQuery آموزش میدهد. این ویدیوها شامل آموزشهای عملی از ابتدا تا انتها هستند تا به شما کمک کنند صفحات وب انعطافپذیر و بهینهای بسازید که در هر صفحهنمایشی به درستی نمایش داده شوند.
اهداف یادگیری:
✅ طراحی منوهای جمعشونده برای موبایل
✅ استفاده از SVG در طراحی وب
✅ استایلدهی پیشرفته با CSS و JavaScript
✅ بهینهسازی صفحات برای نمایش در دستگاههای مختلف
✅ استفاده از jQuery برای تعاملات کاربری
✅ ایجاد وبسایتهای تطبیقپذیر و مقیاسپذیر
کریس کانورس در این دوره روشهای پیشرفته برای استایلدهی به منوهای موبایل و گرافیکها را با HTML، CSS، JavaScript و jQuery آموزش میدهد. این ویدیوها شامل آموزشهای عملی از ابتدا تا انتها هستند تا به شما کمک کنند صفحات وب انعطافپذیر و بهینهای بسازید که در هر صفحهنمایشی به درستی نمایش داده شوند.
اهداف یادگیری:
✅ طراحی منوهای جمعشونده برای موبایل
✅ استفاده از SVG در طراحی وب
✅ استایلدهی پیشرفته با CSS و JavaScript
✅ بهینهسازی صفحات برای نمایش در دستگاههای مختلف
✅ استفاده از jQuery برای تعاملات کاربری
✅ ایجاد وبسایتهای تطبیقپذیر و مقیاسپذیر
مهارت ها
Responsive Web DesignCSSWeb StandardsWeb DesignFront-End Web DevelopmentProjectWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - مقدمه ای بر این دوره
- 02 - آنچه برای تکمیل این دوره نیاز دارید
- 03 - در مورد فایلهای تمرین
1. ایجاد یک منوی تاشو موبایل
- 04 - در مورد این درس
- 05 - جابجایی عنصر nav
- 06 - افزودن دکمه لینک موبایل
- 07 - حذف محدودیتهای ارتفاع هدر
- 08 - تغییر شکل منوی موبایل
- 09 - تنظیم لوگو برای همپوشانی منو
- 10 - اضافه کردن جاوا اسکریپت و جی کوئری به پروژه خود
- 11 - الصاق رویداد کلیک به دکمه منوی موبایل
- 12 - متحرک سازی ارتفاع ناوبری
- 13 - حذف ویژگی style از عنصر nav
- 14 - از اینجا کجا برویم
2. کار در SVG
- 15 - در مورد این درس
- 16 - گروه بندی آثار هنری در یک SVG
- 17 - افزودن CSS به SVG
- 18 - افزودن کوئریهای رسانهای به SVG
- 19 - تغییر هنر SVG با CSS
- 20 - استفاده از یک فایل SVG برای همه اندازههای صفحه نمایش
- 21 - از اینجا به کجا برویم
3. پشتیبانی از صفحه نمایش با وضوح بالا
- 22 - در مورد این درس
- 23 - در مورد فایلهای تمرین
- 24 - اضافه کردن اندازه برای تصاویر مبتنی بر CSS
- 25 - افزودن گرافیک جدید به پروژه
- 26 - استفاده از کوئریهای رسانهای CSS برای نسبت پیکسل دستگاه
- 27 - استفاده از تصویر srcset و توصیفگر تراکم پیکسلی
- 28 - از اینجا به کجا برویم
دوره های مرتبط
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی ساخت وبسایتهای ریسپانسیو با استفاده از Canva
- دوره آموزشی ساخت وب سایت های واکنش گرا با Canva آپدیت (2022)
- دوره آموزشی سطح بالا: طرح بندی CSS
- دوره آموزشی کاتینگ اج CSS
- دوره آموزشی CSS: Combining Grid and Flexbox
- دوره آموزشی ساخت وب سایت های پویا با استفاده از AWS Lambdas
- دوره آموزشی چیدمان های CSS: از Float تا Flexbox و Grid