فایل تمرین این جلسه

https://youtu.be/YfVd5P2H9Uc?si=J5GLnyAE83U8Slrc

ساخت فرم ورود و ثبت‌نام حرفه‌ای (RTL) با HTML/CSS/JS — از صفر تا صد

آموزش ساخت فرم ورود و ثبت‌نام حرفه‌ای (RTL) با HTML, CSS, JS — طراحی واکنش‌گرا، اعتبارسنجی، و افکت‌های زیبا از صفر تا صد 🚀

در این آموزش کامل و پروژه‌محور، یاد می‌گیری چطور یک فرم ورود و ثبت‌نام حرفه‌ای (RTL) را فقط با HTML, CSS و JavaScript از صفر تا صد طراحی کنی.
این فرم کاملاً راست‌چین، واکنش‌گرا (Responsive) و مناسب برای وب‌سایت‌های فارسی است.
در طول آموزش، با طراحی رابط کاربری (UI)، اعتبارسنجی فیلدها، افکت‌های جذاب CSS، و ساخت ساختار مدرن آشنا می‌شوی تا فرم ورود و ثبت‌نامی مشابه سایت‌های حرفه‌ای بسازی.

🔹 ویژگی‌های این آموزش:

طراحی کامل فرم ورود و ثبت‌نام با HTML و CSS

راست‌چین (RTL) و کاملاً فارسی‌سازی‌شده

استفاده از JavaScript برای اعتبارسنجی (Validation)

طراحی واکنش‌گرا برای موبایل و دسکتاپ

انیمیشن‌های جذاب و رابط کاربری مدرن

مناسب برای تازه‌کارها تا سطح متوسط

بدون نیاز به هیچ فریم‌ورک اضافی

🎯 نتیجه نهایی: یک فرم آماده استفاده در پروژه‌های واقعی، وب‌سایت‌های شخصی یا پنل‌های کاربری.

📦 ابزارهای استفاده‌شده:
HTML5 – CSS3 – JavaScript – Google Fonts – Remixicon

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

https://youtu.be/zweTbQ9STBc?si=YiXkVRmQMr9mVD3n

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

https://youtu.be/zweTbQ9STBc?si=g--c16q-UU0CL8A_

🔥 یه ایده‌ی جدید برای ویدیوی بعدی دارم، می‌خوام نظر شما رو بدونم 👇

خیلی وقتا یه فرم ورود و ثبت‌نام قشنگ با HTML و CSS طراحی می‌کنیم،
اما در نهایت فقط ظاهره — یعنی کاربر چیزی واقعاً ثبت نمی‌کنه و اطلاعاتش ذخیره نمی‌شه 😅

می‌خوام توی ویدیو بعدی نشون بدم چطور همین فرم ساده رو به یه سیستم واقعی و داینامیک تبدیل کنیم با PHP و MySQL 💪
طوری که کاربر بتونه:
- واقعاً ثبت‌نام کنه ✅
- وارد حساب خودش بشه 🔐
- پیام خطا یا موفقیت دریافت کنه 🎉
- اطلاعاتش داخل دیتابیس ذخیره بشه 💾

حتی امنیت هم رعایت میشه (مثل password_hash و session) تا پروژه حرفه‌ای باشه.

حالا سوال من اینه 👇
دوست دارید این آموزش کامل و مرحله‌به‌مرحله ضبط بشه؟
یا ترجیح می‌دید فقط بخش اصلی (ثبت‌نام و ورود) رو آموزش بدم؟

عدد گزینه‌تون رو توی کامنت بنویسید ❤️
👇👇👇
1️⃣ آموزش کامل از صفر تا دیتابیس
2️⃣ فقط ساخت فرم و اتصال ساده به PHP
3️⃣ فقط سورس‌کد و توضیح ویدئویی کوتاه

https://www.youtube.com/post/UgkxUXDKRWLebHaq5EVQsdxrSj2-qcr-IXwg

طراحی بخش اپلیکیشن و نقشه سایت با HTML CSS JS | بخش حرفه‌ای قالب 🍔

در این جلسه می‌ریم سراغ دو بخش مهم و کاربردی قالب «تحویل غذا» 🍔
با هم یاد می‌گیریم چطور بخش اپلیکیشن (App Section) و موقعیت ما (Map Section) رو به‌صورت کاملاً واکنش‌گرا و مدرن طراحی کنیم.

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

https://youtu.be/BkQXTMWltuE?si=ZwxrXP_FAYyIKGmx

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

https://youtu.be/BkQXTMWltuE?si=ZwxrXP_FAYyIKGmx

🎓 اگر جلسه اول رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه اول]
https://youtu.be/AuyU3hFqTNU?si=Agsivx43ZZwxmcea

