⁉️ تمرین قسمت ۶: یک فهرست تو در تو از خیابان‌های محله زندگی خود را با زیر مجموعه‌هایشان درست کنید که هر لیست یک حاشیه و کادر مناسب برای خواندن داشته باشد.
( حتما از تگ 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 ✌️

⁉️ تمرین قسمت ۱۳: یک section متن را کد نویسی کنید و section بعدی را با background درست کنید و هر دو section را روی هم منطبق کنید به طوری که گویی یک سکشن وجود دارد

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

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

✅ روش انتخاب بر اساس attribute
✅ ادامه بحث position و مقدار absolute
✅ ادامه کاربرد Inspector یا بازرس مرورگر
✅ معرفی ویژگی های CSS از جمله: text-shadow, text-decoration

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

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

⁉️ تمرین قسمت ۱۴: با استفاده از position و grid ها، یک مگا منو درست کنید.
#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

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

✅ استفاه از emoji در HTML
✅ انتخاب المان بر اساس رتبه قرار گیری first-child, last-child, nth-child
✅ ادامه بحث position و مقدار fixed
✅ کسب مهارت بیشتر در inspector
✅ معرفی ویژگی های CSS از جمله:
transition, transition-delay

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

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

⁉️ تمرین قسمت ۱۵: مگا منوی طراحی شده در تمرین قبل را در بالای صفحه مستقر کنید و سپس حرکت زیر المان ها را به آرامی انجام دهید.

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