loading...

طراحی سایت مشابه شیپور با استفاده از TailwindCss

زمانی که در مسیر جذاب طراحی وب سایت، مخصوصا طراحی فرانت اند قرار میگیریم، همیشه دوست داریم روزی بتوانیم قالب های وب سایت های معروف مانند دیجی کالا ، شیپور ، دیوار و… را خودمان طراحی کنیم جوری که با طرح اصلی تفاوتی نداشته باشد. بعضی از مواقع کارفرما حتی بدون مقدمه به ما درخواست طراحی یک وب سایت برای مثال مانند (شیپور) را می دهد. اما به نکته ی جالبی که اینجا به آن برخواهیم خورد این است که ما فایل (UIUX) طراحی استاندارد قالب وب سایت را نداریم و باید از روی قالب اصلی سایت این پروژه را طراحی کنیم. به جرات می توان گفت که طراحی چنین پروژه ای می تواند جذاب و کمی چالش برانگیز باشد. در این دوره خارق العاده، شما به دل این چالش ها خواهید رفت و صفر تا صد سایت شیپور را به صورت حرفه ای طراحی خواهید کرد. برای شروع این دوره خارق‌العاده، شما نیاز به دانش کافی از فریمورک‌ Tailwindcss خواهید داشت.

قیمت: 700,000 تومان 280,000 تومان

قیمت ارزی (تتر):

X
08 : 51 : 51
42 جلسه
5 فصل
2 سال پشتیبانی

طراحی سایت مشابه شیپور با استفاده از TailwindCss

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

 

هدف دوره آموزشی طراحی سایت مشابه شیپور با Tailwindcss 

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

 

چرا فریمورک Tailwindcss؟

شاید الان سوالی که ذهن شما را شدیدا درگیر کرده است این باشد که چرا حالا فریمورک Tailwindcss؟ مگر دیگر فریمورک های طراحی فرانت اند چه تفاوت هایی با این فریمورک دارند؟ ساده بگویم که این فریمورک جذاب و دوست داشتنی به دلایل مختلفی اعم از : سبک بودن، کامپوننت های بسیار جذاب، ریسپانسیو سازی بهینه تر، شخصی سازی صد درصدی المان های موجود و ویژگی های بسیار دیگری تبدیل به محبوب ترین فریمورک طراحی فرانت اند شده است.

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

 

معرفی دوره طراحی سایت مشابه شیپور با Tailwindcss 

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

بیایید تا نگاهی به سرفصل های دوره آموزشی طراحی سایت مشابه شیپور با Tailwindcss بیندازیم:

 

  • در فصل اول، که مقدمه است، ما در مورد مقدمات کار با این فریمورک دوست داشتنی و همچنین در مورد نصب Tailwindscss و تنظیم فونت فارسی با شما عزیزان صحبت خواهیم کرد.
  • در فصل دوم، که مهمترین فصل این دوره است ما به سراغ صفحه اصلی آگهی ها خواهیم رفت و در کنار هم با در نظر گرفتن قالب اصلی سایت شیپور، تمام قسمت ها اعم از (ساخت منو سایت، بخش دسته بندی ها، بخش آخرین آگهی ها، فوتر موبایل و فوتر دسکتاپ) را به صورت دقیق طراحی خواهیم کرد.
  • در فصل سوم، ساخت صفحه ایجاد آگهی  را شروع خواهیم کرد و قسمت هایی مانند(فوتر موبایل این صفحه، فرم درج آگهی ها، ساختن مودال ها و..) را پیاده سازی خواهیم کرد.
  • در فصل چهارم، به جزئیات آگهی هایمان خواهیم پرداخت و این قسمت را باهم قدم به قدم با استفاده از فریمورک Tailwindcss بهینه طراحی خواهیم کرد.
  • در فصل پنجم، ما به سراغ ساخت صفحه چت، خواهیم رفت و امکاناتی مانند : (هدر صفحه، فوتر موبایل، بخش های اصلی صفحه چت) را به صورت کامل پیاده سازی خواهیم کرد.

 

مخاطبین دوره طراحی سایت مشابه شیپور با Tailwindcss

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

 

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

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

 

مزیت و کاربرد های فریمورک Tailwindcss 

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

بیایید تا کمی با کاربرد ها و مزایای این فریمورک دوست داشتنی آشنا شویم. مزایایی مانند :

 

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

 

ویژگی های اصلی دوره آموزشی طراحی سایت مشابه شیپور 

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

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

