فایل تمرین این جلسه
با ریاکشن ❤️ یا 👍 یا 🔥 بهم حال بدید
https://youtu.be/BosZbXeknpA?si=sDskPOzGXtgY02A_

🎬 رفقااا یه سؤال مهم دارم ازتون! 😍

یه پروژه‌ی خیلی خاص و خفن آماده کردم…
می‌خوایم با HTML و CSS یه کتاب سه‌بعدی واقعی بسازیم! 📘✨
جدی می‌گم، فقط با کدنویسی یه کتابی طراحی می‌کنیم که انگار از صفحه میاد بیرون! 🤯

ازش می‌تونی برای معرفی کتاب‌ها، دوره‌ها یا حتی نمونه‌کارهای جذاب توی سایت استفاده کنی 💡
ولی قبل از اینکه شروع کنم ضبطش رو…
می‌خوام بدونم 👇

🔥 ضبطش کنم یا نه؟! 🔥

با ری‌اکشن‌ها نظرت رو بگو 👇
😍 یا ❤️ یعنی: آرههههه! منتظرشیم!
😐 یعنی: نه، این یکی لازم نیست

https://www.youtube.com/post/Ugkx0Q0DXKlmALgO1xWpgO2IE-H1ErKV20Su

آموزش طراحی بخش قهرمان (Hero Section) در قالب تحویل غذا با HTML CSS JS

🎬 توی این جلسه از آموزش طراحی قالب واکنش‌گرای تحویل غذا (Food Delivery Website)، می‌ریم سراغ طراحی بخش قهرمان یا همون Hero Section — اولین بخشی که کاربر موقع ورود به سایت می‌بینه.

• طراحی قالب واکنش‌گرای تحویل غذا با HTML CS...
توی این قسمت یاد می‌گیری:

ساختار بخش قهرمان با HTML

طراحی استایل جذاب با CSS

استفاده از Flexbox برای چینش درست محتوا

تنظیم پس‌زمینه و تصاویر ریسپانسیو

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

🚀 این آموزش با HTML، CSS و JS خام تدریس شده تا به صورت پایه‌ای و حرفه‌ای یاد بگیری چطور قالب واقعی طراحی کنی.

اگه دوست دارین جلسه بعدی هم ضبط کنم لطفا ، با یه ❤️ یا 👍 یا 🔥 بهم حال بدین تا بدونم 😎👇


https://youtu.be/aCWbgJN_rvk?si=jQNzTaxugpT_wHKf

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

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨
https://youtu.be/aCWbgJN_rvk?si=CNYhQVvhaFzyKbTN

طراحی فرم ورود شیشه‌ای با HTML & CSS — پروژه کامل (از صفر تا صد)
در این ویدیو قدم‌به‌قدم یک فرم ورود (Login Form) با افکت شیشه‌ای و انیمیشن‌های نرم می‌سازیم — فقط با HTML و CSS. پروژه عملی و قابل اجرا بلافاصله؛ مناسب برای وب‌سایت‌ها و نمونه‌کارهای شما.

با ریاکشن ❤️ یا 👍 یا 🔥 بهم حال بدید

https://youtu.be/HK2JCljW6vo?si=IhnJav_spuAbRF0B

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

https://youtu.be/HK2JCljW6vo?si=IhnJav_spuAbRF0B

🔥 یه ایده جدید دارم برای آموزش بعدی:
می‌خوام یه افکت حاشیه الکتریکی (برق‌زنان) بسازم با HTML، CSS و کمی SVG — افکتی که می‌تونی تو کارت‌ها یا باکس‌های خاص سایت استفاده کنی 😎

اما قبل از اینکه ضبطش کنم،
می‌خوام بدونم 👇
📣 دوست داری آموزش کاملش ضبط بشه؟

اگه نظرت مثبته، با ری‌اکشن 👍 یا ❤️ نشون بده
تا اگه استقبال شد، آموزش رو ضبط کنم و توی یوتیوب بذارم 💪

https://www.youtube.com/post/UgkxOuBXTUPus468jhmCZ3Ai-99cWz31JqDT

