درود بر و بچه های کدنویس 👋🏻
امروز یه رفیق پرسید: "داش، اگه الان می‌خواستی از صفر بیای تو دنیای وب، چیکار می‌کردی؟"
گفتم بذار یه راهنمای بنویسم واسه همه تازه‌واردا و اونایی که فکر می‌کنن تو لوپ گیر کردن. پس بزن بریم! (توجه کنید که من یه مسیر ساده از فرانت دارم میدم)

1️⃣ اول از همه، HTML و CSS رو یاد بگیر. اینا مث آب و نونن واسه وب. بدون اینا هیچی نمیشه ساخت!

2️⃣ بعدش برو سراغ جاوااسکریپت. این زبون شیرینه که سایتت رو از یه مانکن بی‌حرکت تبدیل می‌کنه به یه موجود زنده!

3️⃣ حالا که یاد گرفتی، وقتشه دست به کار شی. یه سایت ساده بساز. مثلاً یه صفحه شخصی که توش از خودت و علایقت بگی. یا اگه خیلی خفنی، یه بازی ساده طراحی کن. فقط یادت باشه قرار نیست تلگرام بسازی، پس سخت نگیر!

4️⃣ کم کم برو سراغ فریم‌ورک‌ها. React یا Vue.js خوبن واسه شروع. اینا مث ابزارای حرفه‌ای می‌مونن که کارتو راحت‌تر می‌کنن.

5️⃣ حالا دیگه وقتشه پروژه‌های گنده‌تر بزنی. یه اپلیکیشن وب بساز، تو پروژه‌های اوپن سورس شرکت کن. اینجوری هم یاد می‌گیری، هم یاد میدی!

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

یادگیری مث دوچرخه‌سواریه، هیچوقت تموم نمیشه. پس هی باید رکاب بزنی🤣

سعی نکن یه شبه ره صد ساله بری. قدم به قدم پیش برو.

هر روز یه چیز کوچیک بساز. اینجوری مخت روغن‌کاری میشه.

خودتو با بقیه مقایسه نکن. هرکی یه مسیر داره، تو فقط حواست به مسیر خودت باشه.

راستی بچه‌ها، یه چیز مهم دیگه!
خیلی‌هاتون ممکنه بگید: "آقا ما گیر کردیم تو لوپ یادگیری! چجوری بفهمیم یه چیزو کامل بلدیم و بریم سراغ بعدی؟"
اینو بدونید که تو برنامه‌نویسی، مخصوصاً وب، هیچوقت نمیشه گفت "کامل بلدم". ولی نگران نباشید، این راه‌حل‌ها رو امتحان کنید:

1️⃣ پروژه محور پیش برید:
به جای اینکه فقط آموزش ببینید، سعی کنید با هر مبحثی که یاد می‌گیرید یه پروژه کوچیک بسازید. مثلاً با HTML و CSS یه صفحه لندینگ بسازید، با جاوااسکریپت یه بازی ساده. اگه تونستید پروژه رو تموم کنید، یعنی به اندازه کافی یاد گرفتید پس به خودتون سخت نگیرید.

2️⃣ چالش‌های کدنویسی رو امتحان کنید:
سایت‌هایی مثل CodeWars یا HackerRank چالش‌های جالبی دارن. اگه تونستید چالش‌های سطح متوسط یه مبحث رو حل کنید، احتمالاً آماده‌اید برید سراغ مبحث بعدی.

3️⃣ به دیگران یاد بدید:
اگه بتونید یه موضوع رو به کسی دیگه توضیح بدید، یعنی خودتون خوب فهمیدید. سعی کنید تو انجمن‌ها به سؤال‌های دیگران جواب بدید.

4️⃣ مصاحبه‌های فنی رو چک کنید:
گاهی سؤال‌های مصاحبه‌های فنی رو بخونید. اگه حس کردید می‌تونید به اکثرشون جواب بدید، یعنی خوب پیش رفتید.

5️⃣ از منابع مختلف استفاده کنید:
فقط به یه منبع اکتفا نکنید. وقتی از چند منبع مختلف یه موضوع رو یاد گرفتید و حس کردید تکراری شده، احتمالاً وقت رفتن به مرحله بعده.

و مهم‌ترین نکته: یادتون باشه که "به اندازه کافی خوب" بهتر از "کامل" ه! وقتی حس کردید می‌تونید با یه تکنولوژی کار کنید و مشکلاتتون رو حل کنید، برید سراغ بعدی. تو راه یاد می‌گیرید!

