💢 فصل اول آموزش 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
✅ استفاده از svg
✅ ویرایش و تغییر ظاهر svg توسط php storm


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

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

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

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

📎 پیوست svg برای تمرین
@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 ❌

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