سرفصل های دوره

مقدمات
  • نصب تیلویند

    00:10:05
  • تنظیم فونت فارسی در تیلویند

    منتشرشده 00:06:06
  • ساخت صفحه اصلی آگهی ها
  • ساخت منو سایت بخش اول

    00:11:47
  • ساخت منو سایت بخش دوم

    منتشرشده 00:08:34
  • ساخت منو سایت بخش سوم

    منتشرشده 00:15:51
  • ساخت منو سایت بخش چهارم

    00:08:54
  • بخش دسته بندی ها

    منتشرشده 00:14:27
  • آخرین آگهی ها بخش اول

    منتشرشده 00:14:33
  • آخرین آگهی ها بخش دوم

    منتشرشده 00:16:06
  • آخرین آگهی ها بخش سوم

    00:07:22
  • فوتر موبایل بخش اول

    منتشرشده 00:13:27
  • فوتر موبایل بخش دوم

    منتشرشده 00:11:37
  • فوتر دسکتاپ بخش اول

    منتشرشده 00:12:24
  • فوتر دسکتاپ بخش دوم

    منتشرشده 00:16:57
  • فوتر دسکتاپ بخش سوم

    منتشرشده 00:15:15
  • فوتر دسکتاپ بخش چهارم

    منتشرشده 00:17:42
  • تکمیل صفحه اصلی آگهی

    منتشرشده 00:05:13
  • ساخت صفحه ایجاد آگهی
  • ساخت هدر موبایل

    منتشرشده 00:13:55
  • ساخت فوتر موبایل

    منتشرشده 00:12:20
  • اضافه کردن آگهی بخش اول

    منتشرشده 00:15:57
  • اضافه کردن آگهی بخش دوم

    منتشرشده 00:13:37
  • اضافه کردن آگهی بخش سوم

    منتشرشده 00:16:19
  • اضافه کردن آگهی بخش چهارم

    منتشرشده 00:14:11
  • ساخت پلاگین اینپوت

    منتشرشده 00:10:43
  • ساخت مودال بخش اول

    منتشرشده 00:18:18
  • ساخت مودال بخش دوم

    منتشرشده 00:10:39
  • ساخت مودال بخش سوم

    منتشرشده 00:13:52
  • ساخت مودال بخش چهارم

    منتشرشده 00:02:55
  • ساخت صفحه جزئیات آگهی
  • صفحه جزئیات آگهی

    منتشرشده 00:07:55
  • اسلایدر آگهی بخش اول

    منتشرشده 00:12:19
  • اسلایدر آگهی بخش دوم

    00:19:51
  • ساخت Breadcrumb

    منتشرشده 00:10:01
  • اطلاعات آگهی دهنده

    منتشرشده 00:16:47
  • جزئیات آگهی بخش اول

    منتشرشده 00:13:18
  • جزئیات آگهی بخش دوم

    منتشرشده 00:07:35
  • جزئیات آگهی بخش سوم

    منتشرشده 00:18:43
  • جزئیات آگهی بخش چهارم

    منتشرشده 00:15:01
  • ساخت صفحه چت
  • ساخت هدر صفحه چت

    منتشرشده 00:12:23
  • ساخت فوتر موبایل در صفحه چت

    منتشرشده 00:15:16
  • ساخت بخش چت قسمت اول

    منتشرشده 00:16:26
  • ساخت بخش چت قسمت دوم

    منتشرشده 00:09:52
  • ساخت بخش چت قسمت سوم

    منتشرشده 00:07:18
  • پیشنیاز های دوره چه چیزهایی هستند؟

    • HTML
    • Css
    • Tailwindcss

    نظرات دانشجویان

    مدرس دوره

    سید ایمان هاشمی


    از سال 94 به برنامه‌نویسی علاقمند شدم و الان بیشتر از 8 ساله که در زمینه برنامه نویسی وب فعالیت میکنم. به تدریس علاقه دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم.

    سوالات متداول

    فریمورک Tailwindcss چیست؟

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

    این دوره نسبت به دوره های دیگر چه مزیتی دارد؟

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

    این دوره برای چه سطحی از برنامه نویسان مناسب است؟

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

    آیا این دوره پروژه محور است؟

    بله، این دوره آموزشی جذاب کاملا پروژه محور بوده و شما پس از اتمام دوره قادر به ساخت یک پروژه جذاب و حرفه ای با فریمورک Tailwindcss خواهید بود.