#هشتگ

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

حتما توی یوتیوب هم مارو دنبال کنید:
YouTube

لینک شبکه هایی که داخلشون اپیزودهای پادکست #برنامه_نویس_آگاه منتشر میشه:
CastBox
Google Podcasts
Spotify

هشتگ های مربوط به دوره های دوبله شده:
#Course
#JavaScript
#Jonas_Schmedtmann
#S01 #S02 ....
#E01 #E02 ....

اگر هم میخواید که به فایل زیپ دوبله فصل های مختلف دسترسی داشته باشید میتونید از ربات استفاده کنید:
@jschallenges_chat

جواب چالش ها:
#answer

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets

سطوح چالش های چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS
#VsCode

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#function
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#NPM
#dates
#Clean_Code
#GitHub
#Git
#Design_Patterns
#DOM
#oop
#Package_Managers
#Timing

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

🔥پنج فریمورک برای full-stack js

فریمورک فول استک؟! بله!😎

تو این پست میخوام براتون تاپ فایو بهترین فریمورک ها برای فول استک دولوپینگ رو معرفی کنم👌
1_RedwoodJS
👨‍💻این فریمورک با کنار هم اوردن react,prismaو graphQ تجربه‌ی فوق‌العاده‌ای برای وب دولوپینگ به شما میده.

2_Wasp
👨‍💻اگه دنبال کد های high level تو full-stack دولوپینگ هستین این فریمورک برای شماست.

3_T3
👨‍💻در واقع یک فریمورک نیست بلکه مجموعه‌ای از تکنولوژی های پرطرفداره که به دولوپر ها این امکان رو میده که سریعتر شروع کنن.

4_MeteorJS
👨‍💻فرویمورکی برای دولوپر های سرعتی!
گفته میشه این فریمورک حتی سریعترین راه برای توسعه  Web app های اندروید و ios هستش.

5_MERN
👨‍💻در حقیقت یه استکه که نام اون مخفف mongoDB,Express,React و Node هستش،که این 4 تکنولوژی کلیدی اونرو به انتخاب بسیار جذابی تبدیل میکنه.
#Around_JS

@js_challenges
@js_masters_gp

#Around_JS

قدم به قدم با جاوا اسکریپت💣
اگه نظرتون با این پست مخالف هست تو گروه در موردش بگید,خوشحال میشم🙌

@js_challenges
@js_masters_gp

🔥پنج API رایگان و فوق‌العاده کاربردی!

1_Open Weather Map
👨‍💻این API اطلاعات اب و هوایی تمامی نقاط دنیا رو ارائه میده.
🌐https://openweathermap.org/api/

2_Currency Converter
👨‍💻این API خفن برای تبدیل ارز های رایج و حتی قدیمی بر اساس بانک مرکزی اروپا عمل میکنه.
🌐https://exchangeratesapi.io/

3_Nutrixionix API
👨‍💻بزرگترین منبع تغذیه دیتابیس دنیا!
🌐https://www.nutritionix.com/business/api

4_Skyscanner Search
👨‍💻یک API برای دریافت اطلاعات زنده در مورد پرواز ها در سرتاسر دنیا!
🌐https://developers.skyscanner.net/docs/intro

5_Spotify API
👨‍💻خوره های موسیقی،این API برای شماست!🎧
با این API میتونین کاتالوگ اهنگها،کتابخونه یوزر،پیشنهاد ها و... رو دریافت کنین.
🌐https://developer.spotify.com/documentation/web-api

#Around_JS

@js_challenges
@js_masters_gp

🔥 تکنولوژی های محبوب جاوااسکریپت از 2011 تا 2021

پ.ن.پ: تکنولوژی محبوب شما چیه...؟! 🤔

#Around_JS

@js_challenges
@js_masters_gp

📈فریمورک های محبوب back-end از 2012 تا 2023🔥

پ.ن.پ: نفوذی های بک اند کار خودشونو نشون بدن😎

#Around_JS

@js_challenges
@js_masters_gp

#Out_Of_IDE
#Around_JS

گفتم تنوع باشه, یه بک گراند برای فن های جاوا اسکریپت همراه یه موزیک مفهومی🤟

💥اگه دوس داشتید لایک و کامنت رو فراموش نکنید.💥

@js_challenges
@js_masters_gp

#Around_JS

