آموزش رایگان Responsive Layout پروژه محور

طراحی واکنش‌گرا یا ریسپانسیو یک روش طراحی رابط کاربر گرافیکی (GUI) است که باعث می‌شود سایت ما در دستگاه‌های مختلف به خوبی نمایش داده شود. در این روش طراحان سایز عناصر را با واحدهای نسبی ... ادامه

4.3 (34 رای)
3,167 دانشجو
محتوای دوره
پیش‌نیاز‌ها
درباره دوره
نظرات کاربران
درباره استاد

محتوای دوره

3 فصل 6 جلسه 1:12 ساعت ویدیو
فصل اول : آشنایی با Media Query
فصل دوم : واحد‌ها در Responsive
فصل سوم : پروژه Responsive

پیش‌نیاز‌ها

درباره دوره

طراحی واکنش‌گرا یا ریسپانسیو یک روش طراحی رابط کاربر گرافیکی (GUI) است که باعث می‌شود سایت ما در دستگاه‌های مختلف به خوبی نمایش داده شود. در این روش طراحان سایز عناصر را با واحدهای نسبی یا درصدی تعیین می‌کنند. بدین ترتیب عناصر سایت می‌توانند متناسب با فضای مرورگر ظاهر شوند و با دستگاه سازگار باشند.

بازدیدکنندگان سایت ممکن است از دستگاه‌های مختلف با صفحه نمایش‌هایی در انواع سایزها به سایت وارد شوند. اگر قالب سایت ریسپانسیو باشد، محتواها و پست‌ها به درستی به کاربران نمایش داده خواهد شد. این اتفاق می‌تواند فروش محصولات و ارائه خدمات را افزایش داده و حتی سئوی سایت را بهبود بخشد. 

در این دوره به آموزش اصول طراحی قالب واکنش‌گرا Responsive می‌پردازیم. در ابتدا خوب است بدانید که چگونه می‌توانیم سایتمان را ریسپانسیو کنیم و این کار چه تأثیری در سئو خواهد داشت. همچنین آموزش طراحی واکنش‌گرا با CSS را به شما ارائه می‌دهیم؛ بنابراین اگر به فراگیری آموزش طراحی قالب رسپانسیو علاقه دارید، با مکتب‌خونه همراه باشید.

دوره آموزش رایگان Responsive Layout پروژه محور مناسب چه کسانی است؟

  • کسانی که به آموزش طراحی وب واکنش‌گرا علاقه‌مندند.
  • کسانی که به بهبود ظاهر سایت خود اهمیت می‌دهند.
  • صاحبان کسب‌وکاری که مشتریان آن‌ها از انواع دستگاه‌ها وارد سایت می‌شوند.
  • کسانی که با HTML & CSS مسلط هستند و می‌خواهند مهارت خود را ارتقا دهند.

بعد از فراگیری دوره آموزش رایگان Responsive Layout پروژه محور چه مهارت‌هایی کسب خواهید کرد؟

  • طراحی قالب‌های Responsive یا واکنش‌گرا برای سایت
  • آشنایی با Media Queries
  • آشنایی با واحدهای مختلف در Responsive
  • پیاده‌سازی عملی یک سایت با قالب واکنش‌گرا

پیش‌نیازها و منابع مکمل برای فراگیری دوره آموزش رایگان طراحی قالب واکنش گرا چیست؟

برای اینکه بتوانید از دوره آموزش طراحی وب واکنش‌گرا به‌خوبی استفاده کنید باید به HTML و CSS مسلط باشید. چراکه طراحی سایتی که قرار است آن را واکنش‌گرا کنیم با این دو زبان برنامه‌نویسی نوشته شده‌است؛ بنابراین توصیه می‌کنیم قبل از شروع این دوره، دوره زیر را بگذرانید:

اگر قصد دارید مهارت‌های خود را در طراحی وب سایت توسعه دهید، آموزش‌های زیر را به‌عنوان مکمل این دوره به شما پیشنهاد می‌دهیم:

  • آموزش رایگان Emmet
  • آموزش رایگان FlexBox پروژه محور
  • آموزش رایگان Grid Layout پروژه محور
  • آموزش Javascript
  • آموزش CSS Trantistion ,Transform ,Animation
  • آموزش رایگان Bootstrap ۴ پروژه محور
  • آموزش Bootstrap ۴ در دنیای واقعی
  • سرفصل‌های دوره آموزش رایگان Responsive Layout پروژه محور

