طراحی رابط کاربری سایت(سطح مقدماتی)

کمتر از 1 هفته طراحی رابط کاربری سایت رو یاد بگیرید!

شاید برای شما سوال باشه که آیا میشه کمتر از 1 هفته به طراحی رابط کاربری سایت مسلط شد؟! چرا که نه.  اگر تحصیلات دانشگاهی در حوزه طراحی سایت داشته باشید میدونید که یادگیری html و css اونقدرا هم سخت نیست و خیلی ساده حتی کمتر از 1 هفته هم میشه به اون مسلط شد. این پروژه آموزشی به شکلی تدریس شده که شما به تمام تگ های html و تمام ویژگی های css تا جایی که بتونید به راحتی طراحی سایت کنید تسلط خواهید یافت.

آموزش طراحی سایت

آیا می تونیم به آموزش های طراحی سایت اعتماد کنیم؟!

صد درصد بله به خصوص اگر اون آموزش به صورت رایگان باشه! آموزشی که هم اکنون در صفحه آن قرار دارید، با قیمت های بالای 300000 تومان در کلاس های حضوری و قیمت های بالای 200000 تومان در سطح اینترنت برگزار میشه. آموزش هایی که ممکنه فقط به صورت تئوری تدریس کنند و یا آموزش هایی که ممکنه ماه ها وقت شما رو بگیرند تا به شما ثابت کنند قیمت پرداختی شما بابت زمان زیاد تدریس قانع کننده بوده!

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

در این آموزش، نه تنها یک وب سایت حرفه ای و کاملا پروژه محور رو با هم طراحی می کنیم، بلکه مباحثی که یاد میگیرید به هیچ عنوان تئوری نیست و کاملا عملی خواهد بود. این آموزش فقط 15 جلسه و تمام جلسات هم زیر 20 دقیقه هست که این زمان، دقیقا زمان مناسبی برای اینه که شما به html و css مسلط بشید.

ابتدا به طور کامل و دقیق با مقدمات طراحی سایت، نرم افزارهای لازم، اطلاعات ضروری و چیزهایی که قبل از شروع باید بدانیم آشنا می شویم. یک پروژه ساده را پیاده می کنیم و آماده نبرد طراحی سایت می شویم.
رابط کاربری یک وب سایت که شامل هدر، محتوا، سایدبار و فوتر است را به طور کامل پیاده سازی می کنیم. همچنین صفحات دیگر مانند صفحات داخلی، فرم ثبت نام و ... را نیز پیاده می کنیم تا به طور کامل با مفاهیم html و css در قالب پروژه آشنا شویم.

