برای استفاده و دانلود به آدرس زیر مراجعه کنید:
https://codepen.io/Mohammad_Oftadeh/pen/MWWoBJO

#css #html #navbar #animated_navbar #htmlcss #card #vitateach #ویتاتیچ #برنامه_نویسی #آموزش

🔸ویژگی های جدید در nextjs 9.1🔸

✅پشتیبانی از دایرکتوری src: از این نسخه پوشش داده میشه که قبلا نمیشد و میتونین دایرکتوری اصلیتونو که pages بود رو داخل اون قرار بدین به این شکل
/src/pages

✅پشتیبانی از ایجاد دایرکتوری public: فایلاتونو میتونید در ریشه اصلی آدرس برنامه قرار بدین با قرار دادن اونا داخل public مثل logo و ...

✅بزودی قابلیت اضافه کردن استایل های گلوبال اضافه میشه

✅صفحات استاتیکی که برای نمایش خطا ها بود مثل 404 بهتر شدن برای دسترسی(cdn)

✅بهبود bundle splitting

#nextjs #reactjs #nextjs9_1

نکته ها و ترفند های php - ویتاتیچ
https://vitateach.com/%d9%86%da%a9%d8%aa%d9%87-%d9%87%d8%a7-%d9%88-%d8%aa%d8%b1%d9%81%d9%86%d8%af-%d9%87%d8%a7%db%8c-php/

برای استفاده و دانلود به آدرس زیر مراجعه کنید:
https://codepen.io/Mohammad_Oftadeh/pen/bGGoxRR

#css #html #hover #htmlcss #vitateach #ویتاتیچ #برنامه_نویسی #آموزش

🔴 ویتاتیچ: HTML در کنار CSS و JavaScript سه هستهٔ فناوری ساخت صفحات وب هستند.

✅HTML
زبان توصیف ساختار صفحه‌های وب است. زبانی‌است برای تدوین قالب و طراحی صفحه‌های وب که دستورالعمل‌های این زبان برچسب و یا Tagنام دارند. هر یک از برچسب‌های اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

✅CSS
روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. دستورهای CSS روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

✅JavaScript
به اختصار JS زبان برنامه‌نویسی سطح بالا، پویا، مبتنی بر شی، وابستگی کم به نوع، چند رویه و تفسیری است. علیرغم اشتباه عمومی، زبان جاوااسکریپت با زبان جاوا ارتباطی ندارد، اگر چه ساختار این زبان به C++و Java شباهت دارد که این امر برای یادگیری آسان در نظر گرفته شده‌است.

🆔 @VitaTeach

🔶انجمن علمی کامپیوتر و مرکز نوآوری جهاد دانشگاهی برگزار میکند.

🌐کارگاه آموزشی
"مسیر ورود به دنیای برنامه نویسی وب"

👤مدرس : محمد افتاده

🗓زمان: سه شنبه ، ۱۲ آذر
⏰ساعت ۱۴

📍مکان: سه راه ادبیات، مرکز علمی-کاربردی جهاددانشگاهی، مرکز نوآوری جهاد دانشگاهی

📲لینک ثبت نام: https://evnd.co/E3ofI

با ما همراه باشید🙏🏻

🆔 انجمن علمی کامپیوتر جهاد دانشگاهی مشهد

دانلود رایگان قالب Portfolio ری اکت به همراه نسخه html, css, jquery

https://youtu.be/891yn6fYRWY

🔥پست جدید وبسایت

تعریف backend vs frontend و معرفی برخی از مشاغل این حوضه


https://vitateach.com/%d9%88%db%8c%d8%aa%d8%a7%d8%aa%db%8c%da%86-backend-vs-frontend/

در ویتاتیچ بخوانید🔥

ری اکت جی اس چیست و چرا ارزش یادگیری دارد.

https://vitateach.com/reactjs-%da%86%db%8c%d8%b3%d8%aa-%d9%88-%da%86%d8%b1%d8%a7-%d8%a7%d8%b1%d8%b2%d8%b4-%db%8c%d8%a7%d8%af-%da%af%db%8c%d8%b1%db%8c-%d8%af%d8%a7%d8%b1%d8%af%d8%9f/

در ویتاتیچ بخوانید🔥

معرفی ویژگی جدید و باحال Next.js به نام Create Next App

https://vitateach.com/%d9%85%d8%b9%d8%b1%d9%81%db%8c-%d9%88%db%8c%da%98%da%af%db%8c-%d8%ac%d8%af%db%8c%d8%af-next-js-%d8%a8%d9%87-%d9%86%d8%a7%d9%85-create-next-app/

🔥✅ طریقه استفاده از پکیج آیکون eva icons در React.js

https://github.com/mohammadoftadeh/react-with-eva-icons

🔹جدیدترین نسخه نرم افزار AMPPS هم اکنون در اختیار توسعه دهندگان قرارگرفت
لینک دانلود برای سیستم عامل های‌: مک، لینوکس، ویندوز
https://ampps.com/downloads

AMPPS is an easy to install software stack of Apache, Mysql, PHP, Perl, Python and Softaculous auto-installer that can be used on Desktops and office servers.


@Dev_Talks
https://t.me/dev_talks_group

سلام و عرض ادب خدمت دوستان عزیز
شاید برای شما هم پیش اومده که جهت اتصال به سرور‌های vpn سیسکو توسط openconnect در لینوکس یا مک همیشه مشکل وارد کردن نام کاربری و پسورد و ادرس سرور و … رو داشتین در زیر ابزاری که توسط بنده نوشته شده رو خدمتتون معرفی میکنم جهت استفاده ساده تر و بدون دردسر از این سرویس:

ابزار اتصال به سرور‌های vpn cisco توسط
CommandLine
در لینوکس و مک

https://github.com/mohammad-69/Openconnect-Vpn-Client

@Dev_Talks
https://t.me/dev_talks_group

پکیج multer-sharp-resizer برای ذخیره سازی تصاویر آپلود شده با سایز های مختلف در برنامه نویسی سمت سرور با nodejs & expressjs

💡یک نکته آموزشی
برای اون دسته از دوستانی که هنوز با بعضی از نکات ری اکت آشنا نیستن لازم دونستم این مورد رو بگم.

وقتی شما یک پروژه ری اکتی رو که با create-react-app نوشتین و اون رو منتشر میکنین توی فضای اینترنت ، اگر دقت کرده باشین کل سورس کد شما برای همه قابل مشاهده هستش.

خوب سوال پیش میاد چجوری و کجا؟!😬😩

وارد مرورگر که شدین داخل Developer tools و بعدش تب sources tab اونجا قسمتی هستش که میتونین ببینین سورس ری اکت خودتون رو.

این رو هم بگم این یک باگ نیستش بلکه مربوط میشه به source map که سورس کد شما دیده میشه.😆

خوب راه حل چیه که کسی نبینه؟!😎

خیلی راحته، اولین کاری که باید انجام بدین اینه که:

1️⃣ باید یک فایل با نام env. داخل پوشه پروژتون ایجاد کنین.

2️⃣ مرحله بعدی این خط رو به همین فایلی که ایجاد کردین اضافه و ذخیره کنین:

GENERATE_SOURCEMAP=false

3️⃣ مرحله پایانی کافیه از پروژتون build بگیرین:

yarn build
or
npm run build

حالا کافیه build جدیدی که گرفتین رو منتشر کنید و تمام 🥳

#آموزش ، #ری_اکت ، #react ، #نکته
@vitateach