آکادمی برنامه نویسان

لوگو

توضیحات دوره

امروزه تکنولوژی در حال پیشرفت است و تغییرات زیادی داشته است. از اصلی ترین ویژگی های یک وبسایت ، کاربرپسند بودن آن می باشد . مزیت این دوره در این است که از بروزترین متد ها استفاده می شود ، طراحی موبایل فرندلی و استفاده از فریم ورک  tailwind می باشد .

 Css  یکی از مهم ترین تکنولوژی های دنیای وب می باشد . tailwind یک فریمورک جدید css  برای ساخت رابط کاربری سفارشی است.  این فریمورک شامل یک سری ویجت ها و کامپوننت ها است که کار توسعه دهنده را راحت تر میکند .

با توجه به رشد روز افزون تکنولوژی ، شاهد آنلاین شدن کسب و کارها هستیم از این رو درخواست برای فعالیت در فضای آنلاین بسیار افزایش کرده است .

پیش نیازها

  • دسترسی به کامپیوتری که ویندوز، مک او اس ایکس یا لینوکس دارد.
  •  بدون نیاز به دانش پیش نیاز

مخاطبان این دوره

  • هر کسی که می خواهد وب سایتی را به روش "حرفه ای" بسازد
  • هر کسی که طراحی وب را به عنوان یک سرگرمی انجام داده است اما در مورد مهارت خود در یک عرصه حرفه ای مطمئن نبوده است .
  • برنامه نویسانی با تجربه به دنبال افازیش دانش HTML5 و CSS3 خود هستند.
  • افرادی که به طراحی سایت علاقه مند هستند.

سرفصل دوره

  • کار با پاراگراف ها
  • کار با عناوین
  • عناصر جمله ای
  • عناصر لیست
  • عناصر تصاویر
  • کار با لینک ها
  • عناصر فرم
  • ورودی ها
  • تگ های معنایی

آشنایی با CSS

  • کار با رنگ ها
  • کار با پس زمینه ها
  • کار با class , ID
  • انتخابگر ها
  • واحد های اندازه گیری
  • فاصله ها
  • مفهوم box sizing
  • Position
  • Display
  • Float
  • طراحی واکنشگرا

Flex Box

  • Flex container
  • Flex items
  • Justify content
  • Align items
  • طراحی واکنشگرا به کمک flex box

Booststrap 5

  • Utilites
  • Compoentns
  • RTL
  • Break Points

 

TailwindCSS

  • مقدمه ای بر tailwind
  • اصول طراحی واکنشگرا
  • کار با رنگ ها و اندازه ها
  • شخصی سازی
  • Utilities
  • فلکس باکس در تیلویند

طراحی یک سایت کامل با html css bootstrap flexbox
 

اهداف این آموزش

  • یادگیری کد های Html, Css , tailwind , bootstrap 
  • نحوه استفاده و پیاده سازی کد ها در طراحی یک سایت
  • طراحی و پیاده سازه یک قالب وب سایت
  • تسلط کافی بر روی CSS
  • تسلط کافی بر روی HTML
  • تسلط کافی بر روی bootstrap  برای طراحی زیبای سایت