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

🎯 رودمپ جامع فرانت‌اند (roadmap.sh/frontend)
Structure : HTML5 (SEO Basics & Accessibility/A11y)
Design & Layout : CSS3 (Flex Box, CSS Grid, Responsive, Animations)
CSS Pre-processor & Architecture : SASS & BEM & Post CSS
Web Programming : JavaScript (ES6+ & Core Concepts)
Version Control System & Deployment : Git & Github (also Netlify)
Module Bundlers & Package Management : Vite & NPM
CSS Framework : Tailwind
JavaScript Framework : Vue.js (Nuxt.js) or React.js (Next.js)
Type Checkers : TypeScript
Clean Code & Style Guides


🎯 داکیومنت‌ها
- داکیومنت HTML از سایت MDN

- داکیومنت Accessibility از سایت MDN

- داکیومنت CSS از سایت MDN

- داکیومنت SASS از سایت sass-lang

- داکیومنت JavaScript از سایت javascript.info

- داکیومنت Git از سایت git-scm

- داکیومنت Github از سایت docs.github

- داکیومنت Vite از سایت vitejs.dev

- داکیومنت NPM از سایت docs.npmjs

- داکیومنت Tailwind از سایت tailwindcss

- داکیومنت Vue از سایت vue.js

- داکیومنت Nuxt.js از سایت nuxt

- داکیومنت React از سایت react.dev

- داکیومنت Next.js از سایت nextjs

- داکیومنت TypeScript از سایت typescriptlang

- داکیومنت Frontend Guidelines

- داکیومنت JavaScript Style Guides


🎯 دوره‌های آموزشی جامع و کامل (انگلیسی)
- آموزش HTML & CSS کورس یودمی Jonas Schmedtmann

- آموزش SASS کورس یودمی Jonas Schmedtmann

- آموزش JavaScript کورس یودمی Jonas Schmedtmann

- آموزش Git & Github کورس یودمی Mosh Hamedani

- آموزش Tailwind کرش کورس یوتوب Brad Traversy

- آموزش Vue.js کورس یودمی Andrei Neagoie

- آموزش Nuxt.js کورس یودمی Laith Harb

- آموزش React.js کورس یودمی Jonas Schmedtmann

- آموزش Next.js کورس یودمی Maximilian Schwarzmüller

- آموزش TypeScript کورس یودمی Maximilian Schwarzmüller

- آموزش Clean Code کورس یودمی Maximilian Schwarzmüller.


🎯 آیکن‌های SVG
icones - Boxicons - ionicons - Heroicons - Font Awesome

☕️ @CodeExplore

♨️ جهان های مجازی سه بعدی با هوش مصنوعی ساخته شدن!

❗️ شرکت Hiber نسخه جدید ابزار ساخت جهان سه‌بعدی رو با همکاری Google Cloud و Datatonicبه اسم Hiber3D معرفی کرده، Hiber قصد داره یک دستیار هوش مصنوعی رو برای کاربران توسعه بده که می‌تونه پیشنهادهای لحظه‌ای هم به اونا بده.

☕️ @CodeExplore

♨️ گوگل extensionها به بارد را اضافه کرد.

🔸گوگل اخیرا به دستیار هوش مصنوعی خود، Bard، توانایی اتصال به افزونه‌هایی را افزوده است که امکان اتصال به سرویس‌هایی مانند گوگل درایو، جیمیل، یوتیوب، و بسیاری دیگر را دارند. اطلاعات بیشتر در bard.google.com/extensions قابل دسترسی است.

☕️ @CodeExplore

🔰 پلاگین های خفن و فان برای ویژوال استودیو کد 😎😅

🔸پلاگین Subway Surferc

🔸پلاگین VSCode-Pets

🔸پلاگین Chrom Dino Game

🔸پلاگین In Your Face

در کنار کد نویسی این پلاگینا میتونن سرگرمت کنن😉!

☕️ @CodeExplore

🤔 ایده برای UI از کجا بیاریم؟!

✅ Dribbble
✅ Behance
✅ Mobbin
✅ Awwards
✅ Screenlane
✅ Google Design

اگر شما سایتای دیگه ای هم میشناسید توی کامنتا بنویسید 😉👇🏻

☕️ @CodeExplore

♨️ هوش مصنوعی DALL·E 3 انقلابی در تبدیل متن به تصویر

🔹 کمپانی OpenAI از مدل جدید تبدیل متن به تصویر DALL·E 3 رونمایی کرد. این مدل می‌تواند پیچیده‌ترین تصاویر و اشیا را با دقت بالا طراحی کند.

مثلا این نمونه تصویری هست که با DALL·E 3 ساخته شده: "سیب زمینی‌ها با تاج و تخت روی سرشان، در قلمرو گسترده‌ای از سیب زمینی‌ها و قلعه‌های سیب زمینی‌شان حکومت می‌کنند."

☕️ @CodeExplore

#کاربردی

🤖بهترین ابزارهای هوش مصنوعی برای کدنویسی

💡هوش مصنوعی کاربردهای متنوعی دارد و می‌توانید برای کارهای مختلف از آن کمک بگیرید. یکی از این کاربردها، کدنویسی است. ابزارهای مبتنی بر هوش مصنوعی می‌توانند در کدنویسی و رفع مشکلات کدها به کمک شما بیایند.

