💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۵
💢 مباحث تدریس شده:
✅ آشنایی با ساختار نگارش CSS
✅ روش اول استفاده از CSS به استفاده از خصوصیت style
✅ معرفی ویژگی های CSS از جمله: background, color, width, height
✅ توضیح در مورد ابعاد px و درصد
✅ چگونه ویژگی‌های متعدد را به یک المان بدهیم

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۵: یک صفحه‌ی با بک گراند تیره (Dark) درست کنید که نوشته های آن روشن باشدو در درون صفحه ۱۰ پاراگراف ایجاد کنید که ابعاد ان به ترتیب از ۱۰٪ به ۱۰۰٪ افزایش یابد، و آخرین پاراگراف یک با یک اندازه پیکسل درخواه باشد و پاراگراف یک بکگراند و رنگ خاصی داشته باشد.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۶
💢 مباحث تدریس شده:
✅ معرفی تگ style برای نوشتن CSS
✅ شروع کار کردن با emmet برای نگارش کد های منظم و طولانی
✅ معرفی تگ های HTML لیست: ul - ol - li
✅ معرفی ویژگی های CSS از جمله: border, padding, margin
✅ شروع استفاده از selector های css
✅ معرفی سلکتور نام تگ

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۶: یک فهرست تو در تو از خیابان‌های محله زندگی خود را با زیر مجموعه‌هایشان درست کنید که هر لیست یک حاشیه و کادر مناسب برای خواندن داشته باشد.
( حتما از تگ style برای css استفاده کنید)


#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۷
💢 مباحث تدریس شده:
✅ معرفی فایل css و روش افزودن فایل css به فایل
✅ انتخابگر های همزمان در css
✅ معرفی تگ های HTML لیست: table, tr , th, td, tbody, thead, tfood
✅ معرفی ویژگی های CSS از جمله: border-spacing , ادامه padding - margin
✅ استفاده از auto در margin

#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۷: دو جدول برای فاکتور فروش چند محصول طراحی کنید که سر تیتر و در انتها پا نویس برای جمع کل را دارا باشد. ( یک جدول به پارسی و یکی دیگر به انگلیسی)

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۸
💢 مباحث تدریس شده:
✅ معرفی تگ های HTML لیست: header, footer, nav, section
✅ معرفی ویژگی های CSS از جمله: border-radius, text-align, direction
✅ توضیح در مورد مفهوم start و end و وابستگی آن direction


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین اول قسمت ۸: یک صفحه مملو از پارگراف‌های پارسی و انگلیسی درست کنید که از start , end در آن استفاده شده باشد و تگ های span در پاراگراف یک پس‌زمینه رنگی داشته باشد و لبه‌های آن گرد باشد.

⁉️ تمرین دوم قسمت ۸: یک دایره آبی و یک بیضی مشکی با تگ div را کد نویسی کنید


#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 9
💢 مباحث تدریس شده:

✅ انتخابگر class
✅ نسبت دادن کلاس به چند المان
✅ نسبت دادن چند کلاس به یک المان
✅ معرفی تگ های HTML ازجمله: audio, video
✅ معرفی ویژگی های CSS از جمله: float, clear


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۹: جدول قیمت شبیه تصویر فوق با کمک float ایجاد کنید.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 10
💢 مباحث تدریس شده:

✅ انتخابگر ID
✅ کامنت گذاشتن در CSS
✅ معرفی حالت hover و نحوه استفاده ازان
✅ معرفی ویژگی های CSS از جمله: overflow, opacity, filter


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۱۰: یک منوی با کمک المان های ul li a و ویژگی float و overflow و hover درست کنید

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 نشست‌های آتی آموزش پروژه محور بر اساس قالب این عکس پیش خواهیم رفت.

@xstack_tut ❌ | @devefun ✌️

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 11
💢 مباحث تدریس شده:

✅ تگ‌های HTML از جمله: form, input, button
✅ انواع حالت دکمه: reset, button, submit
✅ هدایت فرم به صفحه مورد نظر
✅ معرفی ویژگی های CSS از جمله: font-family, font-size
✅ انواع خصوصیت های سفارشی سازی input


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۱۱: یک فرم دریافت اطلاعات دانشجو + یک فرم سرچ درست کنید.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 12
💢 مباحث تدریس شده:

✅ بررسی اولیت انتخابگر های CSS
✅ معرفی ویژگی های CSS از جمله: box-shadow, قسمت اول display
✅ استفاده از Gradient در CSS
✅ استفاده از noscript
✅ ویرایش و تغییر ظاهر noscript توسط php storm


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌ | @devefun ✌️

⁉️ تمرین قسمت ۱۲: با noscript پیوستی در پست بعدی و کمک gradient و display: inline-block چیزی شبیه تصویر درست کنید.

#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

📎 پیوست noscript برای تمرین
@xstack_tut ❌

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت ۱۳
💢 مباحث تدریس شده:

✅ معرفی سایر ویژگی های background
✅ معرفی important و مواد استفاده آن
✅ استفاده از Inspector یا بازرس مرورگر
✅ معرفی ویژگی های CSS از جمله: postion, z-index
✅ معرفی اندازه vh


#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»
@xstack_tut ❌| @devefun ✌️