خلاصه اینکه عشق کن با کدنویسی، لذت ببر از ساختن، و یادت نره گاهی هم یه آب به صورتت بزنی! 💦😀
حالا برو بترکون! 😀

#پست_پیشنهادی
#learn #loop #frontend
☕️ @CodeExplore

✌️ استفاده از console.log ساده را در جاوا اسکریپت متوقف کنید. در عوض روش زیر را امتحان کنید

👀 برای دیدن مقاله کلیک کنید

#javascript #article
☕️ @CodeExplore

عجب گیری افتادیم 😩

☕️ @CodeExplore

👑تا حالا یه لیست کامل از دیزاین پترن های معروف رو نشونتون دادم؟ معرفی انواع دیزاین پترن هارو اینجا باهم میبینیم:

1⃣ سینگلتون (Singleton)
فقط یک نمونه از یک کلاس ساخته می‌شه و همه جا قابل دسترسه. مثل کنترل از راه دور تلویزیون که فقط یک دونه ازش هست.

2⃣ فکتوری (Factory)
برای ساختن اشیا بدون مشخص کردن نوع دقیقشون استفاده می‌شه. مثل وقتی که یه رستوران خودش نوع پیتزا رو انتخاب می‌کنه.

3⃣ آبزرور (Observer)
یک شیء تغییرات رو به بقیه اطلاع می‌ده. مثل وقتی که یه نفر توی گروه تلگرامی پیامی می‌فرسته و بقیه مطلع می‌شن.

4⃣ دی‌کوراتور (Decorator)
اضافه کردن ویژگی‌های جدید به یک شیء بدون تغییر کد اصلی. مثل تزئین کردن یه کیک بدون تغییر دادن خود کیک.

5⃣ استراتژی (Strategy)
انتخاب روش در زمان اجرا. مثل انتخاب مسیر مختلف برای رسیدن به یه مقصد.

6⃣ آداپتور (Adapter)
تبدیل یک اینترفیس به اینترفیسی که نیاز داری. مثل استفاده از یه تبدیل برق برای دستگاهی که دوشاخه متفاوت داره.

7⃣ فَساد (Facade)
ایجاد یک رابط ساده برای یه سیستم پیچیده. مثل استفاده از یه ریموت برای کنترل تلویزیون.

8⃣ پروکسی (Proxy)
نماینده‌ای برای دسترسی به یه شیء دیگه. مثل استفاده از یه کلید یدکی برای باز کردن قفل.

9⃣ اینترپریتر (Interpreter)
تفسیر جملات و دستورات. مثل ترجمه کردن یه زبان به زبان دیگه.

0⃣1⃣ کامپوزیت (Composite)
ساختاردهی اشیاء به صورت درختی. مثل پوشه‌ها و فایل‌ها در کامپیوتر.

1⃣1⃣ بیلدر (Builder)
ساختن اشیاء پیچیده مرحله به مرحله. مثل ساختن یه لگو با قطعات مختلف.

2⃣1⃣ تمپلیت (Template)
تعریف الگوریتم با بعضی مراحل ثابت و بعضی مراحل قابل تغییر. مثل داشتن یه قالب ثابت برای نامه‌ها اما تغییر دادن متنش.

3⃣1⃣ ممنتو (Memento)
ذخیره و بازیابی وضعیت. مثل دکمه "Undo" در نرم‌افزارها.

4⃣1⃣ چین آف ریسپانسیبیلیتی (Chain of Responsibility)
انتقال درخواست از یک شیء به شیء دیگه تا یکی پردازش کنه. مثل پاس دادن تماس تلفنی به نفر بعدی تا مشکلت حل بشه.

این الگوها به برنامه‌نویس‌ها کمک می‌کنن تا مسائل رایج رو به شکل بهتری حل کنن و کدشون تمیزتر و قابل نگهداری‌تر باشه.

#design_pattern
☕️ @CodeExplore

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

سلام به همه برنامه‌نویسان👨‍💻!

تیم ما با افتخار اعلام می‌کند که از امروز، هر روز یک چالش برنامه‌نویسی جدید در کانال‌ها، گروه‌ها و انجمن‌های مختلف منتشر خواهد شد💻.

این مسابقات فرصتی عالی برای به چالش کشیدن خود در برنامه نویسی است شما در این چالش با شرکت کننده های دیگر در رقابت هستید و باید در مدت زمان مشخصی که اعلام می‌شود پروژه را انجام دهید و برای ادمین بفرستید در آخر تمام پروژه ها داوری میشود و به بهترین کد یک امتیاز اضافه میشود➕.

