🔆 دوستان گلم ،
یه سایت براتون آوردم که می‌تونید باهاش wave های noscript درست کنین و با رنگ و اندازه و طرح های مختلف داخل پروژتون استفاده کنین !

⚡️میتونین طبق خواسته و نیازتون مقدار زاویه و شکستگی، رنگ، شکل و بالا و پایین بودنش رو تنظیم کنین و بعدش خیلی راحت با یه کپی پیست ساده استفادش کنین. اینم ادرسش :

https://getwaves.io/

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

📱خفن ترین لوگو هارو از هوش مصنوعی بخواه !

🔆 هوش مصنوعیی که قراره تو این پست معرفی کنم میتونه بهترین لوگو هارو براتون بسازه ؛ فقط یه پرامپت نیاز داره که میتونید اونو از ChatGPT بگیرید، پایین تر بهت میگم چجوری ...

1⃣ وارد ChatGPT بشو و یه سری توضیحات در مورد کسب و کارت بهش بده ؛ مثلا من یه آکادمی موسیقی دارم و اسمش ... هست و میخوام یه عکس گیتار هم تو لوگو باشه .

به ChatGPT میگم یه پرامپت به زبان انگلیسی با توضیحات کامل بنویسه .

2⃣ وقتی متن پرامپت رو کپی کردم میبرم تو وب‌سایت زیر و اون رو پیست میکنم در نهایت روی Generate میزنم و تمام ،

🔆 هنگام نوشتن متن برای ChatGPT نکات زیر رو هم درنظر داشته باش :

⚡️1.نام کسب و کار .

⚡️2.یک تصویر یا نمادی که با فعالیت کسب و کارت مرتبط باشد .

⚡️3.رنگهای انتخابی برای لوگو و پس زمینه‌ی لوگو .

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

📱منابع فرانت‌اند (front-end)
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🔆 رودمپ جامع فرانت‌اند (roadmap.sh)

Structure : HTML5 (SEO Basics & Accessibility)

Styling & Layout : CSS3 (Flex Box, CSS Grid, Responsive, Animations)

CSS Pre-processor & Architecture : SCSS & Post CSS & BEM

Web Programming : JavaScript (ES6+ & Core Concepts)

Version Control System & Deployment : Git & GitHub & Netlify

Module Bundlers & Package Management : Vite & NPM

CSS Framework : Tailwind CSS

JavaScript Frameworks : Vue.js (Nuxt.js) or React.js (Next.js)

Type Checkers : TypeScript

Clean Code & Style Guides : Mentioned below



🔆 داکیومنت‌ها

HTML - Accessibility - CSS - SCSS - JavaScript - JavaScript (Persian) - Git - GitHub - Vite - NPM - Tailwind CSS - Vue.js - Nuxt.js - React.js - Next.js - TypeScript - Frontend Guidelines - JavaScript Style Guides



🔆 دوره‌های آموزشی جامع (انگلیسی)

⚡️ آموزش HTML و CSS (کورس یودمی Jonas Schmedtmann)

⚡️آموزش SCSS (کورس یودمی Jonas Schmedtmann)

⚡️ آموزش JavaScript (کورس یودمی Jonas Schmedtmann)

⚡️ زیرنویس فارسی آموزش JavaScript (کورس یودمی Jonas Schmedtmann)

⚡️ آموزش Git و GitHub (کورس یودمی Mosh Hamedani)

⚡️ آموزش Tailwind CSS (کرش کورس یوتوب Brad Traversy)

⚡️ آموزش Vue.js (کورس یودمی Andrei Neagoie)

⚡️ آموزش Nuxt.js (کورس یودمی Laith Harb)

⚡️ آموزش React.js (کورس یودمی Jonas Schmedtmann)

- آموزش Next.js (کورس یودمی Mosh Hamedani)

⚡️ آموزش TypeScript (کورس یودمی Maximilian Schwarzmüller)

⚡️ آموزش Clean Code (کورس یودمی Maximilian Schwarzmüller)

💥نکته : با استفاده از نرم‌افزار PotPlayer می‌تونین ویدیو‌ها رو با زیرنویس فارسی مشاهده کنین .



🔆 دوره‌های آموزشی فارسی

⚡️ آموزش HTML از سایت سبزلرن (حمیدرضا عبادی)

⚡️ آموزش CSS از سایت سبزلرن (حمیدرضا عبادی)

⚡️ آموزش JavaScript از سایت سبزلرن (محمد‌امین سعیدی‌راد)

⚡️ آموزش Git و GitHub از چنل یوتوب نئون‌لرن (محمد سیدآقایی)

⚡️ آموزش React.js از سایت سبزلرن (محمد‌امین سعیدی‌راد)

💥منبع : @ShayanTheNerd💥


🔆 آیکن‌های SVG
icones - Tabler icons - Boxicons - ionicons - Font Awesome

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

📱مقایسه Tailwind css و Bootstrap و یافتن مناسب ترین فریم ورک براساس نیاز شما ؟

💥مقایسه این پایینه👇

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

