- Видео 40
- Просмотров 4 989
mrcodee
Добавлен 2 май 2024
آموزش طراحی صفحه لاگین حرفه‌ای با Tailwind CSS | سایه‌ها، کامپوننت‌ها، سودوکلس‌ها و Flex & Grid
کانال تلگرام t.me/htmlcss1385
در این ویدیو به شما یاد می‌دهیم که چطور با Tailwind CSS یک صفحه لاگین زیبا و حرفه‌ای طراحی کنید! ✨ از ساخت سایه‌ها برای عمق‌دهی گرفته تا استفاده از کامپوننت‌های چندبارمصرف، سودوکلس‌ها برای تعاملات بهتر کاربر، و پوزیشن‌دهی دقیق - همه را پوشش می‌دهیم!
🔹 آنچه در این ویدیو خواهید آموخت:
ایجاد سایه‌های زیبا برای ظاهر حرفه‌ای‌تر 🎨
ساخت کامپوننت‌های کاربردی برای طراحی سریع‌تر 🚀
استفاده از سودوکلس‌ها برای تعاملات پویا 👆
طراحی با Flex و Grid برای ساختاردهی موثر 🧩
افزودن افکت‌های خلاقانه با before و after 💫
👈 اگر به طراحی صفحات لاگین و رابط کاربری جذاب علاقه‌مندید، این ویدیو برای شماست! تماشا کنید و نظرتان را با ما در میان بگذارید! 💬
در این ویدیو به شما یاد می‌دهیم که چطور با Tailwind CSS یک صفحه لاگین زیبا و حرفه‌ای طراحی کنید! ✨ از ساخت سایه‌ها برای عمق‌دهی گرفته تا استفاده از کامپوننت‌های چندبارمصرف، سودوکلس‌ها برای تعاملات بهتر کاربر، و پوزیشن‌دهی دقیق - همه را پوشش می‌دهیم!
🔹 آنچه در این ویدیو خواهید آموخت:
ایجاد سایه‌های زیبا برای ظاهر حرفه‌ای‌تر 🎨
ساخت کامپوننت‌های کاربردی برای طراحی سریع‌تر 🚀
استفاده از سودوکلس‌ها برای تعاملات پویا 👆
طراحی با Flex و Grid برای ساختاردهی موثر 🧩
افزودن افکت‌های خلاقانه با before و after 💫
👈 اگر به طراحی صفحات لاگین و رابط کاربری جذاب علاقه‌مندید، این ویدیو برای شماست! تماشا کنید و نظرتان را با ما در میان بگذارید! 💬
Просмотров: 42
Видео
طراحی سایت رستورانی ریسپانسیو با React و Tailwind | آموزش کامل و قدم به قدم
Просмотров 2189 часов назад
🔗 کانال تلگرام: t.me/htmlcss1385 👨🏫 آیدی تلگرام مدرس: @Mrcodee_js 🌐 در این ویدیو به شما آموزش می‌دهیم که چگونه یک سایت رستورانی ریسپانسیو و جذاب را با استفاده از React و Tailwind طراحی کنید! 📌 ابتدا یاد میگیریم که چگونه Tailwind را در پروژه React ادغام کنیم و از آن برای ساخت طرح‌های زیبا و حرفه‌ای بهره ببریم. ⚡️ سپس می‌بینید که چطور می‌توان با سرعت و به‌سادگی صفحات سایت را ریسپانسیو کرد تا در...
جلسه دوم: پیاده‌سازی دستورات Tailwind | شخصی‌سازی و آموزش رنگ‌ها و اعداد
Просмотров 3916 часов назад
کانال تلگرام t.me/htmlcss1385 در جلسه دوم آموزش Tailwind CSS، به صورت عملی و کاربردی به بررسی دستورات مختلف می‌پردازیم و نحوه‌ی پیاده‌سازی آن‌ها را در پروژه‌ها توضیح می‌دهیم. این جلسه شامل مباحث مهمی از جمله شخصی‌سازی دستورات، آموزش رنگ‌ها و درک مفهوم اعداد در Tailwind است. اگر به دنبال بهینه‌سازی طراحی‌های خود با استفاده از این فریمورک قدرتمند هستید، این آموزش گام به گام شما را همراهی می‌کند....
آموزش جامع تیلویند CSS: نصب، راه‌اندازی و مقایسه با بوت‌استرپ
Просмотров 8219 часов назад
لینک کانال تلگرام t.me/htmlcss1385 در این ویدیو، با آموزش جامع تیلویند CSS همراه شما هستم. از نصب و راه‌اندازی اولیه گرفته تا آشنایی با مفاهیم پایه، به طور کامل به شما نشان می‌دهم که تیلویند چیست و چرا این فریمورک در دنیای طراحی وب محبوب شده است. اگر تازه با دنیای توسعه وب آشنا شده‌اید یا به دنبال یک جایگزین برای بوت‌استرپ هستید، این ویدیو بهترین نقطه شروع برای شماست! در بخش اول، به نصب و تنظیم...
آموزش ساخت وبسایت فروشگاهی حرفه‌ای | HTML, CSS, JS + سبد خرید و API
Просмотров 710Месяц назад
در این آموزش کامل، نحوه ساخت یک وبسایت فروشگاهی حرفه‌ای را با استفاده از HTML، CSS و JavaScript یاد می‌گیرید. این پروژه شامل طراحی چند صفحه‌ای ریسپانسیو، اتصال به API برای نمایش داده‌ها و سبد خرید با نمایش قیمت نهایی است. اگر به دنبال یادگیری گام به گام ایجاد فروشگاه آنلاین هستید، این ویدیو بهترین راهنما برای شماست. 📥 برای دانلود سورس کد کامل پروژه، به کانال تلگرام ما سر بزنید: 🔗t.me/htmlcss138...
آموزش switch در جاوااسکریپت - با مثال کاربردی
Просмотров 862 месяца назад
در ادامه دستورات شرطی (if,else if,else )، امروز دستور switch رو بهتون یاد میدم . از اونجایی که قبلا یک سری مباحث مهم مثل تابع ها و همینطور شرط ها رو باهم کار کرده بودیم ، این قسمت سعی کردم که مثال کاربردی تر بزنم. در این مثال ما اطلاعات را از خود کاربر میگیریم و دستورها را مینویسیم. کانال تلگرام t.me/htmlcss1385 #برنامه_نویسی #جاوا_اسکریپت #طراحی_سایت
آموزش ساخت اسلایدر با جاوااسکریپت
Просмотров 672 месяца назад
سلام بچه ها ! تو این قسمت با هم یاد میگیریم که چطوری با استفاده از زبان برنامه نویسی جاوا اسکریپت یک اسلایدر درست کنیم. سورس کد در کانال تلگرام t.me/htmlcss1385 00:00 قلاب ویدیو 01:20 کد های اچ تی ام ال اسلایدر 06:26 استایل دهی اسلایدر با سی اس اس 24:26 جاوااسکریپت با استفاده از swiper #جاوااسکریپت #برنامه_نویسی #طراحی_وب
آموزش dom,event در جاوا اسکریپت -دوره فرانت اند
Просмотров 882 месяца назад
بچه ها مباحث عقب مونده هفته پیش رو داخل یک قسمت براتون اپلود کردم مباحت : - DOM -event - event-listener -forEach -تابع Date مثال کاربردی برای این مباحث : ruclips.net/video/j7tWHJaEXvg/видео.htmlsi=VT1iyfwMZwrC6QBf کانال تلگرام t.me/htmlcss1385 #جاوا_اسکریپت #آموزش_برنامه_نویسی #دوره_فراانت_اند
آموزش اعتبارسنجی فرم با جاوااسکریپت
Просмотров 732 месяца назад
سورس کد در کانال تلگرام t.me/htmlcss1385 "در این ویدیو، به شما نشان می‌دهیم که چگونه می‌توانید با استفاده از جاوااسکریپت، اعتبارسنجی فرم ثبت نام و لاگین را به‌صورت دقیق و اصولی انجام دهید. اعتبارسنجی شامل چک کردن چندین مورد ضروری است: نام کاربری باید حداقل چهار کاراکتر داشته باشد تا از اشتباهات متداول جلوگیری شود. فرمت ایمیل باید صحیح باشد تا مطمئن شویم که ایمیل معتبر وارد شده است. رمز عبور بای...
آموزش دستورات شرطی در جاوااسکریپت: if، else، else if، و switch
Просмотров 482 месяца назад
سلام دوستان! در این قسمت، با دستورات شرطی در زبان برنامه‌نویسی جاوااسکریپت (JavaScript) آشنا می‌شویم. همان‌طور که از اسمشان پیداست، با استفاده از این دستورات، می‌توانیم یک سری شرایط برای سایتمان یا برنامه‌مان تعریف کنیم. این شرایط مشخص می‌کنند که تحت چه وضعیتی چه اتفاقاتی در برنامه رخ دهد. در جاوااسکریپت، دستورات شرطی شامل چهار بخش اصلی هستند: if، else if، else و switch. 1. دستور if با استفاده ...
تابع یا فانکشن ها در جاوا اسکریپت -دوره فرانت اند
Просмотров 1112 месяца назад
تابع‌ها (Functions) در جاوااسکریپت یکی از مهم‌ترین و پایه‌ای‌ترین مباحث هستند که هر برنامه‌نویسی باید به خوبی آن را درک کند. استفاده از تابع‌ها باعث می‌شود کدهای ما مرتب‌تر، قابل فهم‌تر و قابل نگهداری‌تر شوند. با استفاده از تابع‌ها، دیگر نیازی نیست که یک سری کد تکراری را بارها بنویسیم؛ بلکه می‌توانیم یک بار آن‌ها را تعریف کرده و در بخش‌های مختلف برنامه خود استفاده کنیم. ساختار تابع در جاوااسکری...
آشنایی با انواع داده‌ها در جاوااسکریپت (پارت اول)-دوره فرانت اند
Просмотров 453 месяца назад
در این ویدیو، درباره انواع داده‌ها در جاوااسکریپت صحبت میکنیم. داده‌هایی که متغیرها در خود ذخیره می‌کنند، به دسته‌های مختلفی تقسیم می‌شوند که هر کدام ویژگی‌ها و کاربردهای خاص خود را دارند. این ویدیو، پارت اول از این مبحث است و به زودی پارت دوم را نیز در کانال قرار می‌دهم. 00:00 مقدمه 01:05 توضیحات داده رشته‌ای و عددی (string, number) 02:25 توضیحات داده بولین (boolean) 03:18 داده شیء و انواع آن...
متغیرها در جاوا اسکریپت: var, let, const - تفاوت‌ها و کاربردها
Просмотров 573 месяца назад
متغیرها در همه زبان‌های برنامه نویسی بسیار مهم هستند و این موضوع در زبان جاوا اسکریپت نیز صدق می‌کند. در این ویدیو، به بررسی سه نوع متغیر var, let, و const در جاوا اسکریپت می‌پردازیم. متغیر var به دلیل ایرادی که در محدوده (scope) داشت، به‌مرور با let جایگزین شد که این مشکل را ندارد. همچنین، متغیر const نیز مانند let عمل می‌کند با این تفاوت که مقدار آن تغییر نمی‌کند. این ویدیو به شما کمک می‌کند...
شروع آموزش جاوا اسکریپت - خروجی ها | قسمت اول
Просмотров 833 месяца назад
سلام دوستان! به قسمت برنامه نویسی از دوره جامع فرانت‌اند خوش آمدید. در این قسمت به سراغ زبان جاوا اسکریپت می‌رویم و با انواع خروجی‌ها در این زبان آشنا می‌شویم. یادگیری جاوا اسکریپت یکی از مهم‌ترین مهارت‌هایی است که برای تبدیل شدن به یک توسعه‌دهنده فرانت‌اند حرفه‌ای نیاز دارید. در این ویدیو: معرفی پیش‌نیازهای یادگیری جاوا اسکریپت چگونه از جاوا اسکریپت استفاده کنیم آشنایی با انواع خروجی‌ها در جاو...
ریسپانسیو سازی سایت کافه - قسمت پایانی | دوره فرانت اند
Просмотров 1983 месяца назад
اینم از قسمت اخر !! (البته قسمت آخر سی اس اس و سایت کافه ) خب تو این قسمت بلاخره پروژمونو ریسپانسیو میکنیم. اما قبلش میریم سراغ یک سری کارهای عقب مونده که من از عمد برای این قسمت نگه داشتم که بهتر متوجه بشید. در واقع خواستم که استایل دهی پایه را نیز یاد بگیرید. در ریسپانسیو سازی سایت فقط بخش navbar نکته داره و منم سعی کردم تا جای ممکن براتون توضیح بدم که کامل متوجه بشید. بقیه قسمت ها خیلی نکته ...
طراحی قسمت ارتباط با ما در سایت کافه - پارت پنجم | آموزش جامع کار با Inputها در پروژه عملی
Просмотров 593 месяца назад
طراحی قسمت ارتباط با ما در سایت کافه - پارت پنجم | آموزش جامع کار با Inputها در پروژه عملی
آموزش طراحی بخش گالری سایت با استفاده از Flexbox -پارت چهارم- دوره فرانت اند
Просмотров 1043 месяца назад
آموزش طراحی بخش گالری سایت با استفاده از Flexbox -پارت چهارم- دوره فرانت اند
طراحی قسمت درباره ما و خدمات سایت کافه -پارت سوم - دوره فرانت اند
Просмотров 1503 месяца назад
طراحی قسمت درباره ما و خدمات سایت کافه -پارت سوم - دوره فرانت اند
طراحی سایت کافه - پارت دو - دوره فرانت اند
Просмотров 1153 месяца назад
طراحی سایت کافه - پارت دو - دوره فرانت اند
پروژه سایت فروشگاهی (کافه) با اچ تی ام ال و سی اس اس _دوره فرانت اند-پارت یک
Просмотров 1983 месяца назад
پروژه سایت فروشگاهی (کافه) با اچ تی ام ال و سی اس اس _دوره فرانت اند-پارت یک
طراحی صفحه لاگین با سی اس اس -دوره فرانت اند-طراحی سایت
Просмотров 633 месяца назад
طراحی صفحه لاگین با سی اس اس -دوره فرانت اند-طراحی سایت
نحوه استفاده از فونت ها در سی اس اس -دوره فرانت اند - طراحی سایت
Просмотров 573 месяца назад
نحوه استفاده از فونت ها در سی اس اس -دوره فرانت اند - طراحی سایت
چطوری سایت را ریسپانسیو کنیم؟- دوره فرانت اند
Просмотров 484 месяца назад
چطوری سایت را ریسپانسیو کنیم؟- دوره فرانت اند
ترنزیشن در سی اس اس دوره فرانت اند - css transition
Просмотров 465 месяцев назад
ترنزیشن در سی اس اس دوره فرانت اند - css transition
انیمیشن در سی اس اس دوره فرانت اند -css animations
Просмотров 515 месяцев назад
انیمیشن در سی اس اس دوره فرانت اند -css animations
ساخت ایکون سوشال مدیا تنها با اچ تی ام ال -سی اس اس -دوره فرانت اند
Просмотров 945 месяцев назад
ساخت ایکون سوشال مدیا تنها با اچ تی ام ال -سی اس اس -دوره فرانت اند
شبهه عناصر سی اس اس در 10 دقیقه - pseudo elements -سودو المنت
Просмотров 525 месяцев назад
شبهه عناصر سی اس اس در 10 دقیقه - pseudo elements -سودو المنت
ایکون ها در سی اس اس -css icos - font awesome
Просмотров 945 месяцев назад
ایکون ها در سی اس اس -css icos - font awesome
کارت محصولات ریسپانسیو(واکنش گرا) - دوره فرانت اند
Просмотров 1295 месяцев назад
کارت محصولات ریسپانسیو(واکنش گرا) - دوره فرانت اند
پوزیشن در سی اس اس - دوره فرانت اند -css position
Просмотров 765 месяцев назад
پوزیشن در سی اس اس - دوره فرانت اند -css position
تو سئو مشکل داره ولی 🥲
خب چون سئو نکردمش 😁
خیلی عالی و مفید
عالی
ممنونم
مثل همیشه عالی بود 👏👏
دم شما گرم خسته نباشید
ممنونم ❤
خیلی عالیه
عالی نگرید
سلام سورس کد هاشم بذار
سلام داخل کانال تلگرام گذاشتم
عالی بود و موفق باشید 👏🏻👏🏻
ایول عالی ادامه بده
Good🎉❤
عالی
ممنونم 😍
سلام خیلی عالی ممنون
خواهش میکنم ❤
بسیار عالی بود استاد باز از این دوره ها میزارین یا نه؟
بله دوره ادامه داره، هم مینی پروژه داریم و هم سه پروژه اصلی
من برای زبان سمت سرور ام رفتم پایتون یادگرفتم و الان برای فول استک شدن دارم html css یاد میگیرم ایا باید جاوا اسکریپت هم یاد بگیرم یا میشه یاد نگیرم و کد هاش رو با پایتون بزنم؟
اگه میخواید فول استک کار کنید، برای فرانت اند باید جاوااسکریپت بلد باشید.
❤❤❤❤❤
سپاس از حمایت شما 😍
❤😊😊عالی داش
عالی فقط رو کیفیت ویدیو هات کار کن ❤❤
ممنون😍
❤❤❤
ممنونم
داداش برو جلو حمایت میکنیم
حتما
🔥🔥🔥
این جا که سرچ کردید doc یه گزینه اورد ولی برا من نمیاد چیکار کنم؟😢
سلام،اکستنشن هایی که گفتم رو نصب کردید ؟
دمتگرم من دوره جای دیگه دیدم ولی این پروژه و اموزش عالی بود یه چنتا پروژه سایت بزار عالی میشه
خیلی لطف دارید، چند قسمت بعدی مربوط به یک پروژه سایته
عالی
🔥🔥🔥🔥
ممنونم،قسمت جدید آپلود شد
Perfect
Perfect
واقعا عالی هستینن
لطف دارین، قسمت جدید آپلود شد
دوره هات عالی
خیلی ممنونم،دوره ادامه داره و دو قسمت جدید آپلود کردم.حتما دنبال کنید
پر قدرت ادامه بده
عالی بود
عالی
ممنونم 😍
عالی بود ❤ ایول حتما مینی پروژه بساز
تا اینجای کار از دوره راضی هستید ؟
margin یه جورایی فاصله خارجی میشه؟
عالی بود 😍😍
به نظرم ویدیوهای زیر ۱۰ دقیقه برای آموزش بازدهی بالایی داره چون هم کوتاهه هم میتونیم در کنارش تمرین کنیم 👌👌👌
سعی میکنم همینطوری باشه ولی قراره مینی پروژه هم بزنم ،دیگه فکر نکنم زیر ده دقیقه بشه
ممنون عالیه محتواها بعد تماشای هر ویدیو دست به کد میشم خیلی css جذابه چون طرح های مختلفی میتونیم بدیم 😍😍😍
ممنونم برای محتواهای خوبتون و بیان مطالب بصورت روان 🙏🙏🙏
عالی بود مختصر و مفید 👌👌
خیلی ممنونم دوست خوبم
درود استاد ببخشید من میخوام برنامه نویسی رو شروع کنم بنظرتون لپتاب بهتره یا کامپیوتر و سیستمش چطری باشه خوبه که ارزون هم باشه
لپتاب مناسب تره چون توی شرکتا معمولا باید خودت لپتابتو ببری کار کنی. سیستم حداقلی کافیه برای شروع نیازی به سیستم گرون نداری
ممنون برای آموزش های خوبتون 🙏🙏🙏
عالی 😊😊
فوق العاده
great ❤
عالی بود تا اینجای دوره خیلی ممنونم از شما 👏👏🙏🙏
واقعا چون آموزش همراه با سایت برای مثال ویکی پدیا بصورت عملی نشون داده میشه یادگیری خیلی بهتر و مفهومی میشه ممنونم ازتون استاد 🙏🙏🙏
خواهش میکنم
عالی بود 😍😍😍
واقعا عالی بود که استاد توضیحات و آموزش تگ ها رو به صورت عملی توی یک سایت نشون میدید به نظرم باعث یادگیری بهتر میشه من به شخصه لذت بردم از این ویدیو 🙏🙏❤❤❤
عالی بود نحوه آموزش تون خیلی عالی و روان هست 🙏🙏❤❤
عالیه مطمئنم به زودی کانال خوبتون 1k ساب رو رد خواهد کرد و از آموزش های خوبتون خیلی از دوستان بهره مند خواهند شد 👌👌👌