🎓 اگر جلسه دوم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه دوم ]
https://youtu.be/aCWbgJN_rvk?si=jQNzTaxugpT_wHKf

🎓 اگر جلسه سوم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه سوم ]
https://youtu.be/X8GwXmsWatM?si=1I_nh73UMUH-RUhk

🎓 اگر جلسه چهارم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه چهارم]
https://youtu.be/qCCt8HkPE0w?si=2YqDAqNP20kfjyzz

ساخت اسلایدر سه‌بعدی حرفه‌ای با CSS — بدون یک خط JavaScript!

در این ویدیو گام‌به‌گام یاد می‌گیری چطور با فقط HTML و CSS یک اسلایدر سه‌بعدی حرفه‌ای بسازی — بدون نیاز به JavaScript!
من در این آموزش از صفر تا صد کدها را باز می‌کنم، مفاهیم کلیدی طراحی سه‌بعدی، سایه‌ها، افکت‌های hover و ریسپانسیو را توضیح می‌دهم تا بتوانی این اسلایدر را در پروژه‌های شخصی و پروژه‌های مشتری پیاده‌سازی کنی.

چه چیزهایی یاد می‌گیریم:

ساختار HTML اسلایدر

طراحی کارت‌ها و لایه‌بندی سه‌بعدی با CSS (transform, perspective)

افکت‌های hover و انیمیشن روان (transition, transform)

سایه‌پردازی، گرادینت پس‌زمینه و جلوه‌های بصری حرفه‌ای

ریسپانسیو کردن اسلایدر برای موبایل و تبلت

نکات بهینه‌سازی و اضافه کردن متن/عکس به هر اسلاید
https://youtu.be/z3mov29YJXk?si=0bENktxo2pK0CL1q

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

https://youtu.be/z3mov29YJXk?si=LxVxl2Jw_deF2z_s

💎 یه پروژه خیلی خاص آماده دارم براتون!
یه اسلایدر کارت شیشه‌ای مدرن با افکت بلور و طراحی فوق‌العاده جذاب 😍

می‌خواین آموزش کاملش رو ضبط کنم و توی کانال یوتیوب بزارم؟ 🎥
👇 اگه دوست دارین این پروژه رو یاد بگیرین،
حتماً با ری‌اکشن 🔥 یا ❤️ نشون بدین تا زودتر برم سراغ ضبطش 💪
https://www.youtube.com/post/Ugkx9bMwumuJFoQgvpdlOMdUcWgyOMLKz6oI

اتصال فرم HTML به MySQL با PHP — سیستم Login & Register امن


در این آموزش PHP به‌صورت عملی و گام‌به‌گام می‌سازیم:

🔧 اتصال به دیتابیس MySQL (connect.php)

📝 ثبت‌نام (Register): اعتبارسنجی سمت سرور، جلوگیری از تکرار ایمیل/یوزرنیم، هش کردن پسورد

🔐 ورود (Login): بررسی اعتبار با prepared statements، ایجاد و نگهداری session

🚪 خروج (Logout): پاکسازی session و امنیت بیشتر

🛡 نکات امنیتی: Prepared Statements، password_hash/password_verify، جلوگیری از SQL Injection و XSS

https://youtu.be/EoGAlXzRCdA?si=NoV3GRT2522uGcUQ

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

https://youtu.be/EoGAlXzRCdA?si=SbxR0Ltk0I78NDE5

اسلایدر کارت شیشه‌ای مدرن با Swiper.js — گام‌به‌گام و عملی

در این آموزش گام‌به‌گام یاد می‌گیرید چطور با استفاده از HTML، CSS و Swiper.js یک
اسلایدر کارت شیشه‌ای (Glassmorphism) حرفه‌ای و مدرن طراحی کنید.
این پروژه کاملاً ریسپانسیو است و برای نمایش اعضای تیم، کارت‌های محصول یا نمونه‌کارها عالیه.

ویژگی‌های این آموزش:
✅ افکت شیشه‌ای مدرن (Glass Effect)
✅ انیمیشن‌های نرم و جذاب Swiper
✅ طراحی واکنش‌گرا برای موبایل و دسکتاپ
✅ کاملاً قابل ویرایش و مناسب برای پروژه‌های واقعی

اگر دنبال ساخت اسلایدرهای حرفه‌ای و مدرن UI/UX هستی، این ویدیو مخصوص توئه 🎯
یادت نره در پایان ویدیو نظرت رو بنویسی و برای دوستات هم بفرستی 🙌

https://youtu.be/IX1BJ2J3964?si=Kl8_CpEgpf6ILmVj

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

https://youtu.be/IX1BJ2J3964?si=YU5NtIizjvtByhTv

آغاز پروژه آموزش کامل راه‌اندازی سایت از صفر + حرف دلی درباره حمایت شما ❤️

