🔥 قسمت دوم آموزش HTML و CSS فردا منتشر میشه!

توی قسمت بعدی دیگه وارد کار عملی میشیم و اولین قدم‌های واقعی برنامه‌نویسی فرانت‌اند رو برمی‌داریم. 🚀

📚 توی این ویدئو با هم یاد می‌گیریم:

✅ ساخت اولین پروژه HTML
✅ بررسی ساختار اصلی سند HTML
✅ آشنایی با تگ‌های Head و Body
✅ کار با عناوین (Heading) در صفحات وب
✅ نمایش متن در صفحات وب

⏰ ویدئو فردا روی یوتیوب منتشر میشه.

🎥 آدرس کانال یوتیوب


#HTML #CSS #Frontend #WebDevelopment

قسمت جدید با تاخیر ، فردا منتشر میشه💙🙏

🔥 قسمت جدید آموزش HTML و CSS منتشر شد!

توی این قسمت اولین قدم‌های عملی برنامه‌نویسی فرانت‌اند رو برمی‌داریم و با ساختار اصلی صفحات وب آشنا می‌شیم. 🚀

📚 توی این ویدئو با هم یاد می‌گیریم:

✅ ساخت اولین پروژه HTML
✅ بررسی ساختار اصلی سند HTML
✅ آشنایی با تگ‌های Head و Body
✅ کار با عناوین (Heading) در صفحات وب
✅ نمایش متن در صفحات وب

💡 این مباحث پایه و اساس تمام صفحات وب هستن و یادگیری درستشون باعث میشه در ادامه مسیر HTML و CSS خیلی راحت‌تر پیش برید.

🎥 ویدئو همین الان روی یوتیوب در دسترسه.

🔗 آدرس کانال یوتیوب

#HTML #CSS #Frontend #WebDevelopment

🔥 قسمت سوم آموزش HTML و CSS فردا منتشر میشه!

تا اینجا با ساختار صفحات وب آشنا شدیم؛ حالا وقتشه صفحاتمون رو کاربردی‌تر و جذاب‌تر کنیم. 🚀

📚 توی این ویدئو با هم یاد می‌گیریم:

✅ آشنایی با Attributes و کاربرد آن‌ها در HTML
✅ ساخت و استفاده از لینک‌ها در صفحات وب
✅ نمایش تصاویر در HTML
✅ آشنایی با تگ Picture برای مدیریت بهتر تصاویر
✅ معرفی Favicon و اضافه کردن آیکون به سایت
✅ حل یک تمرین عملی برای تثبیت مطالب

💡 بعد از این قسمت می‌تونید صفحات وب حرفه‌ای‌تری بسازید و محتوای متنی رو با تصاویر و لینک‌ها کامل‌تر کنید.

⏰ ویدئو فردا روی یوتیوب منتشر میشه.

🎥 آدرس کانال یوتیوب

#HTML #CSS #Frontend #WebDevelopment

🔥 قسمت سوم آموزش HTML و CSS منتشر شد!

توی این قسمت وارد مباحث مهم‌تری از HTML می‌شیم و یاد می‌گیریم چطور صفحات وب رو کاربردی‌تر و جذاب‌تر کنیم. 🚀

📚 توی این ویدئو با هم یاد می‌گیریم:

✅ آشنایی با Attributes و نقش آن‌ها در HTML
✅ ایجاد و استفاده از لینک‌ها در صفحات وب
✅ نمایش تصاویر در HTML
✅ کار با تگ Picture برای مدیریت بهتر تصاویر
✅ معرفی Favicon و اضافه کردن آیکون به سایت
✅ حل یک تمرین عملی برای تثبیت مطالب

💡 لینک‌ها و تصاویر از مهم‌ترین بخش‌های هر وب‌سایت هستند و در این قسمت با نحوه استفاده صحیح از آن‌ها آشنا می‌شوید.

🎥 ویدئو همین الان روی یوتیوب در دسترسه.

🔗 آدرس کانال یوتیوب

💬 اگر سوالی درباره مباحث این قسمت دارید، زیر ویدئو یا در کامنت‌های کانال مطرح کنید.

#HTML #CSS #Frontend #WebDevelopment

🔥 قسمت چهارم آموزش HTML و CSS منتشر شد!

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

📚 توی این ویدئو با هم یاد می‌گیریم:

✅ آشنایی با تگ‌های کاربردی HTML
✅ ساخت و استفاده از جدول‌ها (Tables)
✅ کار با لیست‌های مرتب و نامرتب
✅ تفاوت عناصر Inline و Block
✅ آشنایی با تگ‌های div و span و کاربرد هر کدام

💡 مفاهیمی که در این قسمت یاد می‌گیرید، تقریباً در تمام پروژه‌های فرانت‌اند استفاده می‌شوند و درک آن‌ها برای ادامه مسیر یادگیری HTML و CSS ضروری است.

🎥 ویدئو همین الان روی یوتیوب در دسترسه.

🔗 آدرس کانال یوتیوب

💬 اگر این قسمت براتون مفید بود، حتماً نظرتون رو زیر ویدئو بنویسید و بگید دوست دارید در قسمت‌های بعدی بیشتر روی چه موضوعاتی تمرکز کنیم.

#HTML #CSS #Frontend #WebDevelopment

از این به بعد، آموزش‌ها و تکنیک‌های حوزه فرانت‌اند در سطوح مختلف در این کانال منتشر خواهند شد. به عنوان شروع، امشب یک تکنیک از CSS ارائه شده و این روند تا پایان ادامه خواهد یافت. خواهشمند است جهت حمایت، این مطالب را برای افراد علاقه‌مند ارسال نمایید.

🚀 ترفند CSS | وسط‌چین کردن با Grid

اگه فقط می‌خوای یه المان دقیقاً وسط صفحه باشه، لازم نیست با flex یا position خودتو درگیر کنی. 😄

.container {
  display: grid;
  place-items: center;
}

✅ هم افقی وسط‌چین میشه.
✅ هم عمودی وسط‌چین میشه.
✅ فقط با دو خط کد!

💡 جالبه بدونی "place-items: center" خلاصه‌ی این دو خطه:

align-items: center;
justify-items: center;

👨‍💻آموزش برنامه نویسی فرانت‌اند با سِت‌فرانت 👩‍💻


📢 تلگرام
🎥 یوتیوب