ساخت سایت فروشگاهی کتاب با HTML/CSS/JS — جستجوی هوشمند + فیلتر و سبد خرید | سورس رایگان (۵ ساعته)
MRCODEE
0:00 / 0:00
ساخت سایت فروشگاهی کتاب با HTML/CSS/JS — جستجوی هوشمند + فیلتر و سبد خرید | سورس رایگان (۵ ساعته)
3 467 просмотров · 1 г. назад
MRCODEE
2,29 тыс. подписчиков
3 467 просмотров · 1 г. назад
ساخت کامل سایت فروشگاهی کتاب با HTML / CSS / JavaScript — سورس رایگان + راهنمای کامل. در این ویدیو از صفر تا صد صفحه اصلی، درباره ما، تماس، صفحه جزئیات کتاب، جستجوی هوشمند، فیلتر دستهبندی و سبد خرید را طراحی و پیادهسازی کردم. بیش از ۵۰ کتاب واقعی بهعنوان دیتا استفاده شده و سورس کد رایگان است.
ویژگیهای مهم این پروژه:
صفحه اصلی، درباره ما، تماس با ما، صفحه جزئیات هر کتاب، صفحه سرچ و صفحه فیلتر دستهبندی.
جستجوی هوشمند در هدر (سرچ بلادرنگ).
فیلتر دستهبندی در صفحه اصلی (۵ فیلتر) و نمایش بخشهای مختلف با فیلترها.
اسلایدر، بخش کتابهای مرتبط بر اساس دستهبندی و سبد خرید عملکردی.
بیش از ۵۰ کتاب واقعی در دیتا — بدون محدودیت در افزودن یا ویرایش کتابها.
ساخته شده با HTML / CSS / JS — سورس کامل و رایگان.
نحوه دریافت سورس: ویدیو را لایک کنید و اسکرینشاتِ لایک را به آیدی تلگرام @mrcodee_js ارسال کنید — سپس سورس برای شما ارسال میشود. (توضیح کامل در ویدیو)
تایملاین کامل ویدیو:
00:00 اینترو
07:48 نحوه دریافت سورس کد
17:27 هدر سایت
42:44 ریسپانسیو سازی هدر
51:32 طراحی صفحه درباره ما و تماس با ما
01:51:26 طراحی هرو
02:03:43 ساخت فیلتر دسته بندی
03:02:28 ساخت صفحه سرچ هوشمند
03:36:22 صفحه جزئیات کتاب
04:14:53 سبد خرید
04:59:19 توضیحات پایانی
اگر دنبال سورس، آموزش قدمبهقدم و پروژهای قابل توسعه میگردی — حتما ویدیو رو کامل ببین و سورس رو از طریق تلگرام دریافت کن.
لطفاً کانال رو سابسکرایب کن و زنگوله رو روشن کن تا آموزشهای بعدی رو از دست ندی 🙏
📢 کانال تلگرام (آموزش، نکات، سورس کد):
https://t.me/htmlcss1385
💬 گروه تلگرام (پرسش و پاسخ):
https://t.me/frontend_webdesigner
هشتگها
#سایت_فروشگاهی #فرانت_اند #جاوااسکریپت