⚠️بچه ها از اونجایی که هدف تیم js_challenges اینه که این چنل به بزرگترین کامیونیتی جاوا اسکریپت توی ایران تبدیل بشه,برای شما از آموزش تا سوالات استخدامی در مورد جاوا اسکریپت رو هر روز تهیه و انتشار میدیم.⚠️
💫امروز برای اولین بار بخش سوالات استخدامی تهیه شده و در گیتهاب در یک ریپازیتوری قرار گرفته شد💫
لینک مخزن گیتهاب :
https://github.com/amirnobari/Employment-Questions

💣و خبر مهم اینه که هر کدوم از شما که دوست دارین میتونین سوالاتی که در استخدام مطرح میشه رو یا روی گیتهاب پوش کنید و یا بصورت عکس داخل گروه @js_masters_gp بذارید تیم ما پس از بررسی اونو به عنوان سوال شما به اسم خودتون به مخزن اضافه میکنه💣

اگر دوس دارید سوالات بیشتری گذاشته بشه 👍 و انتشار بدید تا زود زود آپدیت بشه مخزن گیت هاب🏁
@js_challenges
@js_masters_gp

😎 پنج API فان!

👨‍💻 با این API ها میتونین هم خوش بگذرونین هم کلی چیز یاد بگیرین👌
1_Chuck Norris API
👨‍💻 فکت های رندوم در مورد چاک نوریس،اکتور و رزمی کار قدیمی امریکایی!
🌐 api.chucknorris.io

2_PokeApi
👨‍💻 با این API میتونین در مورد تموم پوکمون هایی که وجود داره، هر نوع اطلاعاتی رو که بخواین دریافت کنین!
🌐 pokeapi.co

3_Tronald Trump
👨‍💻 دلت میخواد چند تا جمله‌ی احمقانه و بی معنی بشنوی که از قضا رییس جمهور سابق امریکا اونارو گفته؟ از این API استفاده کن تا کار کردن با API هارو عمیقتر درک کنی😎
🌐 tronalddump.io

4_Random Facts
👨‍💻این API به سادگی بهتون فکت های فان و رندوم میده!
🌐 fungenerators.com

5_Random Fox
👨‍💻 این API بهتون عکسای خوشگل و رندوم از روباه هارو میده!
🌐 randomfox.ca

#Around_JS

@js_challenges
@js_masters_gp

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

جواب چالش ها:
#answer

لینک ریپازیتوری ای که تمام چالش های اصلی اونجا جمع شده میتونید یه جا دسترسی داشته باشید:
https://github.com/MCKH03/JS_Challenges

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets
مواردی که تاکنون داخل js_nuggets آموزش داده شده:
Intersection Observer API
Short Circuting
Object Destructuring
Array Destructuring
map filter reduce methods
clientX screenX pageX offsetX
clientY screenY pageY offsetY
Fetch
Try catch block
Map data structure

آموزش های طولانی (عموما بیشتر از ۱۵ دقیقه):
#js_amozsh

سطوح چالش های اصلی چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#dates
#GitHub
#DOM

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun
#Tech_Trends

مطالب خارج از محیط سیستم:
#Out_Of_Laptop

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

#Around_JS

⚠️بچه ها از اونجایی که هدف تیم js_challenges اینه که این چنل به بزرگترین کامیونیتی جاوا اسکریپت توی ایران تبدیل بشه,برای شما از آموزش تا سوالات استخدامی در مورد جاوا اسکریپت رو هر روز تهیه و انتشار میدیم.⚠️

💫امروز دوباره مخزن رو آپدیت کردم و 10 سوال دیگه همراه با جواب رو
گذاشتم💫

لینک مخزن گیتهاب :
https://github.com/amirnobari/Employment-Questions

💣و خبر مهم اینه که هر کدوم از شما که دوست دارین میتونین سوالاتی که در استخدام مطرح میشه رو یا روی گیتهاب پوش کنید و یا بصورت عکس داخل گروه @js_masters_gp بذارید تیم ما پس از بررسی اونو به عنوان سوال شما به اسم خودتون به مخزن اضافه میکنه💣

❌میتونید سورس سوالات رو به صورت Zip از اینجا دانلود کنید❌
https://github.com/amirnobari/Employment-Questions/releases/tag/v1.0.0

اگر دوس دارید سوالات بیشتری گذاشته بشه 👍 و انتشار بدید تا زود زود آپدیت بشه مخزن گیت هاب🏁