☕️ @CodeExplore

دولوپر باتجربه: چطوری باگ‌ها رو رفع کردی!؟ 😴
کارآموز: کامنتشون کردم!
دولوپر باتجربه: 😱😨

با احترام به تمامی دوستانی که تازه وارد حوزه برنامه نویسی شدن این پست فقط جنبه فان داره سو تفاهم نشه 😅🤍

#fun
☕️ @CodeExplore

#fun
فهمیدین کامنت بذارید😂
☕️ @CodeExplore

#کاربردی
معرفی وبسایت 30 ثانیه از کدنویسی! 💻

🔗https://www.30secondsofcode.org

+ به گفته این سایت 30 ثانیه لازمه تا شما کدهای تکراری رو (که بهشون میگن اسنیپت) توی زبان برنامه‌نویسی‎تون رو توی این وبسایت پیدا کنید و استفاده کنید و کلی توی زمان صرفه جویی کنید!

☕️ @CodeExplore

♨️ میدونستین اگر تو ویندوز کلیدهای ترکیبی کنترل + شیفت + آلت + کلید ویندوز + حرف L رو فشار بدین سایت لینکدین براتون باز میشه؟!

🔸میانبرهای مشابه برای دیگر محصولات مایکروسافت:

▪️Word: CTRL + SHIFT + ALT + WIN + W

▪️Excel: CTRL + SHIFT + ALT + WIN + X

▪️PowerPoint: CTRL+SHIFT + ALT + WIN + P

▪️Outlook: CTRL + SHIFT + ALT + WIN + O

▪️Teams: CTRL + SHIFT + ALT + WIN + T

▪️OneDrive: CTRL + SHIFT + ALT + WIN + D

▪️OneNote: CTRL + SHIFT + ALT + WIN + N

▪️Yammer: CTRL + SHIFT + ALT + WIN + Y

☕️ @CodeExplore

چاپ Hello World در زبان های مختلف😅

☕️ @CodeExplore

♨️ ابزار هوشمند خلق تصویر Dall-E 3 به بینگ اضافه شد.

🌀 هوش مصنوعی Dall-E 3 که به‌تازگی معرفی شده، به صورت رایگان به ابزار خلق تصویر مایکروسافت Image Creator اضافه شده و می توانید از آن استفاده کنید.

☕️ @CodeExplore

⭐ کی فهمید چیشد؟😂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
🌱 حالا باید دنبال رابطه ++C و #C بگردی🤣

#fun
☕️ @CodeExplore

زبان‌های برنامه‌نویسی رو به انقراض 💻

1. R
2. Visual Basic
3. Haskell
4. VBA
5. Fortran
6. COBOL
7. Perl
8. ActionScript
9. Pascal


☕️ @CodeExplore

از زبان های مرحوم گفتیم اجازه بدید از نوزاد جدید توی دنیای برنامه نویسی بگم.
موجو(Mojo)🔥
چی هست؟
به طور خلاصه یک superset پایتون حساب میشه.
✅سوال: یعنی پایتون بازنشسته شد؟😱
نه دوست عزیزم فقط یه سری مشکلات پایتون تو موجو حل شده و حتی چیزایی جدیدی هم داره.👀
ایده کلی پشت این زبان اینه از هر زبانی که خیلی چیزایی باحالی داره الهام گرفته شده و یه جورایی میشه گفت یه تیر چند نشونه😳
✅سوال:سخته یادگرفتنش؟😥
نه خبر خوب اینه سبک کدش (syntax) دقیقا مثل پایتونه با کمی تغییرات😬
✅سوال:واسه چکاریه اصلا؟🤔
بیشتر برای AI ولی زمان میبره تا مشخص بشه کسایی که دارن توسعش میدن چه تصمیم دقیقی دارن
✅سوال:سریع تره یا کند تره؟
بزار اینطوری بگم.شعارشون اینه کاربرد پایتون با سرعت C🥶
✅سوال:چطوری نصب کنم؟
خودم تو یوتوب آموزش گذاشتم یه سر بزن دوست داشتی هم ساب کن(زیر همین پست میذارم)
✅دوباره سوال:ارتباطش با پایتون چطوره؟
موجو با پایتون خیلی جوره باهاش دوست شده با هم خوب رفیقایی میشن🥰
یعنی میتونی از library های خود پایتون تو موجو استفاده کنید😃
☕️ @CodeExplore

نکته مهم:
طبق تست هایی که هست و خودم هم داشتم 16000 هزار برابر سریع تر هست که البته گفتن دارن سریع ترش هم می کنن🥳
و اینم بگم با یه پست نمیشه به همش پرداخت علاقه مند بودید می تونیم یه مینی دوره هم ضبط کنیم😎
ویدیو یوتوب نصب موجو :https://www.youtube.com/watch?v=jTXreSUuQIU

☕️ @CodeExplore

تفاوت زبان های Interpreter (مفسری) و Compiler (کامپایلری)🤔

چند تا مثال از زبان های مفسری و کامپایلری 👇

Interpreter Language :
🔸 Python
🔸 JavaScript
🔸 PHP
🔸 Ruby

Compiler Language :
🔹 C++
🔹 Java
🔹 C#
🔹 Rust

☕️ @CodeExplore