دسترسی سریع:

مسیر:

صفحه اصلی

طرح

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

آموزش استفاده از اصول عرض مایع برای طراحی 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

برای ارسال نظر ثبت نام کنید.

نمایش نظرات

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

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

جزییات دوره

زمان دوره: 2h 15m

تعداد ویدیو ها: 12

شرکت: Pluralsight (پلورال سایت)

تاریخ انتشار مرجع: (آخرین آپدیت)

بازدید مرجع : 11

امتیاز مرجع: 4.5 از 5

فایل تمرین: دارد

زیرنویس زبان اصلی: دارد

زیرنویس فارسی: (توسط هوش مصنوعی) دارد

مدرس: Saif Ebrahim

لینک کوتاه این دوره

https://donyad.com/d/ed87

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

نرم افزارهای مورد نیاز

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Saif Ebrahim

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

دنیاد

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

Leveraging Fluid-width Principles for Responsive Design in jQuery

مقدمه و بررسی اجمالی پروژه 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

نمایش نظرات

Pluralsight (پلورال سایت)

https://donyad.com/d/ed87