آموزش رایگان برنامه نویسی وب
3.4K subscribers
5 photos
6 videos
33 files
45 links


🚀 آموزش رایگان طراحی وب و برنامه‌نویسی 🚀

🎨 HTML | CSS | JavaScript | PHP | وردپرس

📺 ویدیوهای آموزشی رایگان هر هفته 

🏷️ #وردپرس #PHP #جاوا_اسکریپت

👨‍💻 گروه تخصصی طراحی وب
👉 @w_woocommerce

📢 تعرفه تبلیغات:
📲 @channel_aadd
Download Telegram
اِنویدیا از پردازنده گرافیکی بلک‌ول، قدرتمندترین تراشه جهان برای هوش مصنوعی رونمایی کرد


شرکت انویدیا از جدیدترین تراشه هوش مصنوعی خود با قابلیت انجام برخی وظایف تعریف شده تا ۳۰ برابر سریع‌تر از نسل قبلی رونمایی کرد. این شرکت هم اکنون ۸۰ درصد از سهم بازار را در قبضه خود دارد و امیدوار است با این محصول جدید بتواند این تسلط بر بازار را بیشتر کند.

جانسن هوانگ، مدیر اجرایی انویدیاعلاوه بر رونمایی از این تراشه که «بلک‌ول / B200» نام دارد، مجموعه جدیدی از ابزارهای نرم افزاری را نیز در کنفرانس سالانه خود شرح داد.
انتظار می رود مشتریان عمده‌ای از جمله آمازون، گوگل، مایکروسافت و اوپن اِی.‌آی. از این تراشه پرچمدار در خدمات رایانش ابری (cloud-computing) و ارائه خدمات هوش مصنوعی خود استفاده کنند.
انویدیا پس از مایکروسافت و اپل، سومین شرکت ارزشمند در ایالات متحده است. سهام این شرکت طی یک سال گذشته ۲۴۰ درصد افزایش یافته است و ارزش بازار آن در ماه گذشته به ۲ تریلیون دلار رسید.

🔎  https://t.me/w_woocommerce
👍31🔥1
↩️  انواع دسته بندی وبسایت ها

1. استاتیک یا ثابت:

‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌◉  وبسایتهای استاتیک نیازی به پایگاه داده ندارند و از HTML و CSS ساخته شده اند، قابلبت به روز رسانی محتوا از طریق پنل ادمین را ندارند چون به هیچ پایگاه داده ای متصل نیستند و فقط توسط سازنده یا شخصی که به کدنویسی فرانت اند مسلط هست قابل به روز رسانی هستند.

2. داینامیک یا پویا:

‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌◉  وبسایتهای داینامیک به پایگاه داده ای نظیر MySQL یا SQL Server نیاز دارند که اطلاعات رو از آنجا بخوانند، و باید این امکانات داینامیک سازی توسط یک زبان بک اند مثل PHP یا ASP فراهم شود. تا کاربر بتواند به راحتی از طریق پنل ادمین اطلاعات وبسایت را به روز رسانی کند.


🔎https://t.me/w_woocommerce
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 هوش مصنوعی Stable Audio 2.0 معرفی شد؛ ساخت رایگان آهنگ‌های ۳ دقیقه‌ای

💢 شرکت Stability AI از نسخه ارتقایافته هوش مصنوعی ساخت آهنگ خود با نام Stable Audio 2.0 رونمایی کرد.

💢 با کمک این ابزار هوش مصنوعی، کاربران می‌توانند براساس توصیفات متنی، آهنگ‌های حداکثر سه دقیقه‌ای تولید کنند.

💢 هر چند در درجه اول، این ابزار با توصیفات متنی کار می‌کند، اما گزینه‌ای برای آپلود یک کلیپ صوتی نمونه نیز وجود دارد و Stable Audio 2.0 پس از تجزیه‌ و‌ تحلیل آن، صدای دیگری شبیه به آن تولید می‌کند.




🔎https://t.me/w_woocommerce
🔥4
یه چیزی یاد بگیریم

پهباد غلطه
درستش پهپاده به معنی
پرنده    => پ
هدایت  => ه
پذیر     => پ
از         => ا
دور       => د


🔎https://t.me/w_woocommerce
👍61🔥1
خبر جدید نات کوین⚽️ امروز، بنیانگذار نات کوین ، الکساندر پلوتوینوف (ساشا) در جشنواره Web3 هنگ کنگ 2024 سخنرانی کرد.

(ترجمه سخنرانی امروز عصر منتشر می شود)

