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

✅ ویژگی‌های user-select
✅ توضیح ()var و تعریف و تغییر متغییر در css
✅ کار کردن با Inkscape

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

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

✈️@xstack_tut ❌| @devefun ✈️

👨‍💻 تمرین قسمت ۲۸: با آموخته خود در این قسمت و قسمت های پیشین طرح بالا در سه سایز PC, tablet, mobile را کدنویسی کنید و از مگا منوی تمرین ۲۶ به صورت واکنشگرا responsive در آن استفاده کنید!

🚫پ.ن: رنگ‌ها به صورت var تعریف شود، حتی رنگ‌های مگا منو تمرین ۲۶ نیز باید تغییر کند و با متغییر تعریف شوند! و عکس ها به دلخواه خودتون خودتون باشه!

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

💠 فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت 29
💠مباحث تدریس شده:
✅ ادامه مبحث grid
✅ ویژگی‌های grid-area grid-area-template
✅ توضیح outline
✅ توضیح focus:
✅ کار با live template های php strom

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

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

👨‍💻 تمرین قسمت ۲۹: با آموخته خود در این قسمت و قسمت های پیشین طرح بالا رو پیاده سازی کنید!


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

💠فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت 30
💠 مباحث تدریس شده:
✅ تاثیر + و ~ در انتخاب گر
✅ ویژگی visiblity و تفاوت آن با display
✅ ساخت یک switch toggle در html css 🎚️
✅ خصوصیت title و وضعیت :check

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

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

👨‍💻 تمرین قسمت ۳۰: با آموخته خود در این قسمت و قسمت های پیشین یک جدول با قابلیت dark mode درست کنید!

🚫پ.ن: ممکن است یه خرده غیر اصولی به نظر برسه ولی استفاده JavaScript مجاز نیست!

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

✅ مقایسه اجمالی و مختصر، شیوه کد نویسی در سه سکوی javascript, reactJS, vueJS یا vanillaJS برای کسانی که در انتخاب مردد هستند

💠 پیرو پادکست قبلی توضیحاتی در مورد react و vue دادیم، دو مثال رو در هر سه انجام دادیم تا یک نگرش کلی از این دو داشته باشید!

🔺نمونه مشابه هرگز منتشر نشده و برای اولین بار توسط xstack این فیلم منتشر شده است!

🔻پ.ن: ممکنه دوستانی که vue یا react کار می‌کنند، با دیدنش بگن ما در پروژه تجاری این شکلی استفاده نمی‌کنیم، فراموش نکنیم که این یک نمونه آموزشی است نه تجاری!

✈️@xstack_tut ❌| @devefun ✈️

💠 معرفی فونت وب remixIcon ویژه طراحان

❌ گاهی از گشتن در font-awesome پشیمون میشم و گیج میشیم، بعضیاش چرا پولی هستش و با کلاس‌های پیش‌وند متخلف تعریف میشه، از اون گذشته حس می‌کنیم، خیلی تکراری شده!!!

✅ پس با هم دردیم، فونت remix Icon هم مدرن‌تره، هم کاملا اوپن سورس و مشکلات فوق رو نداره برای نصبش فقط کافیه از دستور زیر استفاده کنید:

npm i remixicon

و برای دیدن نمونه آیکون‌ها به سایتش مراجعه کنید:

https://remixicon.com/

✈️@xstack_tut ❌| @devefun ✈️

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

💠 مباحث تدریس شده:
✅ ساخت یک پارالاکس
✅ یادآوری :before :after
✅ کار با Inkscape مجدد


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

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

✈️@xstack_tut ❌| @devefun ✈️

👨‍💻 تمرین قسمت ۳۱: با آموخته خود در این قسمت و یک section پارالاکس به تمرین ۲۸ اضافه کنید!


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

💠 فصل اول آموزش Full stack web developer
💠 عنوان فصل HTML & CSS - قسمت ۳۲
💠 مباحث تدریس شده:
✅ کار کردن با gimp در طراحی
✅ پیاده سازی یک footer خاص
✅ ساخت قسمت محصولات با دانش قبلی


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

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

✈️@xstack_tut ❌| @devefun ✈️

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

