
آموزش طراحی قالب ریسپانسیو
مدرس : محمد حسین موسوی
کمپین حمایتی ایران۳ با تخفیف بی سابقه ۷۵ و ۸۵ درصد فعال شد
دریافت تخفیفمدرس : محمد حسین موسوی
قیمت آموزش : ۱۹۹ هزار تومان
همراه لرن فایلز باشید با آموزش طراحی قالب ریسپانسیو!
طراحی ریسپانسیو (Responsive) یکی از امتیازات و الزامات یک وب سایت است! واکنشگرا بودن یا ریسپانسیو بودن یک وب سایت به این معناست که بعد از طراحی و پیاده سازی یک قالب ریسپانسیو، کاربر سایت شما می تواند سایت را بدون مشکل، مرتب و با دسترسی مناسب به اجزای مختلف سایت روی تمامی وسایل با اندازه های مختلف مانند تبلت و موبایل و لپ تاپ و … مشاهده کند.
پس از انتشار دوره ۰ تا ۱۰۰ آموزش بوت استرپ ۴ حالا تصمیم گرفتیم در قالب یک پروژه کامل و جذاب به آموزش طراحی واکنشگرا بپردازیم و ریسپانسیو کردن سایت را به صورت کامل و قدم به قدم آموزش دهیم. با آموزش پروژه محور طراحی وب سایت واکنشگرا همراه لرن فایلز باشید.
این روز ها اگر وب سایت شما تنها در یک سایز مشخص مثلاً PC یا لپ تاپ به درستی نمایش داده شود و در سایر سایز ها مشکل داشته باشد، شما متحمل ضرر های زیادی خواهید شد از کاهش رضایت کاربر و حتی سئو وب سایت گرفته تا کاهش زمان حضور مخاطب در وب سایت شما و نهایتاً کاهش میزان فروش!
بازدید کنندگان با تبلت و گوشی های لمسی به وب سایت شما مراجعه می کنند و اینجاست که قالب ریسپانسیو به معنای پاسخ گرا یا واکنشگرا معنا پیدا می کند. به عبارتی طراحی وب سایت Responsive به شیوه ای می باشد که در اندازه های مختلف و دستگاه های متفاوت سایت به درستی نمایش داده می شود. طراحی سایت به شکلی که در هر اندازه صفحه قابل استفاده باشد اصطلاحا طراحی واکنش گرا یا Responsive web design نامیده میشود.
مشخصات آموزش:
🢇 دوره ویدئویی آموزش طراحی قالب ریسپانسیو
🠷 از مقدماتی تا پیشرفته
🎧 زبان فارسی: آموزش طراحی قالب ریسپانسیو به زبان فارسی بوده و شامل ۲۳ ویدئوی فارسی زبان است.
🏆 ویژه ورود به بازار کار: این آموزش به صورت ویژه جهت ورود به بازارکار و کسب درآمد تدریس شده است!
🕗 آموزش با زمان مفید و کاربردی:
مدت زمان این آموزش با حفظ جامعیت و پوشش تمامی مباحث با کمک گرفتن از متد های بروز در زمینه تدریس و آموزش ویدئویی، به گونه ای تنظیم شده است که شما با کم ترین زمان بیشترین میزان یادگیری را داشته باشید! آموزش طراحی ریسپانسیو در حالی که مطالب بیشتری را پوشش داده و نسبت به سایر آموزش ها جامع تر است، مدت زمان آن به نسبت آموزش های مشابه ⣿ یک سوم ⣿ است یعنی اکثر دوره های موجود در سطح وب همین محتوا را در زمانی معادل ۳ برابر این دوره تدریس می کنند که این موضوع باعث اتلاف وقت زیادی در یادگیری شما خواهد شد! لذا مدت زمان این دوره فوق العاده مفید بوده و در کمترین زمان بیشترین مباحث را می آموزید!
💎 آپدیت مداوم: دوره آموزش طراحی Responsive به صورت مداوم و به درخواست شما کاربران عزیز آپدیت می شود!
✔️ پشتیبانی ۳۶۰ درجه: مدرس دوره آموزش طراحی ریسپانسیو ، آقای محمد حسین موسوی عزیز، در تمام مراحل همراه شماست و می توانید سوالات خود را در همین صفحه از ایشان بپرسید!
راهنمای دریافت آموزش ریسپانسیو سازی قالب:
برای دانلود آموزش طراحی قالب ریسپانسیو و دریافت این دوره از بالا-ستون سمت چپ، جهت خرید اقدام کنید.
سرفصل های آموزش طراحی قالب ریسپانسیو:
سرفصل ها کلی بوده و بسیاری از موارد ذکر نشده است و ممکن است هر بخش شامل چندین ویدئو زیر مجموعه باشد.
مقدمه، معرفی مدرس و دوره آموزش طراحی قالب ریسپانسیو
آشنایی با مفاهیم اولیه
آشنایی با متا تگ viewport و تاثیر آن بر طراحی ریسپانسیو
شروع پیاده سازی قالب برای آشنایی بیشتر با مفاهیم طراحی ریسپانسیو
معرفی انواع Media query ها و آموزش ریسپانسیو با مدیا کوئری
نحوه استفاده از چند CSS مجزا برای سایزهای مختلف صفحه نمایش با Media attribute
آشنایی با مفهوم Mobile first و تفاوت آن با Desktop first
ویدئو های ما به صورت اختصاصی توسط مدرسین آکادمی لرن فایلز تهیه شده است .
ویدئو ها توسط واحد کنترل کیفیت ما بررسی و سطح علمی ، صدا و تصویر ، شیوه بیان و سایر موارد آن تایید می شود .
ویدئو های ما تئوری محض نیستند و در حد نیاز مباحث تئوری مطرح و باقی آموزش عملی و ویژه بازار کار می باشد .
مصطفی (مالک تایید شده) –
استاد دست شما درد نکنه . خیلی با حوصله و زیبا توضیح دادید . واقعا ممنونم .
مدرس- محمد حسین موسوی –
سلام تشکر از ارسال نظرتون
مصطفی (مالک تایید شده) –
سلام این صفحه رو من تونستم ریسپانسیو کنم . استاد ببینید چطور هستش . البته یه صفحه ساده هستش
https://pishgamanalborz.ir/site/index.html
مدرس- محمد حسین موسوی –
سلام
خیلی خوبه ولی دوتا نکته رو هم لحاظ کنید عالی می شه
اول اینکه فونت سایز هاتون رو به پیکسل بدید نه درصد
مثلا منوی بالا سمت چپ تو حالت موبایل خیلی ریز می شه
در کل چه ریز چه درشت بهتره به پیکسل باشه
معمولا هم یه سایز ثابت بدید مشکلی پیش نمی یاد و نیازی نیست تو حالت های مختلف صفحه نمایش سایز فونت ها رو تغییر بدیم
دوم هم اینکه اون قسمت سرویس های جشنواره رو بهتره به جای یدونه عکس واحد،
عکس کلاه و وای فای رو جدا کنید که می شن دوتا عکس
یدونه هم عکس بک گراند
سعی کنید اون باکس رو با عکس و نوشته های جدا پیاده سازی کنید
یعنی یه div که background داره
همینطور بالاش یه تا عکس و پایین اش دوتا نوشته
مصطفی درفشی (مالک تایید شده) –
چشم استاد . ممنون از راهنماییتون . دوره بوت استراپ هم خرید میکنم . اگر سوالی داشتم همون جا مزاحمتون میشم . ممنونم از راهنماییتون