⚡️اگر TailWind CSS را در مقابل Bootstrap قرار دهیم، متوجه می‌شویم که هر دو مزایا و معایب خود را دارند. Tailwind CSS برای توسعه دهندگان باتجربه که می خواهند کنترل کاملی بر طرح های خود داشته باشند، عالیست. بوت استرپ برای مبتدیانی که می خواهند سریع شروع به کار کنند بهتر است .

⚡️اگر به دنبال انعطاف پذیری بیشتر، شخصی سازی و توانایی ایجاد طرح های منحصر به فرد هستید، Tailwind CSS انتخاب بهتری است، که هم عملکرد و کیفیت کد بهتری نسبت به Bootstrap ارائه می دهد و هم طراحی واکنش گرای آن اجازه می دهد تا کد نوشته شده برای دسکتاپ با کمترین تغییرات در تلفن همراه دوباره استفاده شود. همچنین اگر شما یک طراح نیستید و فقط می خواهید مواردی را در سریع ترین زمان ممکن کنار هم قرار دهید، Bootstrap برای شما مناسب تر است. اما اگر آزادی عمل برای ایجاد طرح های سفارشی مد نظر شماست، Tailwind CSS گزینه بهتریست. اگر پروژه شما تفاوت چندانی با برخی از طرح‌بندی‌های رایج‌تر ندارد، یا بیشتر یک توسعه‌دهنده فول استک یا توسعه‌دهنده سمت بک اند هستید، Bootstrap می تواند انتخاب بهتری برای شما باشد. اما در صورتیکه یک پروژه نیاز به سفارشی‌سازی زیادی دارد، از یک چیدمان معمول پیروی نمی‌کند، یا اگر بیشتر به CSS عادت دارید، Tailwind می‌تواند انتخاب بهتری باشد. علاوه بر این ها Tailwind، مستندات جامع تری دارد، نصب و نگهداری آن آسان است و افزونه های مفیدی را برای ساده سازی توسعه ارائه می دهد. همه این ویژگی‌ها Tailwind CSS را به گزینه‌ای ایده‌آل برای توسعه‌دهندگانی تبدیل می‌کند که می‌خواهند کارآمدترین و مؤثرترین راه را برای ایجاد وب‌سایت‌های واکنش‌گرا داشته باشند. به خاطر داشته باشید که Tailwind CSS و Bootstrap فراتر از آنچه که از آن ها می دانیم هستند .

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

📱 اگه برنامه نویسی و اکستنشن Error code نداری قطعا باخت دادی !

🔆 با استفاده از اکستنشن Error code به راحتی هرچه‌تمام تر میتونید قبل از اجرای کدتون تمام ارورهاش رو مشاهده کنید .

⚡️قراره کلی از این اکستنشن های باحال رو معرفی کنیم⚡️

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

📱 ابزار مبتنی بر هوش مصنوعی برای برنامه نویسان

🌐 DocuWriter.ai

🔆 شما می‌تونید از این ابزار هوش مصنوعی برای تولید اسناد کد، تست‌ها و کدهای بازساخت شده (Refactors) از فایل‌های کد منبع خود استفاده کنید.

🔆 این ابزار علاوه بر اینکه اسناد رو به صورت خودکار ایجاد می‌کنه امکان بازآفرینی و بهینه سازی کد رو هم داره.

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

🔆 در سال ۲۰۲۱ ، شرکت چینی  Huawei  موفق به توسعه فناوری ابرسریع ۶G شد که قرار است سرعت اینترنت را به حدود ۱ ترابیت بر ثانیه برساند. این سرعت بسیار بالا، حدود ۱۰۰ برابر سرعت فعلی اینترنت ۵G است که در حال حاضر در بسیاری از کشورها مورد استفاده قرار می‌گیرد.

⚡️با این حال، باید توجه داشت که این فناوری هنوز در مراحل توسعه و آزمایش است و نیاز به سرمایه‌گذاری بسیار زیادی دارد. همچنین، برخی از کشورها به دلیل مسائل امنیتی و سیاسی، از استفاده از تجهیزات شرکت Huawei خودداری می‌کنند.

⚡️به هر حال، با توجه به پیشرفت فناوری و رقابت بین شرکت‌ها، احتمالا در آینده نزدیک، سرعت اینترنت به مرزهایی نزدیک به ۱ ترابیت بر ثانیه خواهد رسید که این امر می‌تواند تغییرات بزرگی در زمینه‌های مختلفی از جمله ارتباطات، پزشکی، آموزش و ... را به همراه داشته باشد.

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

🖥 بهترین تم های تاریک VSCode :

⚡️ 1 - Night Owl

⚡️2 - Ariake Dark

⚡️3 - One Dark Pro

⚡️4 - Nord

⚡️5 - Dracula Official

⚡️6 - Pitch Black

⚡️7 - City Lights

🔆 برای فعال کردن هر کدام از این تم‌ها نیاز است تا درون برنامه‌ی VS Code با زدن دکمه Ctrl+P و سپس پیست کردن دستور گفته شده مربوط به هر تم و زدن دکمه‌ی enter، تم مورد علاقه‌ی خود را نصب کنید .

💥اینم لینک سایتی که لینک های تم هارو گذاشته💥