در دوره آموزش رایگان طراحی قالب واکنش گرا شما کاملاً با طراحی قالب واکنش‌گرا آشنا می‌شوید و اهمیت آن را درک می‌کنید. در این دوره به آموزش مدیا کوئری‌ها که یک تکنیک CSS است، می‌پردازیم و واحدهای CSS و چگونگی استفاده از آن‌ها را به شما آموزش می‌دهیم. در پایان دوره سعی می‌کنیم یک سایت را که از قبل نوشته‌ایم، ریسپانسیو کنیم. سورس کد این سایت در اختیار شما قرار می‌گیرد و شما می‌توانید همگام با دوره واکنش‌گرا کردن سایت را بیاموزید.

اطلاعات بیشتر

امتیاز و نظرات کاربران

4.3

از مجموع 34 امتیاز

10 نظر

9 ماه پیش

بسیارعالی ممنونم

1 سال پیش

دوره خوبی بود ممنون از شما

امید حسن پور

امید حسن پور

1 سال پیش

دوره خوبی بود👌

مهدی فرهمند

مهدی فرهمند

2 سال پیش

با سلام و خسته نباشید واقعا ممنون و متشکر هستم از اقای شیخ گه مطالب لازم در این مورد رو به خوبی در این دوره بیان کزدن ، منکه استفاده کردم . موفق و پیروز باشید روش تدریستون خیلی خوبه اقای شیخ

مصطفی رشتی

مصطفی رشتی

2 سال پیش

عالی فقط فایل developer رو پیدا نکردم

3 سال پیش

دوره بسیار خوبی بود.

رضا سلطانی

رضا سلطانی

نظرات بیشتر

دوره‌های پیشنهادی

آموزش رایگان بوت استرپ 5 (Bootstrap)
وب ‌پروگ

وب ‌پروگ

مدرس: علی شیخ

12,092 دانشجو
4.6 (99)
رایگان
آموزش رایگان  Flexbox
وب ‌پروگ

وب ‌پروگ

مدرس: علی شیخ

3,361 دانشجو
4.5 (33)
رایگان
آموزش رایگان Javascript پروژه ‌محور
وب ‌پروگ

وب ‌پروگ

مدرس: علی شیخ

11,485 دانشجو
4.2 (100)
رایگان
آموزش رایگان Sass
وب ‌پروگ

وب ‌پروگ

مدرس: علی شیخ

3,140 دانشجو
4.6 (21)
رایگان

درباره استاد

علی شیخ
علی شیخ
19 دوره
36,775 دانشجو

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تاکنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

اطلاعات بیشتر

دیگر دوره‌های علی شیخ

آموزش رایگان Emmet
وب ‌پروگ

وب ‌پروگ

مدرس: علی شیخ

1,796 دانشجو
4.5 (15)
رایگان
آموزش رایگان Sass
وب ‌پروگ

وب ‌پروگ

مدرس: علی شیخ

3,140 دانشجو
4.6 (21)
رایگان
آموزش Postman

مدرس: علی شیخ

869 دانشجو
3.8 (13)
469,000 تومانء
آموزش Livewire

مدرس: علی شیخ

140 دانشجو
4 (2)
809,000 تومانء

سوالات پرتکرار

آیا ممکن است که درسی ناقص ضبط شده باشد؟

ما همواره تلاش کرده­‌ایم که دروس را به طور کامل ضبط نماییم و در اختیار شما دوستان قرار دهیم. اما گاهی برخی ناهماهنگی ها سبب می شود که یک یا تعدادی از جلسات یک درس ضبط نشود. توضیح این گونه نواقص در توضیح درس­ ها آمده است.

اگر لینک دانلود یا پخش ویدئو مشکل داشت چه باید کرد؟

در صورتی که با هر گونه مشکلی رو به رو شدید می توانید از طریق صفحه ارتباط با ما به ما اطلاع دهید تا ما سریعا مشکل را پیگیری و برطرف نماییم.

آیا امکان دریافت فیلم های یک درس به صورت سی دی یا دی وی دی وجود دارد؟

در حال حاضر امکان ارسال دروس به صورت سی دی یا دی وی دی وجود ندارد.

صفحات پربازدید