کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش استفاده از اصول عرض مایع برای طراحی Responsive در jQuery

Leveraging Fluid-width Principles for Responsive Design in jQuery

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: در این آموزش jQuery ، ما می آموزیم که چگونه یک وب سایت با عرض مایع را از ابتدا کدگذاری کنیم ، که در همه دستگاه ها عالی به نظر می رسد ، فقط با استفاده از ویرایشگر متن و یک مرورگر. نرم افزار مورد نیاز: Sublime Text 2، Google Chrome 40، Photoshop CS6. در این آموزش jQuery ، ما می آموزیم که چگونه یک وب سایت با عرض مایع را از ابتدا کدگذاری کنیم ، که در همه دستگاه ها عالی است ، فقط با استفاده از ویرایشگر متن و یک مرورگر. این دروس به شما نشان می دهد که چگونه با یک سند خالی شروع کنید و HTML ، CSS و JavaScript مورد نیاز برای ایجاد ظاهر و رفتار وب سایت را به صورت طراحی شده کد کنید. در حین کدگذاری وب سایت ، ما اصول مهم پاسخگویی به عرض مایع را یاد خواهیم گرفت تا اطمینان حاصل شود که وب سایت در هر اندازه ای مقیاس پذیر است. در درس های بعدی ، ما با برخی از تکنیک های پیشرفته تر مانند تصاویر واکنش گرا ، انیمیشن های CSS3 و ترفندهای عملکردی آشنا خواهیم شد تا وب سایت ما در هر دستگاهی عملکرد بهینه داشته باشد. با پایان دوره آموزش jQuery ، ما از اصول عرض مایع و پرس و جوهای رسانه ای استفاده خواهیم کرد تا وب سایت خود را روی دسک تاپ ، تلفن همراه و هر چیز دیگری کار کنیم. نرم افزار مورد نیاز: Sublime Text 2، Google Chrome 40، Photoshop CS6.
سرفصل ها و درس ها

مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

  • مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

استفاده از اصول عرض مایع برای طراحی پاسخگو در jQuery Leveraging Fluid-width Principles for Responsive Design in jQuery

  • راه اندازی پروژه پایه ما Setting up Our Base Project

  • نوشتن نشانه گذاری معنایی Writing Semantic Markup

  • ایجاد چیدمان شبکه پاسخگو CSS Creating a Responsive CSS Grid Layout

  • اضافه کردن سبک های اساسی به سایت ما Adding Basic Styles to Our Site

  • حالت دهی به قلم ها و زیبا سازی عناصر سایت Styling the Fonts and Beautifying the Elements of the Site

  • پاسخگویی به تصاویر Handling Images Responsively

  • استفاده از پرسشهای رسانه برای محتوا در دستگاههای کوچکتر Using Media Queries for Content on Smaller Devices

  • استفاده از پرس و جوهای رسانه ای برای تصحیح مشکلات نمایش حاشیه Using Media Queries to Correct Outlying Display Issues

  • ترکیب عملکرد جاوا اسکریپت در طراحی پاسخگو Incorporating JavaScript Functionality in Responsive Design

  • بهبود عملکرد در دستگاه های تلفن همراه Improving Performance on Mobile Devices

  • آزمایش و نهایی سازی وب سایت پاسخگو ما Testing and Finalizing Our Responsive Website

آموزش خدمات مشتری: مدیریت انتظارات مشتری

آموزش خدمات مشتری: مدیریت انتظارات مشتری

Customer Service: Managing Customer Expectations

آموزش SharePoint 2013: سفارشی کردن فرم های لیست

آموزش SharePoint 2013: سفارشی کردن فرم های لیست

SharePoint 2013: Customizing List Forms

آموزش پرسش و پاسخ مصاحبه پایتون [2023] | MCQ | امتحان

آموزش پرسش و پاسخ مصاحبه پایتون [2023] | MCQ | امتحان

Python Interview Questions and Answers [2023] | MCQ | Quiz

نمایش نظرات

آموزش استفاده از اصول عرض مایع برای طراحی Responsive در jQuery
جزییات دوره
2h 15m
12
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
11
4.5 از 5
دارد
دارد
دارد
Saif Ebrahim

https://donyad.com/d/ed87

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Saif Ebrahim Saif Ebrahim

سیف ابراهیم یک توسعه دهنده وب در LinkedIn با تمرکز بر فناوری های سمت مشتری ، جاوا اسکریپت ، طراحی پاسخگو و بهینه سازی عملکرد است. سیف روی پروژه های متعددی که از طرف سایت های تجارت الکترونیکی گرفته تا برنامه های موبایل HTML5 در مواجهه با مصرف کنندگان کار کرده است.

دنیاد