💎 نکات مهم سخنرانی:

💥• نات کوین 35 میلیون کاربر و 6.5 میلیون کاربر روزانه دارد. این باعث می شود که نات کوین بزرگترین بازی در بخش Web3 از نظر حجم مخاطب باشد.

😮 • یک صرافی داخلی با نام Trade Bot در آینده نزدیک راه اندازی خواهد شد که NOT - TON را می توان در آن مبادله کرد.

• دریافت سکه در حال حاضر تنها از طریق شرکت در بازی ها از حامیان مالی امکان پذیر است. حامیان، نات کوین را با قفل کردن آن در قراردادهای هوشمند خریداری می کنند. بخشی از وجوه حامیان مالی سوزانده می شود و بخشی دیگر به کاربران این بازی ها منتقل می شود. بازی های جدید به صورت ماهانه اضافه خواهد شد.

😏• تمامی پوسته های خریداری شده از زمان عرضه بازی به NFT تبدیل خواهند شد. پوسته ها قابل فروش است.
⚡️🔎https://t.me/w_woocommerce
1
This media is not supported in your browser
VIEW IN TELEGRAM
این ابزاریه که #مایکروسافت امروز معرفی کرده. یه عکس معمولی+صدای مورد نظر را میگیره و یه ویدیوی درست و حسابی تحویل میده. اسمش را گذاشتن: VASA-1 😳🤯

⚡️🔎https://t.me/w_woocommerce
👍1
🚀 نقشه راه فول استک وب 🚀

---------------------------------

🔹 Front-End

💻 برنامه‌نویسی سمت‌کاربر (Front-End) 
🔹 HTML: ساختار صفحات وب 
🔹 CSS: طراحی و استایل‌دهی 
🔹 JavaScript (JS): توانمندی‌ها و تعاملات 
🔹 Git: کنترل نسخه‌ها و مدیریت پروژه 
🔹 NPM: مدیریت بسته‌ها و دپندانس‌ها 
🔹 Bootstrap: فریم‌ورک CSS برای ریسپانسیو 
🔹 Sass: پیش‌پردازنده CSS 
🔹 React: کتابخانه جاوااسکریپت برای UI 
🔹 TypeScript: جاوااسکریپت قوی‌تر با تایپینگ 
🔹 Next.js: فریم‌ورک React برای SSR و SSG 
🔹 Google Lighthouse: ارزیابی عملکرد و بهینه‌سازی 

🔧 ابزارهای Front-End 
🔹 VSCode: ویرایش‌گر کد 
🔹 Postman: تست API‌ها 
🔹 Figma/Sketch: طراحی UI/UX 

---------------------------------

🔹 Back-End

💻 برنامه‌نویسی سمت‌سرور (Back-End) 
🔹 PHP Basics: مبانی برنامه‌نویسی PHP 
🔹 MySQL: پایگاه داده رابطه‌ای 
🔹 PHP OOP: برنامه‌نویسی شی‌گرا در PHP 
🔹 Laravel / CodeIgniter: فریم‌ورک‌های PHP 
🔹 RESTful API: ساخت و مدیریت API‌ها 
🔹 Composer: مدیریت بسته‌ها در PHP 
🔹 Testing: تست‌های واحد و انتقالی 
🔹 Authentication: مدیریت ورود و خروج کاربران 
🔹 Deployment: انتشار پروژه‌ها 
🔹 Performance: بهینه‌سازی عملکرد 
🔹 Monitoring and Logging: پایش و لاگ‌گیری 
🔹 Security Best Practice: بهترین روش‌های امنیتی 

🔧 ابزارهای Back-End 
🔹 Docker: بسته‌بندی برنامه
🔹 AWS/GCP/Azure: خدمات ابری 
🔹 Jenkins: CI/CD 

---------------------------------
توضیحات بیشتر و آموزش‌ها را در کانال ما پیدا کنید!

⚡️🔎 [لینک چنل]


🔗 #رودمپ_فول_استک_وب
👍4🔥1
10 پلاگین مهم و ضروری وردپرس