از اینجا سایت حرفه‌ای بساز! طراحی خدمات و محصولات سایت تحویل غذا 🚀

در این جلسه از پروژه طراحی قالب تحویل غذا، یاد می‌گیریم چطور بخش خدمات (چگونه کار می‌کند؟) و منوی محصولات یا محبوب‌ترین‌ها رو فقط با HTML, CSS و JS طراحی کنیم.
در این بخش تمرکز ما روی طراحی باکس‌های واکنش‌گرا، افکت‌های Hover و چیدمان حرفه‌ای کارت‌ها است تا ظاهر قالب دقیقاً مثل سایت‌های حرفه‌ای تحویل غذا بشه.

🔸 ویژگی‌های این جلسه:

طراحی بخش خدمات با چیدمان سه‌ستونه

طراحی کارت‌های محصول با دکمه و قیمت

واکنش‌گرا کردن منو برای موبایل

استفاده از CSS Grid و Flexbox

آماده برای اضافه کردن به قالب نهایی


https://youtu.be/X8GwXmsWatM?si=1I_nh73UMUH-RUhk



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

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

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

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

https://youtu.be/X8GwXmsWatM?si=j0L7o1xhQRgAUpVa

ساخت کتاب سه‌بعدی فقط با HTML, CSS و JS 😍 | آموزش کامل و پروژه‌محور برای طراحان وب

در این آموزش پروژه‌محور یاد می‌گیری چطور فقط با HTML، CSS و JS یک کتاب سه‌بعدی حرفه‌ای بسازی!
اگر عاشق طراحی وب هستی و می‌خوای مهارتت رو بالا ببری، حتماً تا آخر ویدیو رو ببین ❤️

https://youtu.be/Py_QTVgtj7U?si=Ss-LJRpBBJp6Sre-

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

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨
https://youtu.be/Py_QTVgtj7U?si=Ss-LJRpBBJp6Sre-

🎉 ۶۰۰ نفر شدیم! 🎉

باورم نمی‌شه 😍 کانال تلگراممون حالا ۶۰۰ تا همراه با انگیزه و پرانرژی داره!
از روزی که شروع کردیم تا الان، هر لایک، ریاکشن و نظری که گذاشتین باعث شد انگیزه بگیرم و آموزش‌های بیشتری بسازم 💪

📺 راستی اگه هنوز کانال یوتیوب رو دنبال نکردین، اونجا آموزش‌های کامل HTML، CSS و پروژه‌های کاربردی مرحله‌به‌مرحله قرار می‌دم.
می‌تونید از همینجا برید و ویدیوها رو ببینید 👇
🔗 لینک کانال یوتیوب
https://www.youtube.com/@replywp

❤️ ممنون از حمایت‌هاتون، چون بدون شما این مسیر ادامه پیدا نمی‌کرد.
بریم که مسیر یادگیری‌مون رو تا ۱۰۰۰ نفر ادامه بدیم! 🚀

#HTML #CSS #طراحی_وب #آموزش

راز طراحی بخش نظرات کاربران با HTML CSS JS و Swiper فاش شد!

در این جلسه از پروژه طراحی قالب تحویل غذا 🍔، بخش نظرات کاربران (User Reviews) رو طراحی می‌کنیم.
در این آموزش یاد می‌گیری چطور با HTML, CSS و کتابخانه Swiper JS یک اسلایدر زیبا و واکنش‌گرا برای نمایش نظرات کاربران بسازی ⭐️

https://youtu.be/qCCt8HkPE0w?si=2YqDAqNP20kfjyzz

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

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨
https://youtu.be/qCCt8HkPE0w?si=E6j0WmDOj1eCLzzu

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

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

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

🔥 به نظرت این کارت محصول ارزش ضبط آموزش داره؟ 🔥

همین طرح خفن رو فقط با HTML و CSS طراحی کردم 😍
هم ریسپانسیوه، هم افکت‌های جذاب داره، هم طراحی‌اش تمیز و حرفه‌ایه 💪