نقد و بررسی‌ها

  1. jamal sadeghi

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

    • محمدرضا الطافی

      سلام. خوشحالم که مورد استفادتون واقع شده. چشم حتما

  2. نیما اسدالهی

    ممنون اموزش خیلی واضح و ساده ای بود

  3. رضا

    salam va arze adab
    khely mamnoon babat amoozesh khobeton. kash dar morede respansive kardan site ham tozihati midadid.chetor bayad yek sitee ro respansive knim ?

  4. seyed

    سلام استاد الطافی از کجا بفهمیم کدوم کدهای css رو مرورگرهای قدیمی پشتیبانی میکنن و کدوم نمیکنن تا از اون دستورات moz و webkit که فرمودید استفاده کنیم ?

    • محمدرضا الطافی

      کافیه اون property که مد نظرتون هست رو توی اینترنت جستجو کنید. هم توضیحات کامل در مورد اون Property میاد و هم اینکه چه ورژن هایی از مرورگرها پشتیبانی میکنن.

  5. حمیدرضا شفیعی

    این آموزش خیلی بدرد من خورد استاد. ممنون 🙂

  6. وب دیزاینر

    فوق العاده بود دمتون گرم

  7. Maryam Heydari

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

  8. javadi

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

  9. مینا زارعی

    بی نهایت تشکر بابت وقتی که گذاشتید

  10. حسن محمدی

    سلام
    خسته نباشید
    این دوره واقعا عالی هست لطفا با همین قدرت ادامه بدید ادامه بدید

  11. مهدی

    سلام.ممنون بابت آموزش خوبتون.تبریک میگم شما خیلی واضح و روون توضیح میدید.موفق باشید

  12. Hiva

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

    • محمدرضا الطافی

      سلام. خوشحالم 🙂

  13. مهسا

    سلام خسته نباشید من از ویدیو ۴ سوال داشتم عرض wrapper که برای باکس های موجود در صفحه وبمون استفاده میشه ممکنه بگین به چه صورت به دست اوردین ۱۱۵۲px مرسی

    • محمدرضا الطافی

      سلام. عرض با توجه به استاندارد مانیتورهای مختلف در میاد. اگه سرچ کنید desktop screen resolutions براتون نشون میده عرض های استانداردی که قرار گرفته.

  14. مرتضی

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

    • محمدرضا الطافی

      سلام. چشم حتما انشالله از سال ۹۸ ادامه میدیم

  15. Behnam6349

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

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

    • محمدرضا الطافی

      خدارو سپاس که تونستیم توی دل شما عزیزان جا پیدا کنیم 🙂

  16. میلاد

    سلام خسته نباشید،کیفیت آموزشی خوبه ولی حیف کیفیت فیلم پایین هست اگه ۷۲۰p HD یا فول اچ دی ۱۰۸۰p بود خیلی عالی میشد
    آموزش php , my SQL, جاوا اسکریپت و بوت استرپ متوسط و پیشرفته رو هم میشه قرار بدید
    ممنون

    • محمدرضا الطافی

      سلام چشم حتما

  17. esmail.yousefi1

    سلام ممنون بابت آموزش خوبتون و لطف میکنید دانش خود را در اختیار بقیه قرار میدید.وقتی روی لینک “دانلود آموزش “یا روی دانلود تمام جلسات کلیک میکنم یک پنجره ای برای نیم ثانیه نمایش داده میشه بعد به طور خودکار محو میشه،علتش چیه نمیشه دانلود کرد؟!

    • محمدرضا الطافی

      سلام این مشکل حل میشه به زودی. ممنونم از اطلاع رسانی شما

  18. rmorteza3000

    دست گلتون درد نکنه با این آموزشتون عالی بود
    اگه آموزش جاوااسکریپت هم بگذارید دیگه محشر میشه…

  19. bn.h.rad

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

    • محمدرضا الطافی

      حتما

  20. samiyar.h

    سلام خسته نباشید، با اموزش شما انگیزه من برای یادگیری طراحی سایت چند برابر شد، واقعیت من یک ماه کامل html , css رو اموزش دیده بودم ولی می خواستم مثل شما قالب طراحی کنم نمی تونستم و تمام عناصر به ریخته و بی نظم بود! ولی با اموزش شما یاد گرفتم عناصر رو چطور مدیریت کنم و در واقع طریقه راه درست پیشرفت رو با سایت شما یاد گرفتم. یک دنیا متشکرم .انشالله توی زندگی همیشه با عزت و موفق باشی……….

    • محمدرضا الطافی

      سپاسگزارم از فیدبک شما. امیدوارم بتونیم با ارائه آموزش های بهتر، مسیر جذاب برنامه نویسی رو با هم پیش بریم.

  21. nimanasiri.real

    سلام استاد عالی بود فقط ای کاش دوره ی php و laravel و ….. هم داشتید . دوره ی بک اند پروژه محور داشتید عالی میشد . باز دستتون درد نکنه فوق العاد بود

    • محمدرضا الطافی

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

  22. charlie.zb22

    سلام وقت بخیر تو طراحی رابط کاربری قالب یه مشکلی دارم اینه که قسمت مقاله هارو که کامل کردم سایدبار رو که خواستم اضافه کنم موقعیتش میاد روبروی اخرین مقاله قرار میگیره با اینکه جفتشون داخل یه div هستن و مقالات float:right , و aside هم float:left مقداردهی شده طبق اموزش پیش رفتم ولی این مشکل هست ممنون میشم راهنمایی بفرمائید
    http://uupload.ir/files/banm_screencapture-file.png

    • محمدرضا الطافی

      نباید محتوا و سایدبار داخل یه div باشن. در واقع اگر در آموزش دیده باشید، ما محتوا رو داخل یه div جدا گذاشتیم و float اون رو right دادیم. و سایدبار رو داخل یه div جدا گذاشتیم. احتمالا شما، فقط یک والد برای هردو قرار دادید در حالیکه هر کدوم باید والد جدا(div جداگانه) داشته باشن.

  23. بی نام

    سلام ببخشید من خیلی سوال دارم اگه میشه ای دی تلگرامی تون رو بزارید تا سریع تر بشه سوال پرسید

    • محمدرضا الطافی

      @RezaAltafi

  24. mohsensharafi123

    سلام استاد خسته نبایشد این دوره هاتون واقعا عالیه اگه میشه دوره آموشیه php و ,mysql رو هم قراربدین با تشکر.

    • محمدرضا الطافی

      بله انشالله از اردیبهشت روی سایت قرار می گیره.

  25. iman.ach007

    سلام استاد خداقوت.واقعا کارتون عالیه ساده و بی ریا.من دوره های زیادی دیدم بصورت پروژه محور اما واقعا بدون هیچ اغراقی میگم شما بهترین هستین کاش زودتر اشنا میشدم با شما.

    • محمدرضا الطافی

      خوشحالیم که مورد استفادتون بوده.

  26. الهام

    سلام و درود خدمت استاد گرامی آقای الطافی عزیز
    منم مثل بسیاری از دوستان از این آموزش زیبا و کاربردی شما بهره بردم ( اولین بار بود که کد نویسی انجام میدادم به لطف شما )
    و امیدوارم هرکجا که هستید سربلند و پاینده باشید….
    فقط چندتا سوال
    چطوری سایتمون رو روی اینترنت قرار بدیم ؟ و اینکه بعد از قرار دادن بازم امکان ویرایشش هست؟
    پیشاپیش از حسن توجه شما کمال تشکر را دارم

    • محمدرضا الطافی

      سلام و عرض ادب. مچکرم نظر لطف شماست. انشالله به زودی در دوره های جدید در مورد انتشار روی هاست واقعی هم صحبت خواهیم کرد.

  27. maedeh.moradi.7576

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

    در هر صورت آموزش واقعا خوبی بود
    خسته نباشید

    • محمدرضا الطافی

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

  28. آرین صدری

    سلام خسته نباشید . سایت و آموزشهاتون واقعا عالیه !
    یه سوال داشتم : درمورد سِت کردن اندازه ی صفحه ی سایت در گوشی ها و کامپیوتر ها . از چه تگی باید استفاده کنم ؟!

    • محمدرضا الطافی

      سلام و عرض ادب مچکرم نظر لطف شماست!
      پیشنهاد می کنم از دوره بوتسترپ که رایگان روی سایت هست استفاده کنید.

  29. علیرضا ایلانلو

    سلام استاد اگر امکان داره دانلود تکی و یکجا اموزشها رو هم بزارید و اگر
    امکان د اره یک سایت دانلودی هم طراحی کنید ممنون
    عالی درس میدید ولی یکمی یواش تر تیپ کن و فونت برنامه هم ۱۴ باشه
    تادیده بشه ممنون استاد جان

    • محمدرضا الطافی

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

  30. sch25sch

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

    • محمدرضا الطافی

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

  31. ali16145269

    سلام خسته نباشید
    نظر شما در مورد فریمورک Tailwind CSS چیست
    بنده در حال برسی فریمورک های css هستم
    از ایراداتی که به بوت استرپ گرفته شده ظاهر شبیه به هم سایت ها هست و سنگینی بیشتر نسبت به بقیه فریمورک ها

    • محمدرضا الطافی

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

  32. BehnamilA

    سلام استاد
    فقط می خوام ازتون تشکر کنم خیییییییلییییییی عالیه آموزش هاتون

    • محمدرضا الطافی

      سپاسگزاریم

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

محمدرضا الطافی
مدرس دوره

محمدرضا الطافی

  • تاریخ انتشار: ۳۱ اردیبهشت ۱۳۹۷
  • طول دوره: 03:38:18

محصولات مرتبط

طراحی رابط کاربری
03:56:30

طراحی رابط کاربری با بوتسترپ(ورژن 4.4)

رایگان!
طراحی رابط کاربری
05:42:11

پیاده سازی 12 پروژه کاربردی jQuery

رایگان!