Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.3K subscribers
643 photos
353 videos
88 files
793 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://t.me/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
به ویس توضیحات گوش کنید حتما

#js_challenge
#no2
#medium

هشتگ های مرتبط:
#strings
#arrays
#chaining_methods

حتما سعی کنید در حل کردنش و عکس کد جوابی که برای سوال در نظر گرفتید رو با code snapshot بفرستید و حتما ویس توضیحات رو گوش کنید

دوستانی که دیروز زدید متوسط، منتظر حضور گرمتان هستیم 😁 ولی عزیزانی هم که زدید ساده یا ساده رو به بالا حتما سعی کنید حلش کنید چون چیز عجیب غریبی نیست فقط فرایندش یه مقدار طولانیه

لینک سوال:
https://www.codewars.com/kata/52449b062fb80683ec000024/train/javascript

@js_challenges
🔥6👍1
ویس توضیحات رو حتما گوش بکنید

#js_challenge
#medium_to_high
#no4

هشتگ های مرتبط:
#strings
#arrays
#logic

لینک سوال:
https://www.codewars.com/kata/514a024011ea4fb54200004b/train/javascript

بعد از اینکه جوابتون رو نوشتید، حتما با لینک سوال چک بکنید و این پایین کامنت کنید 👇👇

@js_challenges
توضیحات سوال رو حتما گوش بکنید

#js_challenge
#no11
#medium

هشتگ های مرتبط:
#arrays
#sorting

لینک سوال:
https://www.codewars.com/kata/578aa45ee9fd15ff4600090d/train/javascript

منتظر جواب های شما هستم ✌️

@js_challenges
حتما به ویس توضیحات گوش کنید

#js_challenge
#no14
#medium

هشتگ های مرتبط:
#strings
#loops
#arrays

لینک سوال:
https://www.codewars.com/kata/55c45be3b2079eccff00010f/train/javascript

جواباتون رو حتما بعد از اینکه سوال رو حل کردید با لینک سوال چک کنید ✌️

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

دوستانی هم که گفتید حوصله ندارم بدونید که contribution انجام دادن داخل گیت هاب بسیار میتونه براتون خوب باشه و حتی میتونه یه جور رزومه حساب بشه

پس تنبل نباشید 😁

@js_challenges
Media is too big
VIEW IN TELEGRAM
#js_challenge
#no17
#medium

هشتگ های مرتبط:
#DOM

لینک های مورد نظر این ها هستن:
لینک خودش که بتونید عملکردش رو ببینید:
https://mckh03.github.io/CSS-JS-Clock-1/

این هم لینک خود ریپازیتوری گیت هاب برای دسترسی به فایل های html css:
https://github.com/MCKH03/CSS-JS-Clock-1

دوستان همونطور که داخل ویدیو هم اشاره کردم، من فقط به همون فانکشنالیتی ساعت نیاز دارم که شما زحمتش رو بکشید و اون انتخاب شهر و حتی خود UI کار رو اگر نزدید مهم نیست، اگر هم زدید که دمتون گرم 🔥

اگر فایل های html css من رو استفاده کردید که هیچی اما اگر استفاده نکردید و یه UI ساده تر زدید، فایل های html css و javascript خودتون رو بفرستید ✌️

@js_challenges
@js_masters_gp
🔥10
حتما به ویس توضیحات گوش کنید

#js_challenge
#your_challenge
#no19
#medium

هشتگ های مرتبط:
#strings
#arrays

لینک سوال:
https://www.codewars.com/kata/57eb8fcdf670e99d9b000272

این اولین سوالیه که دارم براتون از دانشگاه میزارم با لپ تاپ 🔥 پس حتما حلش بکنید 😁

@js_challenges
@js_masters_gp
🔥7
حتما به ویس توضیحات گوش کنید

#js_challenge
#your_challenge
#no23
#medium

هشتگ های مرتبط:
#arrays

لینک سوال:
https://www.codewars.com/kata/525caa5c1bf619d28c000335/train/javascript

اگر از UI بازی و این موارد بگذریم، میشه گفت با حل این چالش تقریبا یک بازی Tic-Tac-Toe نوشتید 🔥

@js_challenges
@js_masters_gp
🔥2👍1
#Tips_N_Tricks

راحت ترین روش روی تبدیل انواع دیتا بهم
جمع هر چیزی با "" => راحت ترین روش تبدیل به رشته
گذاشتن + پشت هر چیزی => راحت ترین روش تبدیل به عدد
گذاشتن !! => راحت ترین روش تبدیل به بولین.

دوستان جواب چالش امروز رو فراموش نکنید,این چالشها خیلی مهم هستن حتما حلش کنید.
https://t.me/js_challenges/187/


@js_challenges
@js_masters_gp
8👌2
حتما به ویس توضیحات گوش کنید

به طور خلاصه، باید فانکشنی بنویسید که استرینگ هایی با قالب بالا رو به آبجکت هایی با قالب پایین تبدیل کنه

#js_challenge
#your_challenge
#no27
#medium

هشتگ های مرتبط:
#parsing_data
#arrays

@js_challenges
@js_masters_gp
👍6
CHALLANGE 14
#quick_challenge

بحث در مورد سوال در گروه ...
@js_masters_gp

چالش امروز روهم از دست ندید 😉
https://t.me/js_challenges/226
👍4
#هشتگ

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

چالش های چنل:
#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
👍13
#js_challenge
به ویس توضیحات سوال گوش کنید

#no33
#medium

هشتگ های مرتبط:
#objects
#arrays

لینک ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges

لینک برنچ مربوط به این چالش:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_33

منتظر pull request های شما هستم 😁

@js_challenges
@js_masters_gp
👍5
توضیحات چالش رو گوش بکنید

#js_challenge
#no34
#medium

هشتگ های مرتبط:
#arrays

لینک ریپازیتوری اصلی چالش ها:
https://github.com/MCKH03/JS_Challenges

لینک برنچ مربوط به این چالش:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_34

اگر دوست دارید نحوه کار با گیت هاب رو یاد بگیرید، این ویدیو رو نگاه کنید:
https://t.me/js_challenges/161

@js_challenges
@js_masters_gp
👍1
Media is too big
VIEW IN TELEGRAM
#js_challenge
#no37
#medium_to_hard
#DOM
#fetch
#api
#error_handling

لینک api مربوطه(نحوه استفاده ازش رو داخل ویدیو توضیح دادم):
https://api-ninjas.com/api/quotes

لینک فایل های html css و starter.js داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Random%20Quote%20Generator%201

یه چالش ساده اما بسیار بسیار کاربردی

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

اما ... فقط در صورتی که خودتون برای حلش زحمت بکشید و به درهای بسته زیادی بخورید 👌

اگر هر جای این چالش هم به مشکل خوردید حتما داخل گروه بپرسید ولی حتما حتما برای حل کردنش تلاش کنید وگرنه از 100 درصد مطالبی که توی جواب گفته میشه، فقط 20 درصدش نهایت توی ذهنتون میشینه چون ذهن سختی ها رو خیلی بیشتر از خوشی ها به خاطر میسپره ... 🍷

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

@js_challenges
@js_masters_gp
🔥5👍1
هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#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
👍61
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
🔥8