« طراحی سایت و گرافیک » – Telegram
« طراحی سایت و گرافیک »
2.96K subscribers
169 photos
593 videos
5 files
420 links
مرجع تخصصی آموزش گرافیک و طراحی سایت

1⃣ آموزش سرور و هاستینگ
2⃣ آموزش طراحی سایت
3⃣ نکات طلایی وبمستری
4⃣ آموزش هک و کرک وردپرس و...

🔵 لیست دوره های به پایان رسیده کانال:
🔴 T.me/Web_Developer_98
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🔔 دوره آموزشی CMS جوملا 🔔
🗓 جلسه: سی ام -  30 
📺 کیفیت: 720p 🎬 
🗣 زبان: فارسی 
📂 فایل تمرینی: ندارد

📌 تگ‌ها: 
#جوملا #آموزش_جوملا #دوره_جوملا #آموزش_CMS #دوره_CMS #جوملا_فارسی #طراحی_سایت #مدیریت_سایت

🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 آیا می‌دانید که حلقه for...of در جاوااسکریپت چگونه کار می‌کند؟ 🤔

بیایید نگاهی به زیر کاپوت این حلقه بیندازیم! 🔍

🔑 شیء قابل تکرار و تکرارگر:
هر شیئی که متد Symbol.iterator داشته باشد، قابل تکرار است. به عنوان مثال:
const nums = [10, 20, 30];
console.log(nums[Symbol.iterator]); // ƒ values() { [native code] }

💡 حلقه for...of و تکرارگر:
حلقه for...of مستقیماً با آرایه کار نمی‌کند، بلکه با تکرارگر آن کار می‌کند. بیایید تکرارگر را به صورت دستی دریافت کنیم:
const iterator = nums[Symbol.iterator]();
console.log(iterator.next()); // { value: 10, done: false }
console.log(iterator.next()); // { value: 20, done: false }


🔄 چگونه for...of کار می‌کند؟
این حلقه به سادگی متد next() را تا زمانی که done !== true باشد، فراخوانی می‌کند:
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}


استفاده از تکرارگرها:
تکرارگرها می‌توانند برای پردازش تنبل داده‌ها مانند خواندن جریان‌ها، آرایه‌های بزرگ یا تولید مقادیر بی‌نهایت استفاده شوند.

#جاوااسکریپت #برنامه_نویسی #توسعه_وب #تکرارگر #forOf #کدنویسی #آموزش #تکنولوژی

🆔 @Web_Designer98
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🔔 دوره آموزشی CMS جوملا 🔔
🗓 جلسه: سی و یکم -  31 
📺 کیفیت: 720p 🎬 
🗣 زبان: فارسی 
📂 فایل تمرینی: ندارد

📌 تگ‌ها: 
#جوملا #آموزش_جوملا #دوره_جوملا #آموزش_CMS #دوره_CMS #جوملا_فارسی #طراحی_سایت #مدیریت_سایت

🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
🔔 دوره آموزشی CMS جوملا 🔔
🗓 جلسه: سی و دوم -  32 
📺 کیفیت: 720p 🎬 
🗣 زبان: فارسی 
📂 فایل تمرینی: ندارد

📌 تگ‌ها: 
#جوملا #آموزش_جوملا #دوره_جوملا #آموزش_CMS #دوره_CMS #جوملا_فارسی #طراحی_سایت #مدیریت_سایت

🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 راهنمای سریع SQL 📊

آیا به دنبال یادگیری سریع SQL هستید؟ 🌟 Quick SQL Cheatsheet یک راهنمای جمع و جور و کاربردی است که شامل دستورات اصلی، توابع و نحو زبان SQL می‌باشد. این راهنما به شما کمک می‌کند تا با پایگاه‌های داده به راحتی کار کنید!

🔍 در این مخزن، توضیحات مختصری از پرکاربردترین عملگرهای SQL، نمونه‌هایی از کاربرد آن‌ها و نکات مفید ارائه شده است. این منابع به‌خصوص برای مبتدیان و توسعه‌دهندگان باتجربه بسیار ارزشمند است! 💡

📥 مخزن اینجا است.

#SQL #Database #Coding #Programming #Developer #LearnSQL #TechTips #Cheatsheet #DataAnalysis

🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🔔 دوره آموزشی CMS جوملا 🔔
🗓 جلسه: سی و سوم -  33 
📺 کیفیت: 720p 🎬 
🗣 زبان: فارسی 
📂 فایل تمرینی: ندارد

📌 تگ‌ها: 
#جوملا #آموزش_جوملا #دوره_جوملا #آموزش_CMS #دوره_CMS #جوملا_فارسی #طراحی_سایت #مدیریت_سایت
🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
🔔 دوره آموزشی CMS جوملا 🔔
🗓 جلسه: سی و چهارم -  34 
📺 کیفیت: 720p 🎬 
🗣 زبان: فارسی 
📂 فایل تمرینی: ندارد

📌 تگ‌ها: 
#جوملا #آموزش_جوملا #دوره_جوملا #آموزش_CMS #دوره_CMS #جوملا_فارسی #طراحی_سایت #مدیریت_سایت
🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🌟 معرفی ابزار عالی برای توسعه‌دهندگان! 🌟

آیا به دنبال یک شبیه‌ساز ترمینال برای وب‌سایت خود هستید؟ 🖥️💻 
؛Termo یک ابزار فوق‌العاده است که به شما امکان می‌دهد ترمینال را مستقیماً در مرورگر جاسازی کنید! 🚀

؛این شبیه‌ساز ساده از ترمینال سایت stripe.dev الهام گرفته شده و بر پایه xterm.js ساخته شده است


🔗 کد منبع: Termo on GitHub

#ترمینال #توسعه_وب #برنامه_نویسی #کد_باز #xterm_js #GitHub #ابزار_توسعه_دهنده #Termo

🆔 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
🌐 نکته مهم در HTML 🚀

🔍 آیا می‌دانستید که استفاده از input type="number" برای فیلدهای عددی مهم مانند کد پستی و شماره کارت می‌تواند مشکلاتی را به همراه داشته باشد؟ 🤔

چرا باید از آن پرهیز کرد؟
• در دسکتاپ، یک اسپینر اضافی ظاهر می‌شود که ممکن است کاربر را گیج کند. 🌀
• مقدار ممکن است به‌طور تصادفی با چرخش موس یا فشار دادن کلیدهای بالا/پایین تغییر کند. ⚠️

💡 راه حل: به جای آن از inputmode="numeric" و pattern استفاده کنید! 👍
• این روش صفحه‌کلید عددی را در دستگاه‌های موبایل نمایش می‌دهد و تجربه کاربری بهتری را فراهم می‌کند. 📱
• همچنین اعتبارسنجی اعداد را اضافه می‌کند تا داده‌های ورودی دقیق‌تر باشند.

#HTML #WebDevelopment #UXDesign #CodingTips #Programming #Frontend #Developer #UserExperience #WebDesign

🆔 @Web_Designer98