1. Yoast SEO:
به بهینه‌سازی وب‌سایت شما برای موتورهای جستجو کمک می‌کند.
2. WooCommerce:
به راحتی به شما امکان ایجاد یک فروشگاه آنلاین را می‌دهد.
3. WPFORMS:
یک افزونه فرم تماس ساده و انعطاف‌پذیر.
4. Akismet:
وب‌سایت شما را از نظرات ( کامنت های ) اسپم محافظت می‌کند.
5. Jetpack :
فراهم کننده ابزارهایی برای امنیت ، پرفورنس  (عملکرد ) و مدیریت را فراهم می‌کند.
6. Elementor:
یک صفحه ساز قدرتمند با قابلیت کشیدن و رها کردن .
7. Wordfence Security:
راه‌ حل‌های جامع امنیتی برای وب‌سایت شما را فراهم میکند.
8. W3 Total Cache:
عملکرد وب‌سایت شما را با استفاده از کشینگ بهبود می‌بخشد.
9. MonsterInsights:
درکی بهتر از ترافیک وب‌سایت را به شما ارائه می‌دهد.
10. WP Super Cache:
فایل‌های HTML استاتیکی را ایجاد میکند تا سرعت وب‌سایت شما را افزایش دهد.


🆔@w_woocommerce
👍4
Media is too big
VIEW IN TELEGRAM
آموزش ساخت اسلایدر تمام صفحه با المنتور پرو

#المنتور_پرو
#وردپرس
#وب





🆔@w_woocommerce
🆔@w_woocommerce
🆔@w_woocommerce
👍5🥰1
⚡️وردپرس 6.5.3 منتشر شد!


♻️لیست فایل های بروز شده :

wordpress/block-directory - 4.28.11
wordpress/block-editor - 12.19.9
wordpress/block-library - 8.28.11
wordpress/core-commands - 0.20.9
wordpress/core-data - 6.28.9
wordpress/customize-widgets - 4.28.11
wordpress/edit-post - 7.28.11
wordpress/edit-site - 5.28.11
wordpress/edit-widgets - 5.28.11
wordpress/editor - 13.28.9
wordpress /format-library - 4.28.9
wordpress/interactivity - 5.0.6
wordpress/interactivity-router - 1.1.6
wordpress/patterns - 1.12.9
wordpress/reusable-blocks - 4.28.9
wordpress/widgets - 3.28 .9
wordpress/e2e-test-utils-playwright - 0.19.3
wordpress/scripts - 27.2.6

لیست فایل های اصلاح شده :

wp-admin/about.php
wp-admin/css/common.css
wp-admin/css/media.css
wp-admin/menu.php
wp-includes/assets/script-loader-packages.min.php
wp-includes /block-template-utils.php
wp-includes/class-avif-info.php
wp-includes/class-wp-theme-json.php
wp-includes/default-filters.php
wp-includes/
functions.wp-scripts .php
......
👍5🔥1
فرانت اند و بک اند یعنی چی ؟

فرانت‌اند و بک‌اند دو اصطلاح در زمینه برنامه‌نویسی وب هستن که در ادامه به توضیح اونها میپردازیم .




فرانت‌اند، همون "رابط کاربری" یا "جلو‌صحنه" سایته. اینجا بخشی از سایته که کاربران باهاش در ارتباط هستن، مثل صفحات وب، فرم‌های ورود، و عناصر تعاملی مثل دکمه‌ها و فرم‌ها.

مثال -> صفحات لندینگ یا مابقی صفحات وب






بک‌اند، همون "سمت سرور" یا "پشت‌صحنه" سایته. در اینجا کلیه عملیاتی که در سمت سرور انجام می‌شن، از ذخیره‌سازی داده‌ها گرفته تا پردازش درخواست‌های کاربران، در بک اند انجام میشه .

مثال ->  سیستم ثبت نام




🆔@w_woocommerce
🆔@w_woocommerce
🆔@w_woocommerce
👍5
php_comparison.mp4
29.1 MB
🔄 مینی پروژه PHP (مقایسه کننده اعداد) 

در این آموزش، با نحوه ساخت یک مینی پروژه مقایسه کننده اعداد با PHP آشنا می‌شوید. این پروژه ساده به شما کمک می‌کند تا اصول کار با فرم‌ها و منطق شرطی در PHP را تمرین کنید. اگر به یادگیری و تقویت مهارت‌های PHP خود علاقه‌مندید، این پروژه را از دست ندهید!

🎥 ویدیوهای بیشتر در کانال تلگرام ما:

