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

⁉️ تمرین قسمت ۲۲: فرم تمرین قبلی را responsive کنید

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

💢 آموزش نحوه کافنیگ یا پیکربندی ssl در توزیع Debian و Ubuntu با وب سرور nginx و certbot let's encrypt
@xstack_tut ❌ | @devefun ✌️

💢 کد های مورد استفاده در آموزش:

sudo su root
apt-get update
apt-get dist-upgrade -y
apt-get install wget curl nginx certbot python3-certbot-nginx git zsh unzip -y
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

nano /etc/nginx/sites-available/default
# add domain to -> server_name _; replace _ your domain
systemctl restart nginx.service

certbot --nginx --nginx-ctl /usr/sbin/nginx
# email and y and y and 1

@xstack_tut ❌

🤔 فصل اول آموزش Full stack web developer
🤔 عنوان فصل HTML & CSS - قسمت 23

🤔 مباحث تدریس شده:
😄 کار کردن بیشتر با background
😄 ویژگی‌های background-color,background-image, background-size, background-position ,background-repeat
😄 و import کردن در CSS
#فیلم_آموزش #FullStackWebDeveloper

🫥 با انتشار این مطلب ما را حمایت کنید.

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

👨‍💻 تمرین قسمت ۲۳: با آموخته خود در background و جلسات پیشین صفحه پیوست شده رو را با پس‌زمینه دلخواه طراحی کنید.

⛔️ پ.ن: موج بالای تصویر هم یک background جدا گانه است!

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

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

✅ ادامه مبحث grid
✅ ویژگی‌های grid-template-columns, grid-template-rows, grid-gap, grid-column, grid-row, span در grid

✅ و چگونه دیباگ کردن grid

#فیلم_آموزش #FullStackWebDeveloper

⭕️ با انتشار این مطلب ما را حمایت کنید.

👇 تمرین این جلسه کانال «برنامه‌نویسی با طعم تمشک»

✈️@xstack_tut ❌ | @devefun

👨‍💻 تمرین قسمت ۲۴: با آموخته خود در grid و جلسات پیشین صفحه پیوست شده رو طراحی کنید.


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

💠 فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت 25
💠 مباحث تدریس شده:
✅ ادامه مبحث flex
✅ ویژگی‌های flex-direction - flex-wrap - flex-flow - flex - align-items - flex-grow - flex-shrink - flex-basis در flex


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

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

👨‍💻 تمرین قسمت ۲۵: با آموخته خود در flex و جلسات پیشین همراه با راهنمایی صفحه پیوست شده رو طراحی کنید.


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

💠 فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت 26
💠 مباحث تدریس شده:
✅ ادامه مبحث grid
✅ ویژگی‌های grid-auto-columns , grid-auto-flow
✅ توضیح ()minmax
✅ نکات ساختن یکی مگا منو


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

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

👨‍💻 تمرین قسمت ۲۶: با آموخته خود در این جلسه و جلسات پیش یک mega menu به شکل زیر درست کنید!


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

💠 فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت 27
💠 مباحث تدریس شده:
✅ سیار کردن مگا منو
✅ ویژگی‌های , *-spacing, text-*, word-*
✅ ویژگی mix-blend-mode و line-height , white-spacee
✅ توضیح ()minmax
✅ آموزش :first-letter

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

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

👨‍💻 تمرین قسمت ۲۷: با آموخته خود در flex و postion و mix-blend-mode تمرین زیر رو پیاده سازی کنید،

🔻پ.ن: تصویر زیر بکگراند ندارد همه المان ها HTML است!


#تمرین #تمرین_HTML_CSS
✈️@xstack_tut 🔺