سلام به همه ❤️
توی این ویدیو قراره یه پروژه‌ی خاص رو شروع کنیم:
آموزش کامل راه‌اندازی سایت از صفر تا طراحی قالب اختصاصی! 💪
از خرید دامنه و هاست گرفته تا طراحی ظاهر سایت، تنظیمات، امنیت و هر چیزی که برای ساخت یه سایت واقعی نیاز داری رو قدم‌به‌قدم با هم یاد می‌گیریم.
اما قبل از شروع، یه حرف دلی دارم براتون درباره‌ی حمایت شما از کانال 🙏
اگه همیشه کنارم بودین، بدونین که همین حمایت‌ها باعث میشه این مسیر ادامه پیدا کنه ❤️

اگه به آموزش وردپرس، طراحی سایت و ساخت قالب علاقه داری،
حتماً تا آخر ویدیو رو ببین و با من همراه شو.
https://youtu.be/Rh6nLBE-atY?si=8SbJ23X9z4nHR4dV

موزش طراحی فوتر سایت با HTML CSS JS ✨ + افکت‌های جذاب

در این جلسه پایانی از آموزش طراحی قالب تحویل غذا با HTML, CSS و JavaScript یاد می‌گیریم چطور یک فوتر حرفه‌ای و واکنش‌گرا بسازیم و با استفاده از انیمیشن‌های جذاب CSS جلوه‌ی بصری قالب رو زیباتر کنیم.
اگر جلسات قبلی رو دنبال کردی، الان وقتشه پروژه‌ت رو تکمیل کنی و یه سایت کامل بسازی! 💪

📌 در این جلسه یاد می‌گیری:

طراحی فوتر واکنش‌گرا با HTML و CSS

افزودن آیکون‌های شبکه‌های اجتماعی

افکت‌های انیمیشن و ترنزیشن جذاب

تنظیم رنگ‌ها و هماهنگی با تم سایت

جمع‌بندی و نهایی‌سازی پروژه
https://youtu.be/ilJhs7t5Wk8?si=qthbBCBol4_07l1e

🎓 اگر جلسه اول رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه اول]
https://youtu.be/AuyU3hFqTNU?si=Agsivx43ZZwxmcea

🎓 اگر جلسه دوم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه دوم ]
https://youtu.be/aCWbgJN_rvk?si=jQNzTaxugpT_wHKf

🎓 اگر جلسه سوم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه سوم ]
https://youtu.be/X8GwXmsWatM?si=1I_nh73UMUH-RUhk

🎓 اگر جلسه چهارم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه چهارم]
https://youtu.be/qCCt8HkPE0w?si=2YqDAqNP20kfjyzz

🎓 اگر جلسه پنجم رو ندیدی، از اینجا شروع کن 👇
👉 [لینک جلسه پنجم]
https://youtu.be/BkQXTMWltuE?si=ZwxrXP_FAYyIKGmx

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

فایل تمرین جلسه 6 اشتباه قرار داده شد بود این را مجدد دانلود فرمایید 🙏🙏🙏🙏

https://youtu.be/ilJhs7t5Wk8?si=qthbBCBol4_07l1e

🔥 آموزش جدید در راهه! شما انتخاب کنید — منوی نوار کناری مدرن چی داشته باشه؟ 😍

سلام به همه‌ی وردپرسی‌های خفن! 💪
قبل از اینکه آموزش بعدی منوی نوار کناری رو ضبط کنم، می‌خوام ازتون بپرسم:
دوست دارید روی کدوم بخش تمرکز کنم؟
🎨 طراحی ظاهری با CSS؟
⚡️ انیمیشن باز و بسته شدن منو؟
🌙 یا اضافه کردن حالت تاریک؟

بچه ها حتما این ویدیو را تا آخر ببیند نظرات خودتان را بنویس داخل کامنت برای من خیلی نظرات شما مهمه

https://youtu.be/1xl999T0Wms?si=13LVXx2CSaKJYiv_

🚀 فعال‌سازی خودکار منو هنگام اسکرول! آموزش ScrollSpy با JavaScript و CSS

سلام بچه‌ها! 👋
توی این آموزش قراره یه قابلیت فوق‌العاده رو یاد بگیریم 🔥
می‌خوایم کاری کنیم که وقتی کاربر اسکرول می‌کنه، لینک‌های منو خودشون فعال بشن! 😎
با هم ScrollSpy رو با JavaScript و CSS پیاده‌سازی می‌کنیم، دقیقاً مثل سایت‌های حرفه‌ای!

https://youtu.be/GwF8AUCREv8?si=beFAeh2qDjaIw6yC

فایل تمرین این جلسه

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨

https://youtu.be/GwF8AUCREv8?si=orZXD5dMNGCfWsnM