فرانت اند
محتوای این دوره تکمیل شده

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

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

آخرین بروزرسانی در تاریخ ۱۴۰۳/۰۹/۰۵
08 : 51 : 51

قیمت دوره :

courseTitle

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

 

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

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

 

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

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

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

 

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

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

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

 

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

 

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

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

 

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

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

 

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

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

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

 

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

 

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

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

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

مشاهده بیشتر

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

مقدمات

ساخت صفحه اصلی آگهی ها

ساخت صفحه ایجاد آگهی

ساخت صفحه جزئیات آگهی

ساخت صفحه چت

ویژگی های دوره

پشتیبانی

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

سورس دوره

سورس دوره به صورت رایگان در اختیار دانشجویان قرار میگیرد

سطح دوره

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

ویدیو‌های نمونه تدریس دوره

 

1

نصب تیلویند

 

2

 

3

 

4

 

5

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

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

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

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

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