قوانین چالش⚠️:

1️⃣هر روز یک چالش جدید منتشر می‌شود.

2️⃣اولین نفری که چالش را به درستی حل کند، یک امتیاز دریافت می‌کند.

3️⃣با جمع‌آوری 20 امتیاز، یک جایزه ویژه از طرف تیم ما به شما اهدا می‌شود.

4️⃣بازیکنان اجازه استفاده از هیچ گونه هوش مصنوعی رو ندارند




👍برای اطلاعات بیشتر با داوران ما در ارتباط باشید:
احسان : @UndrDskM

فرهان: @Hanurfa21

علی:@I_Hep

چنل هایی اسپانسر :


🌐PinkOrca

🌐Union of cafe Republics

🌐VandadCommunity

🗣️ My regret as a computer science student ( پشیمونی من به عنوان یک دانشجوی کامپیوتر )


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

➕دوستان ویدیو بالا رو خودمون ترجمه کردیم ، خیالتون راحت. حتما نگاه کنید🔥

ویدیو اصلی :

🖥 https://www.youtube.com/watch?v=xa6me8wou_k

#experience #video
☕️ @CodeExplore

استفاده از چند فایل در HTML 🖐

💎احتمالا تا حالا از اینپوت فایل توی HTML استفاده کردین، و دیدین که فقط یک فایل رو میشه انتخاب کرد، این دو اتریبیوت مشکلتون رو حل میکنه:

<input name="my_files[]" type="file" multiple enctype="multipart/form-data" >

#html #mutliple #file
☕️ @CodeExplore

بدون کپشن

#fun
☕️ @CodeExplore

خروجی کد جاوااسکریپت زیر کدوم گزینه هست؟

var a = 1;

function foo() {
   if (a) {
     var a = 10;
}
console.log(a);
}

foo();

#js #challenge
☕️ @CodeExplore

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

برای پاسخ دادن به این چالش از روش های depth estimation در computer vision استفاده میشه و مدل هایی مثل Marigold و Depth Anything با قدرت از پس این چالش بر اومدن.

منتها open-source نبودنشون و عدم امکان train یا finetune کردنشون یه مقدار اذیت کنندس.

من اومدم با استفاده از شبکه های عصبی کانولوشنی یا CNN یک مدلی طراحی و پیاده کردم به اسم edepth.

خوشحال میشم حماییتون رو داشته باشم و از کمک هاتون برای توسعه این مدل open-source با قابلیت train و finetune استقبال میکنم.

😎برای حمایت میتونید در گیتهاب به این ریپازتوری star بدین
و برای همکاری و کمک به توسعه مدل میتونید از قسمت های fork, issues و pull request ها استفاده کنید.

👍از صمیم قلب از حمایتتون تشکر میکنم و قدر دانم.

🌐 https://github.com/ehsanasgharzde/edepth

🌐 Developer : @MaryamSadughi

☕️ @CodeExplore

What is Axios؟?
اگزیوس چیست؟

یه توضیح مختصر بدم ، اگزیوس یه کتابخونه جاوااسکریپت هستش برای Request دیتا که از fetch , ajax, async function که حتی جوناس و مدرسین برتر  گفتن خیلی بهتره که شرکتای بزرگ دارن ازش استفاده میکنن🔥

📣حالا دلیل برتریشو برید از لینک زیر بخونید و سریع یادش بگیرید

لینک مقاله :
🌐https://devsub.ir/using-axios-for-http-requests/

لینک ناشر اصلی :
🌐https://medium.com/@ralph1786/using-axios-for-http-requests-be9abb80795b

#javascript #library #axios
☕️ @CodeExplore

جاوا اف ایکس (JavaFX) چیه؟ 👀

❓درواقع JavaFX یه فریمورک برای ساختن رابط کاربری توی برنامه‌های جاواست که توسط اوراکل ارائه شده. به زبون ساده، با JavaFX می‌تونی اپلیکیشن‌های دسکتاپ با گرافیک قشنگ و امکانات پیشرفته بسازی. این فریمورک می‌خواد جایگزین Swing بشه و امکانات جدیدتری مثل استفاده از CSS برای استایل‌دهی و FXML برای طراحی بصری رو داره.

✔️خب، JavaFX برای ساخت برنامه‌های چندرسانه‌ خیلی خوبه چون از ویدئو، انیمیشن و گرافیک‌های سه‌بعدی پشتیبانی می‌کنه. همچنین می‌تونی اپلیکیشن‌هات رو روی ویندوز، مک و لینوکس اجرا کنی، که این خیلی به‌دردبخوره.