@js_challenges
@js_masters_gp

🔥 هشت لایبرری ماشین لرنینگ در js
+ پارت 1

👨‍💻 آقا برای اینکه به خودمم ثابت بشه(😁)براتون تو این پست (که دو پارت داره و این‌ پارت‌ اولشه) 8 لایبرری برای ماشین لرنینگ رو آوردم😎

1.TensorFlow.js
یه لایبرری قدرتمند که توسط گوگل طراحی شده که اجازه‌ی اجرای node.js رو مستقیما تو مرورگر یا تو TensorFlow رو میده
2.Brain.js
لایبرری ای که بسیار انعطاف پذیره و هردو سمت node.js و مرورگر رو پشتیبانی میکنه
3.Danfo.js
یک کتابخونه عالی برای دستکاری و تجزیه تحلیل داده های مبتنی بر وب!
4.ml5.js
یه لایبرری برای پروژه های خلاقانه و هنری ماشین لرنینگ!

#Around_JS

@js_challenges
@js_masters_gp

🔥 هشت لایبرری ماشین لرنینگ در js
+ پارت 2

👨‍💻 آقا برای اینکه به خودمم ثابت بشه(😁)براتون تو این پست (که دو پارت داره و این‌ پارت‌ دومشه) 8 لایبرری برای ماشین لرنینگ رو آوردم 😎
5.ConvNetJS
یک کتابخانه واسه یادگیری عمیقه که بطور خاص برای ساخت شبکه های عصبی تو جاوا اسکریپت طراحی شده.همچنین برای تسکهای تشخیص تصویرم مناسبه!
6.Synaptic
میشه ازش برای کارهای متنوع ماشین لرنینگ استفاده کرد که از قضا با هر دو مرورگر و Node.js سازگاره!
7.Neuro.js
یه لایبرری برای چت بات ها!
8.Keras.js
این یکی یه لایبرری همه کاره اس! که از چندین مدل و معماری یادگیری عمیق پشتیبانی میکنه!
#Around_JS

@js_challenges
@js_masters_gp

#Around_JS
در الگوی طراحی MVC برنامه را به سه بخش تقسیم می‌کنیم که هرکدام وظایف و مسئولیت‌های مختص خود را دارند:
✅Model (مدل):

مسئولیت داده‌ها و منطق کسب و کار را بر عهده دارد.
این قسمت مسئول مدیریت داده‌ها، ذخیره و بازیابی اطلاعات و انجام عملیات منطقی روی آنها است.
معمولاً به دیتابیس متصل می‌شود و از آن استفاده می‌کند.
✅View (نما):

مسئول نمایش داده‌ها به کاربر و ارتباط با او است.
این قسمت معمولاً بر اساس داده‌هایی که از مدل دریافت می‌کند، وظیفه نمایش آنها به کاربر را دارد.
بدون دانستن جزئیات داده‌ها یا منطق کسب و کار، فقط نمایش را برعهده دارد.
✅Controller (کنترلر):

مسئولیت دریافت درخواست‌ها از کاربر، انتقال آن به مدل، دریافت داده‌های مدل و ارسال آنها به نما است.
برای هر درخواست از کاربر، کنترلر مسیر درست را تعیین می‌کند و اطلاعات لازم را از مدل دریافت می‌کند تا به نمایش برسد.
معمولاً ارتباط میان نما و مدل را مدیریت می‌کند.

⚠️مزیت اصلی این معماری این است که اجزای مختلف برنامه به صورت مجزا هستند. این اجزا با یکدیگر ارتباط دارند، اما تغییرات در یکی از اجزا بدون تغییرات گسترده در سایر اجزا انجام می‌شود.⚠️

#Around_JS

⚠️بچه ها از اونجایی که هدف تیم js_challenges اینه که این چنل به بزرگترین کامیونیتی جاوا اسکریپت توی ایران تبدیل بشه,برای شما از آموزش تا سوالات استخدامی در مورد جاوا اسکریپت رو هر روز تهیه و انتشار میدیم.⚠️

💫امروز دوباره مخزن رو آپدیت کردم و 10 سوال دیگه همراه با جواب رو
گذاشتم💫

لینک مخزن گیتهاب :
https://github.com/amirnobari/Employment-Questions

