- Видео 50
- Просмотров 9 183
MRCODEE
Германия
Добавлен 2 май 2024
طراحی هدر و هرو سایت کافی‌شاپ با React و Tailwind | جلسه دوم
کانال تلگرام t.me/htmlcss1385
در جلسه دوم دوره پروژه‌محور طراحی سایت کافی‌شاپ با React و Tailwind، به طراحی هدر (Header) و بخش هرو (Hero) می‌پردازیم. در این آموزش، گام‌به‌گام با استفاده از تیلویند، بخش‌های ابتدایی سایت را با طراحی مدرن و ریسپانسیو می‌سازیم. این ویدیو برای توسعه‌دهندگان تازه‌کار و حرفه‌ای که به دنبال یادگیری طراحی‌های جذاب و اصولی با Tailwind و React هستند، کاملاً مناسب است. همین حالا تماشا کنید و مهارت‌های خود را ارتقا دهید!
00:00 اینترو
00:30 برسی کامنت ها
06:23 طراحی هرو
22:07 طراحی هدر و منو
#react_js#tailwindcss #طراحی_سایت
در جلسه دوم دوره پروژه‌محور طراحی سایت کافی‌شاپ با React و Tailwind، به طراحی هدر (Header) و بخش هرو (Hero) می‌پردازیم. در این آموزش، گام‌به‌گام با استفاده از تیلویند، بخش‌های ابتدایی سایت را با طراحی مدرن و ریسپانسیو می‌سازیم. این ویدیو برای توسعه‌دهندگان تازه‌کار و حرفه‌ای که به دنبال یادگیری طراحی‌های جذاب و اصولی با Tailwind و React هستند، کاملاً مناسب است. همین حالا تماشا کنید و مهارت‌های خود را ارتقا دهید!
00:00 اینترو
00:30 برسی کامنت ها
06:23 طراحی هرو
22:07 طراحی هدر و منو
#react_js#tailwindcss #طراحی_سایت
Просмотров: 103
Видео
دوره طراحی سایت کافی‌شاپ با React و Tailwind - جلسه اول | معرفی و شروع پروژه
Просмотров 20316 часов назад
کانال تگرام برای سورس کد t.me/htmlcss1385 در این جلسه از دوره جامع طراحی سایت کافی‌شاپ با React و Tailwind، با پروژه جذاب خود آشنا می‌شوید. این دوره شامل طراحی کامل سبد خرید، صفحه ثبت‌نام و لاگین است. در این ویدیو، نصب و راه‌اندازی React و Tailwind را قدم به قدم یاد می‌گیرید. اگر به دنبال یادگیری طراحی سایت حرفه‌ای با ابزارهای مدرن هستید، این دوره را از دست ندهید! برای یادگیری کامل همراه ما باش...
چطور از ChatGPT مثل یک برنامه‌نویس حرفه‌ای استفاده کنیم (نه یک کپی‌کار!)
Просмотров 357День назад
کانال تلگرام t.me/htmlcss1385 آیا از ChatGPT برای کدنویسی استفاده می‌کنید؟ اگر فقط کدها را کپی می‌کنید، راه را اشتباه می‌روید! در این ویدیو یاد می‌گیرید چگونه از ChatGPT به‌درستی استفاده کنید تا برنامه‌نویسی را بهتر یاد بگیرید. به شما نشان می‌دهم که چرا درخواست توضیح کد از ChatGPT و بازنویسی آن توسط خودتان می‌تواند مهارت شما را چندین برابر کند. این روش نه‌تنها کدنویسی شما را ارتقا می‌دهد، بلکه ...
طراحی سایت کتاب 📚 فقط با HTML و CSS ✨ کاملاً ریسپانسیو
Просмотров 30321 день назад
ایدی مدرس t.me/Mrcodee_js کانال تلگرام t.me/htmlcss1385 توی این ویدیو 🎥 یاد می‌گیریم که چطور یک قالب سایت کتاب زیبا و حرفه‌ای 📚 طراحی کنیم که کاملاً ریسپانسیو باشد! 🚀 این آموزش برای کسایی که با طراحی اصولی و ریسپانسیو مشکل دارند عالیه. 💡 ✅ در این ویدیو با مفاهیمی مثل: Flex و Flex Wrap Grid Layout آشنا می‌شید و یاد می‌گیرید چطور یک پروژه حرفه‌ای طراحی کنید که روی همه دستگاه‌ها عالی دیده بشه! 🖥️📱...
مروری جذاب بر مطالب گذشته تیلویند + طراحی نوابار ریسپانسیو با React & Tailwind!
Просмотров 8121 день назад
کانال تلگرام t.me/htmlcss1385 در این ویدیو به مرور نکات و مطالب گذشته درباره تیلویند (Tailwind) می‌پردازیم و یاد می‌گیریم چطور یک نوابار ریسپانسیو حرفه‌ای طراحی کنیم. 🚀 📌 با استفاده از React و Tailwind CSS، شما نحوه ساخت یک ناوبری مدرن، کاربردی و سازگار با انواع دستگاه‌ها را یاد می‌گیرید. 🔸 این ویدیو برای تمام علاقه‌مندان به طراحی وب، به ویژه کسانی که به دنبال یادگیری ریسپانسیو‌سازی و سفارشی‌سا...
آموزش کامل ساخت سایت شبیه جاباما با React و Tailwind CSS | پروژه کاربردی رزرواسیون ویلا
Просмотров 52028 дней назад
📢 کانال تلگرام: [htmlcss1385] (t.me/htmlcss1385) 👨🏫 آیدی مدرس: [@Mrcodee_js] (t.me/Mrcodee_js) در این ویدیو، قدم به قدم و از صفر تا صد، ساخت سایت شبیه جاباما، یک سایت رزرواسیون ویلا و سوئیت را به شما آموزش می‌دهیم. 🔥 با این پروژه جذاب، می‌توانید مفاهیم کلیدی React مانند Context و React Router DOM را در عمل یاد بگیرید و با پیاده‌سازی فیلتر جستجو و کار با هوک‌های کاربردی مثل useEffect و useState...
آموزش ریسپانسیو سازی با Tailwind CSS 🌐 | جلسه ششم از سری آموزش Tailwind
Просмотров 75Месяц назад
کانال تلگرام 📲 t.me/htmlcss1385 به جلسه ششم از سری آموزش Tailwind CSS خوش آمدید! 🎉 توی این ویدیو به بررسی و پیاده‌سازی یکی از مهم‌ترین مباحث طراحی وب یعنی ریسپانسیو سازی می‌پردازیم. اگه تا الان با Tailwind کار کرده‌اید و به دنبال یادگیری بیشتر هستید، این ویدیو مخصوص شماست! 😎 🌟 در این ویدیو یاد می‌گیرید چطور با استفاده از ابزارهای Tailwind طراحی‌هایی انعطاف‌پذیر و واکنش‌گرا برای صفحات وب خود بسا...
جلسه پنجم Tailwind CSS | معرفی آیکون‌ها، کار با SVG و انیمیشن‌ها
Просмотров 46Месяц назад
کانال تلگرام t.me/htmlcss1385 در پنجمین جلسه از آموزش‌های Tailwind CSS، به سراغ مباحث جذابی مثل معرفی رفرنس‌های آیکون، کار با فایل‌های SVG، و ایجاد انیمیشن‌ها در Tailwind می‌رویم. این ویدیو به شما کمک می‌کند تا با افزودن آیکون‌ها و انیمیشن‌های خلاقانه، ظاهر وبسایت خود را به سطح جدیدی ببرید. برای یادگیری تکنیک‌های پیشرفته در طراحی سایت و بهینه‌سازی رابط کاربری، حتماً این جلسه را تماشا کنید! #تی...
آموزش Tailwind CSS - جلسه چهارم | بک‌گراندها، عکس‌ها و فونت‌ها به‌صورت حرفه‌ای
Просмотров 73Месяц назад
کانال تاگرام t.me/htmlcss1385 📲 شما با مباحث کلیدی و کاربردی این فریمورک قدرتمند آشنا خواهید شد. در این قسمت، به بررسی انواع مختلف بک‌گراندها 🌟 و نحوه تنظیم آن‌ها برای ایجاد طراحی‌های جذاب و کاربرپسند پرداخته‌ایم. همچنین، تنظیمات حرفه‌ای تصاویر 📸 و روش‌های آدرس‌دهی صحیح آن‌ها در Tailwind را به شما آموزش می‌دهیم تا بتوانید تصاویر سایت خود را به بهترین نحو ممکن استفاده کنید. در کنار این، آموزش ج...
آموزش طراحی صفحه لاگین حرفه‌ای با Tailwind CSS | سایه‌ها، کامپوننت‌ها، سودوکلس‌ها و Flex & Grid
Просмотров 99Месяц назад
کانال تلگرام t.me/htmlcss1385 در این ویدیو به شما یاد می‌دهیم که چطور با Tailwind CSS یک صفحه لاگین زیبا و حرفه‌ای طراحی کنید! ✨ از ساخت سایه‌ها برای عمق‌دهی گرفته تا استفاده از کامپوننت‌های چندبارمصرف، سودوکلس‌ها برای تعاملات بهتر کاربر، و پوزیشن‌دهی دقیق - همه را پوشش می‌دهیم! 🔹 آنچه در این ویدیو خواهید آموخت: ایجاد سایه‌های زیبا برای ظاهر حرفه‌ای‌تر 🎨 ساخت کامپوننت‌های کاربردی برای طراحی سری...
طراحی سایت رستورانی ریسپانسیو با React و Tailwind | آموزش کامل و قدم به قدم
Просмотров 531Месяц назад
🔗 کانال تلگرام: t.me/htmlcss1385 👨🏫 آیدی تلگرام مدرس: @Mrcodee_js 🌐 در این ویدیو به شما آموزش می‌دهیم که چگونه یک سایت رستورانی ریسپانسیو و جذاب را با استفاده از React و Tailwind طراحی کنید! 📌 ابتدا یاد می‌گیریم که چگونه Tailwind را در پروژه React ادغام کنیم و از آن برای ساخت طرح‌های زیبا و حرفه‌ای بهره ببریم. ⚡️ سپس می‌بینید که چطور می‌توان با سرعت و به‌سادگی صفحات سایت را ریسپانسیو کرد تا در...
جلسه دوم: پیاده‌سازی دستورات Tailwind | شخصی‌سازی و آموزش رنگ‌ها و اعداد
Просмотров 61Месяц назад
کانال تلگرام t.me/htmlcss1385 در جلسه دوم آموزش Tailwind CSS، به صورت عملی و کاربردی به بررسی دستورات مختلف می‌پردازیم و نحوه‌ی پیاده‌سازی آن‌ها را در پروژه‌ها توضیح می‌دهیم. این جلسه شامل مباحث مهمی از جمله شخصی‌سازی دستورات، آموزش رنگ‌ها و درک مفهوم اعداد در Tailwind است. اگر به دنبال بهینه‌سازی طراحی‌های خود با استفاده از این فریمورک قدرتمند هستید، این آموزش گام به گام شما را همراهی می‌کند....
آموزش جامع تیلویند CSS: نصب، راه‌اندازی و مقایسه با بوت‌استرپ
Просмотров 107Месяц назад
لینک کانال تلگرام t.me/htmlcss1385 در این ویدیو، با آموزش جامع تیلویند CSS همراه شما هستم. از نصب و راه‌اندازی اولیه گرفته تا آشنایی با مفاهیم پایه، به طور کامل به شما نشان می‌دهم که تیلویند چیست و چرا این فریمورک در دنیای طراحی وب محبوب شده است. اگر تازه با دنیای توسعه وب آشنا شده‌اید یا به دنبال یک جایگزین برای بوت‌استرپ هستید، این ویدیو بهترین نقطه شروع برای شماست! در بخش اول، به نصب و تنظیم...
آموزش ساخت وبسایت فروشگاهی حرفه‌ای | HTML, CSS, JS + سبد خرید و API
Просмотров 1,4 тыс.2 месяца назад
در این آموزش کامل، نحوه ساخت یک وبسایت فروشگاهی حرفه‌ای را با استفاده از HTML، CSS و JavaScript یاد می‌گیرید. این پروژه شامل طراحی چند صفحه‌ای ریسپانسیو، اتصال به API برای نمایش داده‌ها و سبد خرید با نمایش قیمت نهایی است. اگر به دنبال یادگیری گام به گام ایجاد فروشگاه آنلاین هستید، این ویدیو بهترین راهنما برای شماست. 📥 برای دانلود سورس کد کامل پروژه، به کانال تلگرام ما سر بزنید: 🔗t.me/htmlcss138...
آموزش switch در جاوااسکریپت - با مثال کاربردی
Просмотров 1033 месяца назад
آموزش switch در جاوااسکریپت - با مثال کاربردی
آموزش dom,event در جاوا اسکریپت -دوره فرانت اند
Просмотров 973 месяца назад
آموزش dom,event در جاوا اسکریپت -دوره فرانت اند
آموزش دستورات شرطی در جاوااسکریپت: if، else، else if، و switch
Просмотров 544 месяца назад
آموزش دستورات شرطی در جاوااسکریپت: if، else، else if، و switch
تابع یا فانکشن ها در جاوا اسکریپت -دوره فرانت اند
Просмотров 1184 месяца назад
تابع یا فانکشن ها در جاوا اسکریپت -دوره فرانت اند
آشنایی با انواع داده‌ها در جاوااسکریپت (پارت اول)-دوره فرانت اند
Просмотров 504 месяца назад
آشنایی با انواع داده‌ها در جاوااسکریپت (پارت اول)-دوره فرانت اند
متغیرها در جاوا اسکریپت: var, let, const - تفاوت‌ها و کاربردها
Просмотров 644 месяца назад
متغیرها در جاوا اسکریپت: var, let, const - تفاوت‌ها و کاربردها
شروع آموزش جاوا اسکریپت - خروجی ها | قسمت اول
Просмотров 984 месяца назад
شروع آموزش جاوا اسکریپت - خروجی ها | قسمت اول
ریسپانسیو سازی سایت کافه - قسمت پایانی | دوره فرانت اند
Просмотров 2304 месяца назад
ریسپانسیو سازی سایت کافه - قسمت پایانی | دوره فرانت اند
طراحی قسمت ارتباط با ما در سایت کافه - پارت پنجم | آموزش جامع کار با Inputها در پروژه عملی
Просмотров 734 месяца назад
طراحی قسمت ارتباط با ما در سایت کافه - پارت پنجم | آموزش جامع کار با Inputها در پروژه عملی
آموزش طراحی بخش گالری سایت با استفاده از Flexbox -پارت چهارم- دوره فرانت اند
Просмотров 1234 месяца назад
آموزش طراحی بخش گالری سایت با استفاده از Flexbox -پارت چهارم- دوره فرانت اند
طراحی قسمت درباره ما و خدمات سایت کافه -پارت سوم - دوره فرانت اند
Просмотров 1834 месяца назад
طراحی قسمت درباره ما و خدمات سایت کافه -پارت سوم - دوره فرانت اند
طراحی سایت کافه - پارت دو - دوره فرانت اند
Просмотров 1424 месяца назад
طراحی سایت کافه - پارت دو - دوره فرانت اند
پروژه سایت فروشگاهی (کافه) با اچ تی ام ال و سی اس اس _دوره فرانت اند-پارت یک
Просмотров 2514 месяца назад
پروژه سایت فروشگاهی (کافه) با اچ تی ام ال و سی اس اس _دوره فرانت اند-پارت یک
طراحی صفحه لاگین با سی اس اس -دوره فرانت اند-طراحی سایت
Просмотров 745 месяцев назад
طراحی صفحه لاگین با سی اس اس -دوره فرانت اند-طراحی سایت
perfect
دمت گرم تا جایی که میتونی خفنش کن
Nice😍
ناموصا بخشای جاوا اسکریپت پروژه رو توضیح بده من جاوا اسکریپت بلد نیستم خیلی برام مهمه مثلا اون فلان کدی که نوشتی چیکار میکنه🙏
به به همه چی عالی و مسلط ، همین طوری ادامه بده داداش 🎉
نمیدونم واقعا وقت کنم این ویدیو رو کامل نگاه کنم ولی خوشحالم که با این چنل آشنا شدم، موفق باشید
ماهم خیلی خوشحالیم و ممنون که کامنت گذاشتید❤
اقا دمت گرم مرسی بابت اموزشاتون
ممنون از حمایت ❤
عالی👍🏼👍🏼
❤
🥰
❤
عالی دمت گرم خیلی خفنش کن ولی خودت که استادی ولی بهتر نبود با vite نصب کنی
عالی
خیلی پروژه بزن
آموزش گرید رو به صورت پایه ای تخصصی لطفا بذارید🙏
@@sajjadnehzati9179 توی این ماه یه پروژه با گرید میزارم
Great! Thanks a lot, professor
عالی
عالی لطفا ادامه بدین❤
این یکی واقعا خوب بود کیفیت همه چی خوبه
داش از اینا زیاد بساز خیلی خوبه
@@crtoonland حتما
:rootچی هست ؟
@@sajjadnehzati9179 میشه باهاش یه سری استایل کاستوم کرد و براشون اسم گذاشت و ازشون استفاده کرد، مثل رنگ
عالی ادامه بده🔥
❤
Thank you That's very useful💯💯💯
You're welcome 😊
پسر نمیدونی چقدر داری به ما کمک میکنی و مارو با پروژه های واقعی آشنا میکنی دمت گرم ❤❤❤همینجوری ادامه بده❤❤❤❤
حتما
😂😂😂😂😂😂😂😂
سلام دادش دمت گرم یه سوال میشه عکس های پروژه بدی❤
سلام ، داخل سورس کد هست
عالی خدای
❤
ممنون خسته نباشید
ممنون از حمایت شما
بچه ها ایدیمو اشتباه نوشتم! ولی جای نگرانی نیست .داخل دیسکریپشن هم لینک ایدی من و هم ایدی کانال هستش 🥰
یه ویدیو جدا درست کن آموزش grid رو تخصصی یادبده در مورد grid aria هم آموزش بذار ❤❤❤
چشم یک پروژه میزنم که کامل از grid استفاده کرده باشم
از میم ها داخل ویدیو استفاده کنید کمی روند حوصله سر بودنو از بین میبره😂❤
الان واقعا بهتر آموزش میدم. شیش ماه پیش واقعا تولید محتوا برام سخت بود
واقعا عالی، لطفا بیشتر ویدیو بزار❤
حتما
واقعا ممنونم بابت ویدیوهات❤
❤
عالییی
❤
عالیییییی ممنون❤
❤
همین فرمون برو جلو
❤
پروژه ری اکت بیشتر بزار خیلی عالی هستی دمت گرم
ممنونم ، حتما
دمت گرم
دمت گرم
دمت گرم عالی هستی
دمت گرم
داداش دمت گرم
عالی دمت گرم
ممنونم❤
عالی
سپاس
Perfect
ممنون
تو سئو مشکل داره ولی 🥲
خب چون سئو نکردمش 😁
خیلی عالی و مفید
عالی
ممنونم
مثل همیشه عالی بود 👏👏
دم شما گرم خسته نباشید
ممنونم ❤
خیلی عالیه
عالی نگرید
سلام سورس کد هاشم بذار
سلام داخل کانال تلگرام گذاشتم