دوره آموزشی ایجاد یک طراحی وب واکنشگرا: تکنیک های پیشرفته
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: فریمورکها و شبکه ها
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS Shorts
- دوره آموزشی تصاویر در CSS
- دوره آموزشی یادگیری اصولی D3.js
- دوره آموزشی استفاده از HTMX همراه با Thymeleaf در فریمورک Spring Boot
- دوره آموزشی یادگیری اصولی CSS
- دوره آموزشی ایجاد یک تجربه وب واکنشگرا
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی برنامهنویسیات رو با ابزارهای کدنویسی هوش مصنوعی حسابی تغییر بده!
- مسیر آموزشی کاوش شغلی در توسعه وب فرانت اند
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Full-Stack وب
- مسیر آموزشی استاد اتوماسیون تست با Playwright شوید
- مسیر آموزشی ارتقای مهارتهای سی شارپ: ساخت برنامههای مقاوم
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده نرم افزار