💢 فصل اول آموزش 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 ❌

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

✅ استفاده از CDN ها و font awesome
✅ کمی در مورد ریسپانسیو کردن صفحه
✅ معرفی اندازه vw بر اساس عرض viewport
✅ کسب مهارت بیشتر در inspector
✅ معرفی ویژگی های CSS از جمله:
curser

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

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

⁉️ تمرین قسمت ۱۶: با استفاده از font awesome و ویژگی grid و position یک فهرست مانند تصویر طراحی کنید.

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

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

✅ معرفی و استفاده از مقدار point
✅ معرفی توابع انیمشن در css
✅ نحوه نوشتن keyrames
✅ معرفی :before
✅ معرفی ویژگی های CSS از جمله:
animation, trasnform, animation-name, animation-dealy, animation-duaration

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

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

⁉️ تمرین قسمت ۱۷: یک preloader با استفاده از HTML & CSS و ویژگی animation همانند تصویر درست کنید
#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

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

✅ ساخت منوی چند مرحله
✅ استفاده از trasnform برای زیبا کردن منو
✅ کسب مهارت بیشتر در inspector و استفاده از hover: در بازرس مرورگر
✅ معرفی ویژگی های CSS از جمله:
box-sizing

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

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

⁉️ تمرین قسمت ۱۸: یک منوی vertical چند مرحله ای درست کنید‌ ( مانند تصویر)
#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

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

✅ استفاده از before و after
✅ معرفی ویژگی های CSS از جمله:
column-count, position sticky
#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

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

⁉️ تمرین قسمت ۱۹: با استفاده از column-count تقسیم بندی فوق را انجام دهید
#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

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

✅ استفاده از media برای device های مختلف
✅ معرفی ویژگی های CSS از جمله:
min-width, max-width, min-height, max-height
#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

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

⁉️ تمرین قسمت ۲۰: فایل تمرین جلسه ۱۶ را آماده به چاپ print کنید
#تمرین #تمرین_HTML_CSS
@xstack_tut ❌

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

✅ تگ‌های HTML از جمله:
select, option, optgroup, fieldset, legend
✅ معرفی ویژگی های CSS از جمله:
scroll-behavior
✅ توضیح در مورد پیشنهاد کد نویسی phpstorm
✅ و کار با رادیو ها

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

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

⁉️ تمرین قسمت ۲۱: یک فرم مانند تصویر را درست کنید. ( بدون نیاز به حالت گسترش، فقط ظاهر فرم کفایت می‌کند)

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

💢 فصل اول آموزش Full stack web developer
💢 عنوان فصل HTML & CSS - قسمت 22
💢 مباحث تدریس شده:
✅ آموزش ریپانسیو کردن صفحات بدون نیاز به فریم ورک
✅ کار با بخش حالت موبایل بازرس مرورگر
✅ تعیین اولویت برای CSS های ریپانسیو
#فیلم_آموزش #FullStackWebDeveloper
⭕️ با انتشار این مطلب ما را حمایت کنید.

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