ساخت اسلایدرهای دیجیکالا با چیزهایی که بلدیم
توی این جلسه میخوایم با استفاده از چیزهایی که بلدیم چنتا اسلایدر بسازیم. برای همین نیاز به یک نمونه داریم. میریم از DIGIKALA نگاه میکنیم و ایده میگیریم و بعد سعی میکنیم همون طراحی هارو درست بکنیم.
توی جلسه قبل با swiperjs
آشنا شدیم و دیدیم چجوری ازش استفاده کنیم. توی جلسات قبلتر هم با CSS
، JavaScript
، Sass
و HTML
آشنا شدیم و دیدیم هر کدوم به چه دردی میخوره. توی این جلسه یه فرض میکنیم دیزاینر بهمون اسلایدری شبیه به دیجیکالا داده و گفته این رو باید بزنی. و ما هم با نگاه کردن بهش، سعی میکنیم با ابزارهایی که دستمون هست، این کار رو انجام بدیم.
توی این قسمت با VSCode آشنا میشیم و یک پکیج کاربردی رو معرفی میکنیم که بدون اون واقعا کد زدن سخته. در ادامه اولین صفحه HTML رو میسازیم و توش به معر ...
این قسمت، ادامه بحث در باره HTML هست. با تگ های بیشتری آشنا میشیم، همچنین کاربرد اتربیوت ها رو توی تگ ها یاد میگیریم. آدرس دهی نسبی رو میبینیم چجوریه ...
توی این قسمت در ابتدا، جلسه های قبل رو دوره میکنیم. در ادامه میگیم CSS چیه و چیکار میخواد واسمون بکنه. اولین CSS رو میزنیم و با اولین Selector آشنا می ...
در ادامه جلسه قبل ( آشنایی با CSS )، توی این جلسه به بحث بیشتر در باره سلکتورهایی مثل ID و CLASS می پردازیم. همچنین بیشتر در باره اولویت ها صحبت میکنی ...
توی این جلسه به چند Property و Value های مربوطه برای CSS می پردازیم. مثل position display border font-size و ... و البته بحث بیشتر ...
توی این قسمت، بیشتر با CSS کار میکنیم و با Property و Value های بیشتری آشنا میشیم مثل: transform background-image background-size backgro ...
توی این جلسه، به معرفی JQery می پردازیم. در واقع JQuery یک کتابخانه هست که با JavaScript نوشته شده. JQuery بهمون امکان کنترل Event های توی صفحه رو ...
توی این جلسه، به معرفی Bootstrap می پردازیم. Bootsrap یک Framework برای Front-End کارهاست تا همه چیرو خیلی سریعتر شروع کنن و نیاز به کنترل موارد کمتری ...
توی این جلسه میریم ببینیم تا الان چی کردم. پس یه سر میزنیم به Bootstrap و در ادامه به Sass میپردازیم. Sass رو روی VScode میاریم تا بتونیم راحتتر CS ...
هدف این جلسه معرفی ابزاری برای ساخت #اسلایدر (#slider) توی فرانت اند هست. همون طور که از قبل دیدین، ما برای درست کردن یک صفحه، میتونیم کد هارو از ...
توی این جلسه میخوایم با استفاده از چیزهایی که بلدیم چنتا اسلایدر بسازیم. برای همین نیاز به یک نمونه داریم. میریم از DIGIKALA نگاه میکنیم و ایده میگیری ...