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

نمایش نظرات

نظری ارسال نشده است.

آموزش استفاده از اصول عرض مایع برای طراحی Responsive در jQuery
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 15m
12
Pluralsight (پلورال سایت) pluralsight-small
04 فروردین 1394 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
11
4.5 از 5
دارد
دارد
دارد
Saif Ebrahim

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Saif Ebrahim Saif Ebrahim

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

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

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

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