👈 [لینک کانال]

 
🔗📲 [عضویت در گروه
🔗📲 [عضویت در گروه


#پی_اچ_پی  #php #مقایسه_کننده_اعداد #آموزش
👍27😁23🥰20👏1615🔥14🎉14
Database_Import.mp4
10.4 MB
🔄 طریقه بازگردانی دیتابیس یا (Import) کردن دیتابیس در phpMyAdmin 

در این ویدئو، به شما نشان می‌دهیم چطور می‌توانید دیتابیس‌های خود را در phpMyAdmin به راحتی بازگردانی (Import) کنید. این آموزش شامل مراحل گام به گام برای بارگذاری فایل SQL و مدیریت دیتابیس‌های شماست. اگر می‌خواهید در مدیریت دیتابیس‌ها مهارت بیشتری پیدا کنید، این ویدئو را از دست ندهید!

🎥 ویدیوهای بیشتر در کانال تلگرام ما:

👈 [لینک کانال]

 
🔗📲 [عضویت در گروه
🔗📲 [عضویت در گروه


#phpmyadmin #دیتابیس #مدیریت_دیتابیس #آموزش #برنامه_نویسی
👍6🔥21
php_simple_calculator.mp4
29.1 MB
🔄 آموزش ساخت ماشین حساب ساده با PHP
 
در این ویدئو، یاد می‌گیرید چطور با استفاده از PHP یک ماشین حساب ساده و کاربردی طراحی کنید. این پروژه به شما کمک می‌کنه تا اصول کار با فرم‌ها و محاسبات سمت سرور رو در PHP بهتر درک کنید. اگر به یادگیری PHP علاقه‌مندید، این آموزش رو از دست ندید!

🎥 ویدیوهای بیشتر در کانال تلگرام ما:

👈 [لینک کانال]

 
🔗📲 [عضویت در گروه
🔗📲 [عضویت در گروه


#php #برنامه_نویسی #ماشین_حساب #توسعه_وب #آموزش
👍7
نقشه راه ساخت قالب وردپرس 🚀

یادگیری مبانی وب 🌐:
HTML/CSS 🖥️
JavaScript

آشنایی با PHP و MySQL 💻:
PHP 🔧
MySQL 🔑

آشنایی با وردپرس 📚:
نصب وردپرس 🖱️

ساختار فایل‌ها: آشنایی با پوشه‌ها و فایل‌های وردپرس 🗂️

توابع و حلقه‌ها: کار با توابع و حلقه‌های وردپرس 🔄

ساخت قالب 🖌️:
آشنایی با فایل‌های قالب:
index.php
style.css
header.php
footer.php و ... 📄

توابع قالب: استفاده از توابع و هوک‌ها در functions.php 🛠️

بهینه‌سازی و امنیت 🔒:
بهینه‌سازی سرعت: فشرده‌سازی فایل‌ها و استفاده از کشینگ
امنیت: جلوگیری از تزریق کد و محافظت از فایل‌ها 🛡️

توسعه و انتشار 🌍:
انتشار قالب: مستندسازی و آپلود در مخزن وردپرس یا فروش در مارکت‌پِلیس‌ها 📤

منابع یادگیری 📖:
مستندات وردپرس: developer.wordpress.org
دوره‌های آنلاین: Udemy, Coursera 🎓
انجمن‌ها: Stack Overflow, Reddit 💬

🆔 @w_woocommerce
🆔 @w_woocommerce
🆔 @w_woocommerce
👍5🥰1
Google_Home_page.mp4
40.6 MB
🔄 آموزش ساخت صفحه اصلی گوگل با HTML و CSS 

در این ویدئو، قدم به قدم یاد می‌گیرید چطور با استفاده از HTML و CSS صفحه اصلی ساده و مینیمال گوگل رو بازسازی کنید. این پروژه به شما کمک می‌کنه تا مهارت‌های خودتون در طراحی وب رو ارتقا بدید و با مفاهیم طراحی صفحات مینیمال آشنا بشید. حتماً این آموزش جذاب رو دنبال کنید!

🎥 ویدیوهای بیشتر در کانال تلگرام ما:

👈 [لینک کانال]

 
🔗📲 [عضویت در گروه
🔗📲 [عضویت در گروه


#html #css #طراحی_وب #صفحه_اصلی_گوگل #آموزش
👍7
5 قدم برای افزایش سرعت سایت وردپرسی

افزایش سرعت سایت وردپرسی به بهبود تجربه کاربری و رتبه‌بندی بهتر در موتورهای جستجو کمک می‌کند. در این مقاله به بررسی پنج روش اساسی برای افزایش سرعت سایت وردپرسی می‌پردازیم.

۱. کاهش تعداد پلاگین‌های سایت

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

۲. بهینه‌سازی عکس‌ها

یکی از عوامل مهمی که بر سرعت بارگذاری صفحات وب تاثیر می‌گذارد، حجم عکس‌ها است. هر عکسی که در سایت آپلود می‌کنید باید زیر ۱۰۰ کیلوبایت باشد و ترجیحاً از فرمت‌های فشرده و مدرنی مثل webp استفاده کنید. ابزارهای مختلفی برای فشرده‌سازی و بهینه‌سازی عکس‌ها وجود دارند که می‌توانند به کاهش حجم تصاویر بدون افت کیفیت کمک کنند، مانند TinyPNG یا WP Smush.

۳. کاهش حجم کلی صفحات

حجم هر صفحه باید زیر ۳ مگابایت باشد. برای کاهش حجم صفحات می‌توانید از تکنیک‌های مختلفی استفاده کنید. به عنوان مثال، کدهای HTML، CSS و JavaScript خود را فشرده کنید. ابزارهایی مانند Gulp یا Grunt می‌توانند در این زمینه کمک کنند. همچنین، بارگذاری تنبل (lazy loading) برای تصاویر و ویدیوها را فعال کنید تا فقط زمانی که کاربر به آن‌ها نیاز دارد، بارگذاری شوند.

۴. استفاده از پلاگین کش

کش کردن صفحات وب به این معناست که یک نسخه استاتیک از صفحات سایت در حافظه سرور ذخیره می‌شود و به کاربران ارائه می‌گردد. این کار باعث افزایش سرعت بارگذاری صفحات می‌شود زیرا دیگر نیازی به پردازش مجدد تمامی اطلاعات و درخواست‌ها توسط سرور نیست. پلاگین‌هایی مانند W3 Total Cache یا WP Super Cache می‌توانند به طور موثر کش سایت شما را مدیریت کنند.

۵. استفاده از CDN (ترجیحاً کلودفلر)

شبکه توزیع محتوا (CDN) مجموعه‌ای از سرورها است که محتوای سایت شما را در نقاط مختلف جهان ذخیره می‌کند و به کاربران ارائه می‌دهد. این کار باعث کاهش فاصله فیزیکی بین سرور و کاربر می‌شود و سرعت بارگذاری سایت را افزایش می‌دهد. کلودفلر یکی از محبوب‌ترین و کارآمدترین CDNها است که علاوه بر افزایش سرعت، امنیت سایت شما را نیز بهبود می‌بخشد. با استفاده از کلودفلر، محتوای سایت شما از نزدیک‌ترین سرور به کاربر بارگذاری می‌شود، که منجر به تجربه کاربری بهتری خواهد شد.





🆔@w_woocommerce

🆔@w_woocommerce

🆔@w_woocommerce
👍8🔥1
GLASSY_LOGIN_FORM.mp4
32 MB
🔄 ساخت لاگین فرم شیشه‌ای با HTML و CSS 

در این آموزش، یاد می‌گیریم چطور یک فرم لاگین زیبا با افکت شیشه‌ای (Glassy) با استفاده از HTML و CSS طراحی کنیم. این پروژه به شما کمک می‌کنه تا تکنیک‌های مدرن طراحی وب رو به کار بگیرید و فرم‌هایی شیک و حرفه‌ای برای سایت‌هاتون بسازید. این آموزش رو از دست ندید!

🎥 ویدیوهای بیشتر در کانال تلگرام ما:

👈 [لینک کانال]

 
🔗📲 [عضویت در گروه
🔗📲 [عضویت در گروه


#html #css #فرم_لاگین #طراحی_وب #افکت_شیشه‌ای #برنامه_نویسی
👍6🔥3
طراحان وب عزیز روزتون مبارک 🎉





🆔@w_woocommerce

🆔@w_woocommerce

🆔@w_woocommerce
11
Digital_Clock.mp4
45.1 MB
🔄 آموزش ساخت ساعت دیجیتال با JavaScript 
در این ویدئو، یاد می‌گیریم چطور یک ساعت دیجیتال ساده و زیبا با استفاده از JavaScript طراحی کنیم. این پروژه به شما کمک می‌کنه تا مهارت‌های خودتون در کار با زمان و تاریخ در جاوااسکریپت رو تقویت کنید. اگر به برنامه‌نویسی وب علاقه دارید، این آموزش جذاب رو از دست ندید!

🎥 ویدیوهای بیشتر در کانال تلگرام ما:

👈 [لینک کانال]

 
🔗📲 [عضویت در گروه
🔗📲 [عضویت در گروه


#جاوا_اسکریپت #وب #برنامه_نویسی #ساعت_دیجیتال #آموزش
👏5👍1