💣و خبر مهم اینه که هر کدوم از شما که دوست دارین میتونین سوالاتی که در استخدام مطرح میشه رو یا روی گیتهاب پوش کنید و یا بصورت عکس داخل گروه @js_masters_gp بذارید تیم ما پس از بررسی اونو به عنوان سوال شما به اسم خودتون به مخزن اضافه میکنه💣

❌میتونید سورس سوالات رو به صورت Zip از اینجا دانلود کنید❌
https://github.com/amirnobari/Employment-Questions/releases/tag/1.1.0

اگر دوس دارید سوالات بیشتری گذاشته بشه 👍 و انتشار بدید تا زود زود آپدیت بشه مخزن گیت هاب🏁

@js_challenges
@js_masters_gp

#Around_JS
⚠️آقا براتون تو یه فایل pdf توضیح دادم که اصلا جاوا اسکریپ چی هست و چه خصوصیتهایی داره.بزنید روی لینک و برید بخونید.⚠️

❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌

https://docs.google.com/document/d/e/2PACX-1vTAk5G59pAnV25TBZAfbhRcJhHXnzawEY1-TnF5yK4QCM0bQP8hIUz3J4vjEP3uKTCUhNog1LP863Uk/pub

@js_challenges
@js_masters_gp

#Around_JS
⚠️هدف از این پست تعریف معماری نرم افزار و الگو های معماری نرم افزار و فرق بین الگو های معماری نرم افزار و الگو های طراحی نرم افزار است⚠️
✅ معماری نرم افزار، چگونگی و تعریف ساختار اجزای سیستم نرم افزاری است و همچنین تعریف این که این اجزای نرم افزاری چگونه باهم ارتباط برقرار می کنند و محدودیت و قانون های وابسته به آنها را مشخص می کند.
✅ به طور خلاصه معماری نرم افزار شامل سه بخش اصلی است که داخل عکس هست
✅ همانطور که در شکل می بینیم چگونگی ساختار اجزای سیستم می تواند براساس الگوهای معماری بنا گردد پس نتیجه می گیریم الگوی معماری، ساختار کلی سیستم را به ما نشان می دهد.
✅ حال با وجود الگوی معماری ما می توانیم تصمیم های بهتری در فاز توسعه نرم افزار بگیریم و یک تصمیم مهم انتخاب الگوی طراحی (Design Pattern) می باشد.
✅ در الگوی معماری محدوده سطح بالای سیستم را مشخص می کنیم مانند ساختار اجزای سیستم و اما در الگو های طراحی ما محدوده سطح پایین سیستم را تعریف می کنیم مانند اینکه یک جزء سیستم چگونه پیاده سازی می گردد و توجه داشته باشید ما در الگوی معماری نحوه پیاده سازی را مشخص نمی نماییم.

#Around_JS
✅کلاینت (Client):
یک کامپیوتر یا دستگاهی که درخواست می‌فرستد، مانند یک کامپیوتر شخصی، تلفن همراه، یا هر دستگاه متصل به شبکه‌ای که ارتباط مستقیم با سرور دارد.
✅بسته‌های آی‌پی (IP Packets):
اطلاعاتی که به صورت بسته‌های داده ارسال می‌شوند و برای انتقال اطلاعات از یک دستگاه به دیگری در شبکه اینترنت استفاده می‌شوند. هر بسته شامل اطلاعات از جمله اطلاعات مقصد، منبع، و داده‌هایی که ارسال می‌شوند است.
✅اینترنت (Internet):
شبکه‌ای از دستگاه‌ها و سرورها که به هم وصل شده‌اند و اجازه ارسال و دریافت اطلاعات بین کلاینت و سرور را فراهم می‌کند. اینترنت با استفاده از پروتکل‌های مختلفی مانند TCP/IP و UDP برای انتقال داده‌ها استفاده می‌کند.
✅سرور (Server):
دستگاهی که درخواست‌های کلاینت‌ها را پذیرفته و پاسخ می‌دهد. سرور معمولاً دارای منابع بیشتری نسبت به کلاینت‌هاست و برای ارائه خدمات و پاسخ به درخواست‌ها استفاده می‌شود.
✅اطلاعات از کلاینت به سرور و برعکس از طریق بسته‌های داده‌ای (IP Packets) و اینترنت منتقل می‌شوند. کلاینت درخواست خود را ارسال کرده، سرور آن را پردازش کرده و نتیجه را به کلاینت بازمی‌گرداند.