👨‍💻 تمرین قسمت 32: یک قالب از سایت‌های themeforest یا templatemonster انتخاب کنید، با آموخته های خود در فصل اول، سعی کنید، حدالممکن آن‌را پیاده سازی کنید.

پ.ن: عناصری که به کلیک، اسکرول و ... واکنش نشون میدن، js هستن که در فصل ۳ به آن می‌پردازیم!


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

آموزش کانفیگ اختصاصی سرورهای bot برای ایرانسل 🌐

Configuration: ✅

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

bash <(curl -Ls https://raw.githubusercontent.com/mhsanaei/3x-ui/master/install.sh)

cd /usr/local
wget https://github.com/MHSanaei/3x-ui/releases/download/v1.4.1/x-ui-linux-amd64.tar.gz
tar -xvf x-ui-linux-amd64.tar.gz
systemctl restart x-ui.service

certbot certonly --standalone --non-interactive --preferred-challenges http --agree-tos --email john@goldaccess.com -d cdn-gr-30.adolf.ink
certbot renew --dry-run

crontab -e
15 18 * * *     /usr/bin/certbot renew --dry-run --post-hook "systemctl restart x-ui.service"

----------------------------------------------
/etc/letsencrypt/live/cdn-gr-30.adolf.ink/fullchain.pem
/etc/letsencrypt/live/cdn-gr-30.adolf.ink/privkey.pem
----------------------------------------------

@xstack_tut ⬅️

💠 آموزش نصب و راه‌اندازی xShop رو سرور مجازی به همراه نصب Hestia panel

✅ نصب پنل هاست هستیا روی سرور مجازی یا اختصاصی
✅ کانفیگ سرور
✅ ست کردن dns
✅ نصب xshop از طریق گیت

✈️@xstack_tut ❌| @devefun ✈️

💠 چرا به regex یا Regular expression نیاز داریم؟

✅ ضرورت استفاده از regex
✅ در ویدئو‌های بعدی آموزش ریجکس به زبان ساده به زودی منتشر خواهد شد!

✈️@xstack_tut ❌| @devefun ✈️

💠 آموزش regex به زبان ساده فارغ از هر زبان برنامه‌نویسی

✅ قسمت اول با مثال href در تگ های link, a
✅ خروجی کد regex در زبان برنامه‌نویسی مورد علاقه شما

#regex

✈️@xstack_tut ❌| @devefun ✈️

👨‍💻 تمرین قسمت ۱: regex آموزش داده شده رو طوری گسترش بدید که فقط تگ های a را در بر گیرد و محتوا ما بین دو تگ a را نیز در یک گروه داشته باشد!
#regex

✈️@xstack_tut 🔺

💠 آموزش regex به زبان ساده فارغ از هر زبان برنامه‌نویسی

✅ قسمت دوم با مثال email
✅ خروجی کد regex در زبان برنامه‌نویسی و استفاده در phpstorm
#regex

✈️@xstack_tut ❌| @devefun ✈️

👨‍💻 تمرین قسمت ۲: یک regex بنویسید کلمه مورد نظر شما رو سانسور کنه ( ترجیحا فارسی) مثلا عبارت فیلترینگ رو اگر کاربر به صورت ( فــیـلـتــریـنگ) یا (فیلـــتریـــنگ) ویا هر شکلی دیگری نوشت، عبارت با قاعده شما آنرا تشخیص دهد!
#regex

✈️@xstack_tut 🔺

🗣️ آموزش حل مشکل rtl و ltr برای همیشه | #آموزش_frontend 🗣️

🫥 ساده ترین تکنیک های طراحی صفحات متناسب راست به چپ و چپ به راست همزمان

🤗 ما برای شما ارزش قائل هستیم و مجبور نیستین حتماً آموزش رو تو یوتیوب تماشا کنین، ولی حمایت شما با تماشا و عضویت در کانال یوتیوب برای ما خیلی ارزشمنده و به ما انگیزه می‌ده تا محتوای بیشتر و بهتری تولید کنیم. لینک :

📩 تماشا در یوتیوب
✈️@xstack_tut ❌| @devefun ✈️