Media is too big
VIEW IN TELEGRAM
#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E14
014 Coding Challenge_#2_Dubbed
اینم دوبله چالش دوم سکشن اول
شبتون بخیر همگی ❤️
@js_challenges
@js_masters_gp
چنلی که فایل زیپ دوبله فصل دوم دوره جوناس به زودی داخلش قرار میگیره:
@js_challenges_courses
#JavaScript
#Jonas_Schmedtmann
#S02
#E14
014 Coding Challenge_#2_Dubbed
اینم دوبله چالش دوم سکشن اول
شبتون بخیر همگی ❤️
@js_challenges
@js_masters_gp
چنلی که فایل زیپ دوبله فصل دوم دوره جوناس به زودی داخلش قرار میگیره:
@js_challenges_courses
🔥14👍3❤1
#quick_challenge
امروز رو با یه چالش کوچیک شروع میکنیم قشنگ حال کنید 😁
ضمنا ساعت یک چالش DOM فراموشتون نشه 👌
@js_challenges
@js_masters_gp
امروز رو با یه چالش کوچیک شروع میکنیم قشنگ حال کنید 😁
ضمنا ساعت یک چالش DOM فراموشتون نشه 👌
@js_challenges
@js_masters_gp
👍6
🔥2
#Design_Patterns
⚠️الگوی Observer یک الگوی طراحی است که برقراری رابطه یک به چند بین اشیاء را فراهم میکند. در این الگو، یک شیء معروف به "Subject" (موضوع) تغییراتی را اعلام میکند و اشیاء دیگری که به آن مشترک هستند (معروف به "Observers") از تغییرات مطلع میشوند و واکنش نشان میدهند.⚠️
در مثال داخل عکس :
❌ کلاس Subject یک موضوع را نمایش میدهد. این موضوع دارای یک لیست از مشاهدهگرها (observers) است و متدهای subscribe، unsubscribe و notify را دارد.
کلاس Observer یک مشاهدهگر را نمایش میدهد. این مشاهدهگر دارای یک متد به نام update است که وظیفه نمایش اطلاعات دریافتی را دارد.
در نهایت، با ایجاد یک موضوع و چند مشاهدهگر، مشاهدهگرها با فراخوانی notify از تغییرات در موضوع مطلع شده و بهروزرسانیهای متفاوت نمایش داده میشوند.❌
🏁 االگوی Observer به کاربران این امکان را میدهد که بدون وابستگی به ساختار داخلی یک شیء، به تغییرات آن شیء واکنش نشان دهند. این بهبود از لحاظ انعطافپذیری و جداسازی اجزا در برنامهنویسی به اصطلاح "Loose Coupling" نامیده میشود. 🏁
👍و انتشار فراموش نشه 🤟
@js_challenges
@js_masters_gp
⚠️الگوی Observer یک الگوی طراحی است که برقراری رابطه یک به چند بین اشیاء را فراهم میکند. در این الگو، یک شیء معروف به "Subject" (موضوع) تغییراتی را اعلام میکند و اشیاء دیگری که به آن مشترک هستند (معروف به "Observers") از تغییرات مطلع میشوند و واکنش نشان میدهند.⚠️
در مثال داخل عکس :
❌ کلاس Subject یک موضوع را نمایش میدهد. این موضوع دارای یک لیست از مشاهدهگرها (observers) است و متدهای subscribe، unsubscribe و notify را دارد.
کلاس Observer یک مشاهدهگر را نمایش میدهد. این مشاهدهگر دارای یک متد به نام update است که وظیفه نمایش اطلاعات دریافتی را دارد.
در نهایت، با ایجاد یک موضوع و چند مشاهدهگر، مشاهدهگرها با فراخوانی notify از تغییرات در موضوع مطلع شده و بهروزرسانیهای متفاوت نمایش داده میشوند.❌
🏁 االگوی Observer به کاربران این امکان را میدهد که بدون وابستگی به ساختار داخلی یک شیء، به تغییرات آن شیء واکنش نشان دهند. این بهبود از لحاظ انعطافپذیری و جداسازی اجزا در برنامهنویسی به اصطلاح "Loose Coupling" نامیده میشود. 🏁
👍و انتشار فراموش نشه 🤟
@js_challenges
@js_masters_gp
🔥5❤🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#js_challenge
#no44
#DOM
#medium
لینک فایل های html css و starter.js داخل ریپازیتوری اصلی چنل:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Text%20Collapse%201
خب میریم سراغ چالش DOM بعدی در رابطه با این کومپوننت هایی که قطعا دیدید که وقتی روشون کلیک میشه متنشون بیشتر و یا کمتر نشون داده میشه 👌
کسی که چالش های DOM این چنل رو حل بکنه، بعد وقتی بخواد از ریکت استفاده بکنه قدرش رو خیلی بیشتر میدونه 😁
البته اینم بگما، عزیزانی که ریکت کار میکنید میتونید این چالش های DOM رو شما با ریکت بزنید چون کاملا برای ریکت هم کاربردی هستن ...
ببینید و حلش بکنید و وقتی حلش کردید از کومپوننتی که خودتون طراحی کردید یه ویدیو بگیرید بفرستید ❤️
@js_challenges
@js_masters_gp
#no44
#DOM
#medium
لینک فایل های html css و starter.js داخل ریپازیتوری اصلی چنل:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Text%20Collapse%201
خب میریم سراغ چالش DOM بعدی در رابطه با این کومپوننت هایی که قطعا دیدید که وقتی روشون کلیک میشه متنشون بیشتر و یا کمتر نشون داده میشه 👌
کسی که چالش های DOM این چنل رو حل بکنه، بعد وقتی بخواد از ریکت استفاده بکنه قدرش رو خیلی بیشتر میدونه 😁
البته اینم بگما، عزیزانی که ریکت کار میکنید میتونید این چالش های DOM رو شما با ریکت بزنید چون کاملا برای ریکت هم کاربردی هستن ...
ببینید و حلش بکنید و وقتی حلش کردید از کومپوننتی که خودتون طراحی کردید یه ویدیو بگیرید بفرستید ❤️
@js_challenges
@js_masters_gp
🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
🔥8👍2
💎 نحوه ایجاد Self-calling Function در جاوا اسکریپت
همه میدونیم که توابع به صورت پیشفرض تا صدا زده نشوند اجرا نخواهند شد، جاوا اسکریپت قابلیتی داره که به وسیله اون میتونید تابعی را تعریف کنید که به صورت خودکار، علاوه بر اینکه تعریف خواهد شد، اجرا هم بشود به این توابع میگیم Self Calling Fucntion.
🟣 به این توابع Self-Invoking Functions هم میگن.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
همه میدونیم که توابع به صورت پیشفرض تا صدا زده نشوند اجرا نخواهند شد، جاوا اسکریپت قابلیتی داره که به وسیله اون میتونید تابعی را تعریف کنید که به صورت خودکار، علاوه بر اینکه تعریف خواهد شد، اجرا هم بشود به این توابع میگیم Self Calling Fucntion.
🟣 به این توابع Self-Invoking Functions هم میگن.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍14
🔥 سه میانبر js
👨💻 تو این پست براتون سه تا میانبر خیلی کاربردی رو اوردم که با قرار دادن تو پروژه تون میتونین هرچه بیشتر به یک سینیور فرانت اند نزدیک بشین😁
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👨💻 تو این پست براتون سه تا میانبر خیلی کاربردی رو اوردم که با قرار دادن تو پروژه تون میتونین هرچه بیشتر به یک سینیور فرانت اند نزدیک بشین😁
#Tips_N_Tricks
@js_challenges
@js_masters_gp
❤🔥8👍2🔥1
Media is too big
VIEW IN TELEGRAM
#Course
#JavaScript
#Jonas_Schmetdtmann
#S02
#E15
015 Type Conversion and Coercion_Dubbed
حتما دیدین که داخل جاوااسکریپت یه استرینگ و یه عدد رو جمع میکنید بعد یه نتیجه عجیب غریب تحویل میگیرید
این جلسه دقیقا در همین رابطست
امیدوارم که از دوبله راضی باشید ✌️
چون این ویدیو هم ویدیوی بسیار مهمیه و هم نسبتا طولانی تره دوست دارم بازخوردتون رو بدونم در مورد دوبلش و اینکه قشنگ متوجه شدید یا نه؟ حتما کامنت کنید نظرتونو برام که خیلی ارزشمنده ❤️
@js_challenges
@js_masters_gp
چنلی که فایل زیپ فصل های مختلف دوبله جوناس داخلش قرار میگیره:
@js_challenges_courses
#JavaScript
#Jonas_Schmetdtmann
#S02
#E15
015 Type Conversion and Coercion_Dubbed
حتما دیدین که داخل جاوااسکریپت یه استرینگ و یه عدد رو جمع میکنید بعد یه نتیجه عجیب غریب تحویل میگیرید
این جلسه دقیقا در همین رابطست
امیدوارم که از دوبله راضی باشید ✌️
چون این ویدیو هم ویدیوی بسیار مهمیه و هم نسبتا طولانی تره دوست دارم بازخوردتون رو بدونم در مورد دوبلش و اینکه قشنگ متوجه شدید یا نه؟ حتما کامنت کنید نظرتونو برام که خیلی ارزشمنده ❤️
@js_challenges
@js_masters_gp
چنلی که فایل زیپ فصل های مختلف دوبله جوناس داخلش قرار میگیره:
@js_challenges_courses
❤10
#Out_Of_Laptop
در این پست میخوام یه کانفیگ معمولی برای برنامه نویسی وب براتون (چه فرانت چه بک) معرفی کنم :
✅CPU : i5 10 یا i7 8 به بالا
✅RAM : 8 به بالا
✅SSD : 250 به بالا
✅GPU : زیاد از واجبات نیست
✅Monitor : LED 15.6" رفرش ریت هرچی بالا بهتر
⚠️بچه ها در نظر داشته باشید با کانفیک بالاتر یا پایینتر از اینا هم میشه برنامه نویسی کرد.این کانفیگ صرفا متوسطه⚠️
@js_challenges
@js_masters_gp
در این پست میخوام یه کانفیگ معمولی برای برنامه نویسی وب براتون (چه فرانت چه بک) معرفی کنم :
✅CPU : i5 10 یا i7 8 به بالا
✅RAM : 8 به بالا
✅SSD : 250 به بالا
✅GPU : زیاد از واجبات نیست
✅Monitor : LED 15.6" رفرش ریت هرچی بالا بهتر
⚠️بچه ها در نظر داشته باشید با کانفیک بالاتر یا پایینتر از اینا هم میشه برنامه نویسی کرد.این کانفیگ صرفا متوسطه⚠️
@js_challenges
@js_masters_gp
👍10🔥1
#Design_Patterns
⚠️الگوی استراتژی یک الگوی طراحی است که امکان تعویض رفتارها یا الگوهای عملکردی مختلف را در یک سیستم فراهم میکند. این الگو به اجزای مختلف یک الگوی معماری اجازه میدهد تا در زمان اجرا رفتارهای مختلفی را به کاربردهای مشابه اعمال کنند.
معمولاً این الگو به شکل یک رابط یا کلاسی عمل میکند که دسترسی به روشهای متفاوتی دارد که هر کدام یک رفتار یا راهبرد خاص را ارائه میدهند. سپس یک یا چند کلاس دیگر (معمولاً با نامهایی مانند ConcreteStrategyA, ConcreteStrategyB, و غیره) این رابط را پیادهسازی میکنند. هر کدام از این کلاسها یک راهبرد خاص را برای انجام کار ارائه میدهند.
در زمان اجرا، شیء مربوطه از نوع رابط استراتژی دریافت میکند و میتواند رفتار خاص خود را از طریق استفاده از متدهای موجود در این رابط تعیین کند. این اجازه را به اجزای سیستم میدهد تا بر اساس نیاز خود یک استراتژی خاص را انتخاب کرده و از آن استفاده کنند.⚠️
❌ادامه در کپشن...❌
👍و انتشار فراموش نشه 🤟
@js_challenges
@js_masters_gp
⚠️الگوی استراتژی یک الگوی طراحی است که امکان تعویض رفتارها یا الگوهای عملکردی مختلف را در یک سیستم فراهم میکند. این الگو به اجزای مختلف یک الگوی معماری اجازه میدهد تا در زمان اجرا رفتارهای مختلفی را به کاربردهای مشابه اعمال کنند.
معمولاً این الگو به شکل یک رابط یا کلاسی عمل میکند که دسترسی به روشهای متفاوتی دارد که هر کدام یک رفتار یا راهبرد خاص را ارائه میدهند. سپس یک یا چند کلاس دیگر (معمولاً با نامهایی مانند ConcreteStrategyA, ConcreteStrategyB, و غیره) این رابط را پیادهسازی میکنند. هر کدام از این کلاسها یک راهبرد خاص را برای انجام کار ارائه میدهند.
در زمان اجرا، شیء مربوطه از نوع رابط استراتژی دریافت میکند و میتواند رفتار خاص خود را از طریق استفاده از متدهای موجود در این رابط تعیین کند. این اجازه را به اجزای سیستم میدهد تا بر اساس نیاز خود یک استراتژی خاص را انتخاب کرده و از آن استفاده کنند.⚠️
❌ادامه در کپشن...❌
👍و انتشار فراموش نشه 🤟
@js_challenges
@js_masters_gp
🔥9👍2❤🔥1
🔥 هشت لایبرری ماشین لرنینگ در 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
+ پارت 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
❤🔥10👍1
👍11
#Tips_N_Tricks
⚠️بچه ها تو این لینکی که گذاشتم یه pdf درست کردم در مورد تفاوت های mjs و cjs توی دنیای javanoscript⚠️
💥حتما ببینید و 👍 و انتشارش بدید که خیلی مهم هستش این موضوع💥
https://docs.google.com/document/d/1vPCgyK3uW4nbi-_6rwTg8Y3jz494JZK37LvG1_OMfKQ/edit?usp=sharing
@js_challenges
@js_masters_gp
⚠️بچه ها تو این لینکی که گذاشتم یه pdf درست کردم در مورد تفاوت های mjs و cjs توی دنیای javanoscript⚠️
💥حتما ببینید و 👍 و انتشارش بدید که خیلی مهم هستش این موضوع💥
https://docs.google.com/document/d/1vPCgyK3uW4nbi-_6rwTg8Y3jz494JZK37LvG1_OMfKQ/edit?usp=sharing
@js_challenges
@js_masters_gp
🔥5❤🔥4👍4❤1
🔥 هشت لایبرری ماشین لرنینگ در js
+ پارت 2
👨💻 آقا برای اینکه به خودمم ثابت بشه(😁)براتون تو این پست (که دو پارت داره و این پارت دومشه) 8 لایبرری برای ماشین لرنینگ رو آوردم 😎
5.ConvNetJS
یک کتابخانه واسه یادگیری عمیقه که بطور خاص برای ساخت شبکه های عصبی تو جاوا اسکریپت طراحی شده.همچنین برای تسکهای تشخیص تصویرم مناسبه!
6.Synaptic
میشه ازش برای کارهای متنوع ماشین لرنینگ استفاده کرد که از قضا با هر دو مرورگر و Node.js سازگاره!
7.Neuro.js
یه لایبرری برای چت بات ها!
8.Keras.js
این یکی یه لایبرری همه کاره اس! که از چندین مدل و معماری یادگیری عمیق پشتیبانی میکنه!
#Around_JS
@js_challenges
@js_masters_gp
+ پارت 2
👨💻 آقا برای اینکه به خودمم ثابت بشه(😁)براتون تو این پست (که دو پارت داره و این پارت دومشه) 8 لایبرری برای ماشین لرنینگ رو آوردم 😎
5.ConvNetJS
یک کتابخانه واسه یادگیری عمیقه که بطور خاص برای ساخت شبکه های عصبی تو جاوا اسکریپت طراحی شده.همچنین برای تسکهای تشخیص تصویرم مناسبه!
6.Synaptic
میشه ازش برای کارهای متنوع ماشین لرنینگ استفاده کرد که از قضا با هر دو مرورگر و Node.js سازگاره!
7.Neuro.js
یه لایبرری برای چت بات ها!
8.Keras.js
این یکی یه لایبرری همه کاره اس! که از چندین مدل و معماری یادگیری عمیق پشتیبانی میکنه!
#Around_JS
@js_challenges
@js_masters_gp
👍12
ظهر همگی بخیر ❤️
آقا من تصمیم گرفتم که یه پیامی داخل چنل داشته باشیم و من بفرستم و پینش بکنم تحت عنوان پست هایی که توسط خود شما رزرو شده
یعنی شما گفتید که باید داخل چنل قرار بگیرن حالا چه از نظر آموزش چه چالش
پیام بعدی میفرستم این پیام رو و اگر هم شما آموزش و یا چالش خاصی مد نظرتون بود حتما به من داخل کامنت ها بگید که رزرو بشه و قرار بگیره ❤️
@js_challenges
@js_masters_gp
آقا من تصمیم گرفتم که یه پیامی داخل چنل داشته باشیم و من بفرستم و پینش بکنم تحت عنوان پست هایی که توسط خود شما رزرو شده
یعنی شما گفتید که باید داخل چنل قرار بگیرن حالا چه از نظر آموزش چه چالش
پیام بعدی میفرستم این پیام رو و اگر هم شما آموزش و یا چالش خاصی مد نظرتون بود حتما به من داخل کامنت ها بگید که رزرو بشه و قرار بگیره ❤️
@js_challenges
@js_masters_gp
👍9
آموزش ها و چالش های رزرو شده:
js_nuggets:
1. Swiper.js
2. Cookies
challenges:
فعلا خالیه
اگر آموزشی نیاز دارید (js_nugget) و یا دوست دارید در مورد یه موضوع خاصی چالش داشته باشیم، حتما داخل گروه زیر همین پیام کامنت بزارید که من به این موارد رزرو شده اضافه کنم که هم فراموش نکنم هم انشالا همه عزیزان مطلع بشن که چه مطالبی قراره در آینده منتشر بشه ❤️
@js_challenges
@js_masters_gp
js_nuggets:
1. Swiper.js
2. Cookies
challenges:
فعلا خالیه
اگر آموزشی نیاز دارید (js_nugget) و یا دوست دارید در مورد یه موضوع خاصی چالش داشته باشیم، حتما داخل گروه زیر همین پیام کامنت بزارید که من به این موارد رزرو شده اضافه کنم که هم فراموش نکنم هم انشالا همه عزیزان مطلع بشن که چه مطالبی قراره در آینده منتشر بشه ❤️
@js_challenges
@js_masters_gp
❤8🔥2 2