#java #javafx
☕️ @CodeExplore

چه حالی میده ولی 🥲

#fun
☕️ @CodeExplore

لیست پر استفاده ترین توزیع های لینوکس رو آوردم که باهم ببینیم و بفهمیم هرکدوم برای چه کاری مناسب تره 👀

۱. اوبونتو (Ubuntu)
- کاربرد: مناسب برای تازه‌کارها، کامپیوترهای شخصی و سرورها.
- ویژگی: استفاده راحت، کلی نرم‌افزار داره.

۲. دبیان (Debian)
- کاربرد: بیشتر برای سرورها و سیستم‌هایی که نیاز به پایداری دارند.
- ویژگی: خیلی پایدار و کلی برنامه داره.

۳. فدورا (Fedora)
- کاربرد: برای برنامه‌نویس‌ها و کسانی که دنبال جدیدترین تکنولوژی‌ها هستند.
- ویژگی: همیشه به‌روز و ابزارهای جدید داره.

۴. سنت‌اواس (CentOS)
- کاربرد: برای سرورها و کسب‌وکارها.
- ویژگی: خیلی پایدار و امن.

۵. آرچ لینوکس (Arch Linux)
- کاربرد: برای حرفه‌ای‌ها و کسانی که می‌خوان سیستم‌شون رو کامل تنظیم کنن.
- ویژگی: سبک، قابل تنظیم و همیشه به‌روز.

۶. اوپن‌سوزه (openSUSE)
- کاربرد: برای برنامه‌نویس‌ها و استفاده خونگی.
- ویژگی: ابزارهای مدیریتی خوب و دو نسخه داره، یکی همیشه به‌روزه و یکی پایدارتره.

۷. مانجارو (Manjaro)
- کاربرد: برای استفاده خونگی و کسانی که می‌خوان تجربه راحت‌تری از آرچ داشته باشن.
- ویژگی: نصب و استفاده آسون.

۸. کالی لینوکس (Kali Linux)
- کاربرد: برای امنیت اطلاعات و تست نفوذ.
- ویژگی: کلی ابزار امنیتی داره.

۹. ردهت اینترپرایز لینوکس (RHEL)
- کاربرد: برای کسب‌وکارها و سرورها.
- ویژگی: پشتیبانی خوب و خیلی پایدار.

10.پارچ او‌اس (Parch OS)
کاربرد: کاربری روزمره و جانبی
ویژگی‌ها:
شامل ابزارهای امنیتی و تست نفوذ.
مناسب برای هکرهای اخلاقی و کارشناسان امنیت.
محیط دسکتاپ کاربرپسند.
قابلیت اجرای ناشناس.
بروز ، کامیونیتی ایرانی ، راحتی نصب و راه اندازی.
مبتنی بر آرچ و پایدار.

#linux
☕️ @CodeExplore

👍خودم رو در جایگاهی نمی بینم که بخوام نصیحت کنم ولی خیلی دوست دارم یک توصیه برادرانه بکنم.

این موضوعی که دارم بهتون میگم خیلی مهمه...

🗣️تو این چند وقت به یه چیزی واقعا رسیدم و حسش کردم ...

⭕️راه موفقیت تو این بازه زمانی ک ما توشیم خیلی با قدیم عوض شده
یکی از مهمترین عاملای موفقیت ارتباطه
مخصوصا تو برنامه نویسی و جایی که توش میتونی واقعا ارتباط بگیری "لینکدینه".

‼️اگه برنامه نویسی میخوای بشی، همین الان تو هر پله از مسیرت هستی ، برو فقط لینکدینتو نصب کن.

📣من خودم هی امروز فردا کردم دلیلشم این بود ک نمیدونستم باید توش چ فعالیتی بکنم ، ولی الان میگم کاش همون موقع نصب میکردم چون لازم نیست توش فعالیت اونچنانم بکنی.
برای شروع فقط کافیه connection بزنی.

➕الانم شرکتای بزرگ صد در صد لینکدینو جز رزومه حساب میکنن.

برید جون داداش نصب کنید 😄

امیدوارم تاثیر خوبی داشته باشه این تجربم براتون 👌❤️

🔥🔥🔥🔥🔥🔥🔥🔥
دوستان ،نویسنده این پست دوست عزیز بنده آقای امیررضا امینیان هستن که تو یکی از بهترین شرکت ها ( شرکت داتین) مشغول به کار هستن.

☕️ @CodeExplore