می‌خوام بدونم اگه شما هم دوست دارید آموزش کاملش رو ضبط کنم و داخل کانال یوتیوب بذارم،
حتماً با ری‌اکشن ❤️ یا 🔥 به من بگید تا برم سراغ ضبطش 🎥

🧠 نظرتون خیلی مهمه چون باعث میشه آموزش‌هایی بسازم که واقعاً دلتون بخواد 👇
https://www.youtube.com/post/UgkxDwhU51Gg91Rvu3TNXJefrzWn-3OnvaPe

آموزش ساخت حاشیه الکتریکی (Neon Border) با HTML + CSS + SVG — بدون JS

آموزش کامل ساخت حاشیه الکتریکی (Neon Border) با فقط HTML + CSS + SVG — سریع، ریسپانسیو و بدون جاوااسکریپت. مناسب کارت‌ها، هِروها و پنل‌های سایت.

در این ویدیو از صفر تا صد یک افکت مرز نئونی و متحرک می‌سازیم: قرار است SVG برای شکل و فیلترها، و CSS برای رنگ‌دهی، Glow و انیمیشن استفاده شود. کدها ساده و قابل استفاده دوباره (component) هستند و بهینه برای موبایل در توضیحات قرار گرفته‌اند.

آنچه در این آموزش یاد می‌گیرید:

ساختار HTML ساده برای کارت/باکس

اضافه کردن SVG (stroke, filter, noise)

استایل‌دهی glow و animation با CSS

بهینه‌سازی برای موبایل و عملکرد (بدون JS)

تبدیل به کامپوننت قابل استفاده مجدد
حتماً با ری‌اکشن ❤️ یا 🔥 به من بگید این آموزش کاربردی بوده یا نه

https://youtu.be/OXLt2Jf7NzA?si=gY463oHCN4oUNGns

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

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

https://youtu.be/OXLt2Jf7NzA?si=gY463oHCN4oUNGns

از صفر تا صد: فرم ورود Glassmorphism با دکمه نمایش رمز 👁

در این ویدیو یاد می‌گیری چطور با HTML، CSS و JavaScript یه فرم ورود شیشه‌ای جذاب (Glassmorphism) بسازی که حتی دکمه نمایش رمز عبور هم داره 👁

این پروژه هم ساده‌ست، هم کاربردی و ظاهرش کاملاً مدرن و حرفه‌ایه!
🔥 مناسب برای تمرین طراحی وب و اضافه کردن به رزومه یا پروژه‌هات

📁 توی آموزش مرحله‌به‌مرحله یاد می‌گیری:

ساخت فرم لاگین با ساختار HTML

طراحی افکت شیشه‌ای با CSS (Glassmorphism)

افزودن قابلیت نمایش/مخفی کردن رمز عبور با JS

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

👇 اگر آموزش‌های بیشتر از این سبک دوست داری، با لایک و اشتراک‌گذاری ویدیو حمایت کن ❤️
و یادت نره توی کامنت بنویسی:
https://youtu.be/u-OEs8t6SAs?si=hbyn5dSpow3tbIHi

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

❤️ فراموش نکن:
لایک 👍 + نظر 💬 + اشتراک‌گذاری 🔁
باعث میشه آموزش‌های بعدی سریع‌تر منتشر بشن ✨
https://youtu.be/u-OEs8t6SAs?si=DSd97UfcP52nQUjf

🎥 پروژه جدید: اسلایدر سه‌بعدی حرفه‌ای فقط با HTML و CSS 😍

یه پروژه فوق‌العاده آماده کردم که بدون حتی یه خط JavaScript ساخته شده!
اسلایدر به‌صورت سه‌بعدی می‌چرخه، با هاور متوقف میشه و کاملاً ریسپانسیوه ✨

به نظرتون آموزش کاملش رو ضبط کنم و بزارم داخل کانال یوتیوب؟
👇👇👇
اگه موافقین، با ریاکشن ❤️ یا 👍 حتماً بگین تا شروع کنم ضبطش 🎬

https://www.youtube.com/post/UgkxiguCfyTbYxN2y8i_EQOnTbK91hIR0J1e