آموزش کتابخانه های کاربردی در طراحی وب

آموزش کتابخانه های کاربردی در طراحی وب

آموزش کتابخانه های کاربردی در طراحی وب (پروژه محور)

در حال حاضر بیش از 95 درصد وب سایت های آنلاین و بروز در حال استفاده از کتابخانه مدرن وب هستند. این کتابخانه ها با استفاده از css و javascript  ساخته شده اند و باعث افزایش سرعت و طراحی می شود و همینطور گاهی اوقات هم میتونه باعث این شود که بتونید بهترین حالت UI  را طراحی کنید.

توی این دوره ما قصد داریم با هم 6 تا از کتابخانه های کاربردی در طراحی سایت رو با هم کار کنیم و یاد بگیریم. این کتابخانه ها عبارت اند از: Swiper js , animate css , wow js , video js , popper , modernizr پیشنیاز های دوره html css js  هست به صورت متوسطه. قراره توی دوره با فریمورک جاوا اسکریپتی ری اکت هم این کتابخانه ها را پیاده سازی کنیم تا فرآیند کار با کتابخانه ها در فریمورک های جاوا اسکریپتی هم یاد بگیریم.

در قسمت های پایانی دوره یک مینی پروژه کوچیک با هم دیگه داریم که قراره این کتابخانه هارو همرو پیاده سازی کنیم و یک قالب کوچیکی باهم درست کنیم دوستان حتما به html css مسلط باشید چرا که در قسمت پایانی وقت رو برای توضیحات ویژگی های css  قرار نیست هدر بدیم J.

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

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

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

مقدمه توضیحات دوره

بررسی داکیومنت Swiper و شروع کار با Swiper

ادامه کار با Swiper

پیاده سازی کتابخانه swiper در ری اکت

بررسی داکیومنت animate css و شروع کار با animate css

بررسی داکیومنت wow js و استفاده در کنار animate css

پیاده سازی کتابخانه animate css وwow js  در یک صفحه لندینگ پیج

پیاده سازی کتابخانه animate css و wow js در ری اکت

بررسی داکیومنت Video js و شروع کار با Video js

پیاده سازی video js در ری اکت

بررسی داکیومنت Popper و شروع کار با popper

پیاده سازی Popper در ری اکت

بررسی داکیومنت Modernizr  و شروع کار با Modernizr

ادامه کار با Modernizr

پیاده سازی Modernizr در ری اکت

شروع و پیاده سازی مینی پروژه دوره