https://roocket.ir/articles/curated-list-of-best-vscode-dark-themes

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

📱منطقی بنظر میرسه واقعا :

💥احساس میکنم که ، یکی باید این تویت رو واقعا پاک کنه😂😁

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

🖥 جیکوئری : jQuery یک کتابخانه جاوااسکریپت است که برای ساده‌تر کردن کار با DOM و ایجاد افکت‌های جانبی در صفحات وب استفاده می‌شود. این کتابخانه در سال 2006 توسط جان رزندال (John Resig) ایجاد شد و به دلیل سادگی و قابلیت استفاده آسان در طراحی وب سریعاً محبوب شد.

🔆 اما با گذر زمان و توسعه تکنولوژی‌های وب، کتابخانه‌های جدیدی مانند React و Vue.js به وجود آمدند که قابلیت‌های بیشتری در ارتباط با SPA (Single Page Application) و روش‌های مدرن توسعه وب دارند. به همین دلیل، استفاده از jQuery در طراحی وب کمتر شده است و محبوبیت آن کاهش یافته است .

💥نقاط قوت jQuery عبارتند از :

⚡️- سادگی و آسانی در استفاده

⚡️- قابلیت کار با DOM و ایجاد افکت‌های جانبی در صفحات وب

⚡️- پشتیبانی از تمامی مرورگرهای وب

نقاط ضعف jQuery عبارتند از :

⚡️- عدم پشتیبانی از SPA و روش‌های مدرن توسعه وب

⚡️- حجم بالای کتابخانه و افزایش زمان بارگذاری صفحات وب

⚡️- عدم امکان استفاده از jQuery در برنامه‌های موبایل و اپلیکیشن‌های تلفن همراه

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

💥تمرین جدید (جاوااسکریپت) :

🔆 برنامه ای بنویسید که 3 مقدار عددی آرایه را به صورت رندوم چاپ کند و نمایش دهد.


(جوابش امشب ارسال میشه)

#تمرین

🔆 کانال کافه کد:

@Cafe_Of_Code

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap!

بیچاره نمیدونه علامت ! چه تاثیری تو جمله میزاره😂😂😂

🔆 کانال کافه کد :

@Cafe_Of_Code

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🟡جواب تمرین جاوا اسکریپت

🔆 برنامه ای بنویسید که 3 مقدار عددی آرایه را به صورت رندوم چاپ کند و نمایش دهد.



🔆 کانال کافه کد:

@Cafe_Of_Code

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap!

🔆 حوزه های برنامه نویسیو ببینیم :

1. برنامه نویسی وب (Web Development)

2. برنامه نویسی موبایل (Mobile Development)

3. برنامه نویسی دسکتاپ (Desktop Development)

4. برنامه نویسی بازی (Game Development)

5. برنامه نویسی هوش مصنوعی (Artificial Intelligence)

6. برنامه نویسی اینترنت اشیا (Internet of Things)

7. برنامه نویسی بلاکچین (Blockchain Development)

8. برنامه نویسی سیستم (System Programming)

9. برنامه نویسی کامپایلر (Compiler Programming)

10. برنامه نویسی رباتیک (Robotics Programming)

11. برنامه نویسی امنیتی (Security Programming)

12. برنامه نویسی داده ها (Data Science)

13. برنامه نویسی شبکه (Network Programming)

14. برنامه نویسی پایگاه داده (Database Programming)

15. برنامه نویسی کاربردی (Application Programming)

16. برنامه نویسی تحت وب (Web Application Development)

17. برنامه نویسی سمت سرور (Server-Side Programming)

18. برنامه نویسی سمت کلاینت (Client-Side Programming)

19. برنامه نویسی گرافیکی (Graphics Programming)

20. برنامه نویسی صوتی و تصویری (Audio/Video Programming)

🔆 کانال کافه کد:

@Cafe_Of_Code

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap!

💥 چندتا از فیلم های گلچین برای برای برنامه نویس ها و علاقه مند به این سبک فیلم :

The Matrix
Blade Runner
I, Robot
Ex Machina
Minority Report
2001: A Space Odyssey
Upgrade
Her
Moon
A.I. Artificial Intelligence (2001)
- Bicentennial Man (1999)
- I, Robot (2004)
- Chappie (2015)
- After Yang (2021)
- Ex Machina (2015)
- RoboCop (1987)
- Alien (1979)
- Terminator 2: Judgment Day (1991)

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

💥 نقشه راه جاوا اسکریپت :

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

💥پر درآمد ترین شغل های برنامه نویسی در سال 2023🔥

🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap

🔆 کانال کافه کد :

@Cafe_Of_Code

🔴 کتابخانه ای برای css مخصوص استایل دادن به دکمه های پروژمون که بسیار کار و تمیز در میاره!
فقط کافیه با یک کلیک روی دکمه مورد نظر استایل های آن را کپی کنیم و ببریم توی پروژمون🙆🥹


https://copy-paste-css.com/


🔆  گروه کافه کد :

https://news.1rj.ru/str/Cafe_Code_Gap!

🔆 کانال کافه کد:

@Cafe_Of_Code

‌