منابع فرانت‌اند (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

🎥 فیلم های برتر برای برنامه نویسان

1. فیلم The social network
این فیلم در مورد شکل‌گیری شبکه اجتماعی محبوب فیس‌بوک صحبت می‌کند.

2. فیلم The imitation game
این فیلم اختراع اولین کامپیوتر جهان را به تصویر می‌کشد.

3. فیلم Jobs
یکی دیگر از بهترین فیلم ها و سریال های مناسب برنامه نویس ها فیلم جابز است که در وصف استیو جابز به تصویر درآمده است.

4. فیلم Person of interest
داستان این فیلم بر روی یک برنامه‌نویس رایانه‌ای ثروتمند و اسرارآمیز تمرکز دارد که یک ابررایانه می‌سازد .

5. فیلم The matrix
کیانو ریوز بازیگر توانمند مشهور در فیلم ماتریکس ایفای نقش می‌کند که یکی از بهترین فیلم‌های تمام دوران است.

6. فیلم Tron
قهرمان داستان از برخی مهارت‌های برنامه‌نویسی شگفت‌انگیز برای یافتن راه بازگشت خود به جهان استفاده می‌کند.

7. فیلم Pirates of silicon valley
در اصل داستان نحوه طراحی رایانه شخصی توسط غول‌هایی مانند مایکروسافت و اپل را بیان می‌کند.

8. فیلم Hackers
این فیلم گروهی از هکرهای دبیرستانی و مشارکت آنها در توطئه اخاذی از شرکت‌ها را دنبال می‌کند.

☕️ @CodeExplore

ترجیح میدم چیزی ننویسم حق تا ابد😂

#fun
☕️@CodeExploref