</ MoDev >
80 FrontEnd Interview Questions.pdf
70JavaScriptInterviewQuestionsDittyir.pdf
12 MB
70 سوال مصاحبه ای جاوااسکریپت همراه با توضیح
✦ @programming_codiing
صرفا برای مصاحبه نیست و می تونید مطالعه کنید و به دانشتون توی JS بیفزایید.
لذت ببرید❤️
✦ @programming_codiing
❤6
با این سایت یه آمار کلی از گیتهابت در بیار 🌪
سایت githubprofileviewer، یک سایت خلاقانه و کاربردیه که شما میتونید با وارد کردن آیدی اکانتتون یا هر اکانت دیگه ای، هر اطلاعاتی که مورد نیازتون هست رو ببینید!
🌐 Website
#github
✦ @programming_codiing
سایت githubprofileviewer، یک سایت خلاقانه و کاربردیه که شما میتونید با وارد کردن آیدی اکانتتون یا هر اکانت دیگه ای، هر اطلاعاتی که مورد نیازتون هست رو ببینید!
🌐 Website
#github
✦ @programming_codiing
❤3😁2
اگه در توسعه پروژتون نیاز به بک اند و دیتابیس داشتید، اما به هر دلیلی دسترسی به بک اند کار نداشتید و از فایربیس , سوپابیس و امثالهم خسته شدید، میتونید از ابزاری به نام Json-Server استفاده کنید و Api های مورد نیاز پروژتون رو توسعه بدید.
خب JSON Server چیه؟ 🔬
Document 🌐
✦ @programming_codiing
خب JSON Server چیه؟ 🔬
کلمه JSON مخفف عبارت JavaScript Object Notation هست و یک ابزار Node.js سبک و با کاربری آسونه که یک API RESTFUL و با استفاده از یک فایل JSON به عنوان data source شبیهسازی میکنه. توسعه دهنده های فرانتاند با کمک JSON Server میتونن APIهای ساختگی و بدون نیاز به نوشتن کدهای پیچیده سمت سرور یا زمانی که API پشتیبان هنوز آماده نیست ایجاد کنن.
این API ساختگی درخواستها رو به endpoint ای که تنظیم میکنید ارسال میکنه، به درخواستهای HTTP پاسخ میده و به این ترتیب کار و برای توسعه سریع برای توسعهدهندگان ایدهآل میکنه. JSON Server همچنین توسعهدهندگان و قادر میسازخ تا عملیات CRUD و انجام بدن و دادهها رو در فایلهای JSON ذخیره کنند.
ویژگیهای JSON Server 🔍
❗️راهاندازی آسان و سریع
❗️پشتیبانی از CRUD
❗️قدرتمند و ساده
❗️شبیه سازی داده ها
عملکرد Json server مثل یه بکاند واقعی هست. از این به بعد به جای استفاده از دیتابیس هایی مثل firebase که تحریم و مشکلاتی داره... میتونید از جیسون سرور برای توسعه نمونه کار هاتون استفاده کنید.
Document 🌐
✦ @programming_codiing
❤6
🤖 میخوای سایتت چهرهها رو بشناسه؟! 👀
اگه به JavaScript، هوش مصنوعی و Computer Vision علاقه داری، Face-api.js میتونه ابزار جالبی برای پروژههات باشه. 🔥
📚 برای اطلاعات بیشتر، داکیومنت Face-api.js رو ببین.
:: ) Doc
✦ @programming_codiing
با Face-api.js میتونی قابلیتهای تشخیص چهره رو مستقیماً به پروژههای وب اضافه کنی! 🚀
این کتابخانه با استفاده از مدلهای Deep Learning و TensorFlow.js قابلیتهایی مثل:
👤 تشخیص چهره
😊 تشخیص لبخند و حالت چهره
🎂 تخمین سن
⚧️ تشخیص جنسیت
🕶️ تشخیص چهره با عینک
📹 تشخیص چهره بهصورت Real-time
رو در اختیار دولوپرها قرار میده.
اگه به JavaScript، هوش مصنوعی و Computer Vision علاقه داری، Face-api.js میتونه ابزار جالبی برای پروژههات باشه. 🔥
📚 برای اطلاعات بیشتر، داکیومنت Face-api.js رو ببین.
:: ) Doc
✦ @programming_codiing
❤4👍2😁2
ChatGPT Plus
رایگان!
یکی از دوستان گفت که از طریق سایت
https://chatgptplus.cn/
میتونید از نسخهی پلاس به صورت رایگان استفاده کنید.
خودم با ایمیلم نتونستم وارد بشم،
اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹
✦ @programming_codiing
رایگان!
یکی از دوستان گفت که از طریق سایت
https://chatgptplus.cn/
میتونید از نسخهی پلاس به صورت رایگان استفاده کنید.
خودم با ایمیلم نتونستم وارد بشم،
اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹
✦ @programming_codiing
❤3
</ MoDev >
ChatGPT Plus رایگان! یکی از دوستان گفت که از طریق سایت https://chatgptplus.cn/ میتونید از نسخهی پلاس به صورت رایگان استفاده کنید. خودم با ایمیلم نتونستم وارد بشم، اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹 ✦ @programming_codiing
از نظر امنیت هم که نمی تونم تایید ش کنم.
ولی بی امنیت هم نمی تونم بگم هست.
ولی بی امنیت هم نمی تونم بگم هست.
❤2👌1
⏰ چطور برای یادگیری برنامهنویسی، برنامهریزی کنیم؟
🚀 یادت باشه؛ موفقیت در برنامهنویسی با چند روز تلاشِ سنگین به دست نمیاد، بلکه با پیشرفتهای کوچک اما مداوم، دیدن دوره، تمرین مستمر و ادامه دادن ساخته میشه.
✦ 💻 @programming_codiing
یکی از بزرگترین اشتباهاتی که خیلیها انجام میدن اینه که بدون برنامه شروع میکنن.
مثلاً:
- امروز ۸ ساعت دوره میبینن.
- فردا حوصله ندارن و هیچی کار نمیکنن.
- پسفردا فقط ۱ ساعت.
- چند روز بعد هم کلاً رهاش میکنن...
نتیجه؟ پیشرفت خیلی کند یا حتی توقف کامل. ❌
✅ راه درست چیه؟
قبل از اینکه یک دوره یا مسیر آموزشی رو شروع کنی، اول از خودت بپرس:
• روزی چند ساعت واقعاً وقت دارم؟
• چند روز در هفته میتونم برای یادگیری وقت بذارم؟
• چه مقدار از این زمان رو به دیدن دوره و چه مقدارش رو به تمرین اختصاص بدم؟
• با این برنامه، حدوداً چند وقت طول میکشه دوره رو تموم کنم؟
مثلاً اگر یک دوره ۶۰ ساعته باشه:
- روزی ۲ ساعت (۱ ساعت دیدن دوره + ۱ ساعت تمرین)، حدود ۲ ماه طول میکشه.
- روزی ۳ ساعت (۱.۵ ساعت دیدن دوره + ۱.۵ ساعت تمرین)، حدود ۴۰ روز.
- روزی ۱ ساعت (۳۰ دقیقه دوره + ۳۰ دقیقه تمرین)، حدود ۴ ماه.
فقط یادت باشه: زمان تمرین رو دستکم نگیر. بخش زیادی از یادگیری واقعی، موقع تمرین کردن اتفاق میافته، نه فقط دیدن ویدیوهای آموزشی.
هیچکدوم از این برنامهها بد نیست؛ مهم اینه که به برنامهات پایبند بمونی.
🎯 حتی اگر بعداً به خاطر امتحان، کار یا شرایط دیگه یک یا دو هفته بیشتر طول کشید، اشکالی نداره. بهتر از اینه که هر روز بدون برنامه جلو بری و آخرش مسیر رو نیمهکاره رها کنی.
💡 یک قانون ساده:
بهجای اینکه بگی:
«هر وقت وقت داشتم دوره میبینم و تمرین میکنم.»
بگو:
«هر روز ساعت ۷ تا ۹ فقط برنامهنویسی؛ یک ساعت دیدن دوره و یک ساعت تمرین.»
وقتی یادگیری به یک عادت تبدیل بشه، دیگه لازم نیست هر روز برای شروع کردن با خودت بجنگی.
🚀 یادت باشه؛ موفقیت در برنامهنویسی با چند روز تلاشِ سنگین به دست نمیاد، بلکه با پیشرفتهای کوچک اما مداوم، دیدن دوره، تمرین مستمر و ادامه دادن ساخته میشه.
✦ 💻 @programming_codiing
1❤6💯2
🖥 لینکدین و 🌐 گیتهاب دو پلتفرم عالی برای شبکه سازی هستن و همونطور که میدونید، دولوپری که شبکه سازی خوبی نداشته باشه، مثل نوازندهایه کِ ساز نداره.
در بخش دایرکت بفرستین برام خودم زیر کامنت ها قرار می دم ، لینک گیتهاب و لینکدین خودتون رو، تا با بقیه دولوپرها آشنا بشید و کانکشنهای جدید پیدا کنید 💬
✦ @programming_codiing
در بخش دایرکت بفرستین برام خودم زیر کامنت ها قرار می دم ، لینک گیتهاب و لینکدین خودتون رو، تا با بقیه دولوپرها آشنا بشید و کانکشنهای جدید پیدا کنید 💬
✦ @programming_codiing
❤9👍2
چرا لینوکس رو به ویندوز ترجیح بدیم؟🖼
ویندوز و لینوکس سیستم عامل های محبوب دنیای تکنولوژی هستن که هر کدوم، کاربرد ها و مزایای خودشون رو دارن. سیستم عامل لینوکس برای قشر برنامه نویس کاربرد زیاد و مهمی داره، اما سیستم عامل ویندوز بیشتر برای قشر کاربران با کاربری روزمره مورد استفاده قرار میگیره.
این سیستم عامل محبوب و دوست داشتنی مزایای دیگه ای هم داره، اما ترجیح دادیم به مهم ترین و حیاتی ترین تفاوت هاشون بپردازیم.امیدوارم لذت برده باشید🔥 و البته برای خیلی از افراد هم مناسب نیست , برای گیمر ها , برای کسایی که با ابزار های ادیت و... مثل فوتوشاپ کار می کنن و .. .
✦ @programming_codiing
ویندوز و لینوکس سیستم عامل های محبوب دنیای تکنولوژی هستن که هر کدوم، کاربرد ها و مزایای خودشون رو دارن. سیستم عامل لینوکس برای قشر برنامه نویس کاربرد زیاد و مهمی داره، اما سیستم عامل ویندوز بیشتر برای قشر کاربران با کاربری روزمره مورد استفاده قرار میگیره.
1️⃣لینوکس پایدار و مستحکمه
در واقع بیشتر کاربرای لینوکس، هيچوقت يک توقف و خرابی در سرور رو نميبينن و اين ویژگی برای كاربرا، با ارزش میتونه باشه. مخصوصا برای کسب و کارها که از کار افتادگی سرور میتونه عواقب فاجعه بار براشون داشته باشه.
👌لینوکس خيلی بهتر از ويندوز ميتونه تعداد زیادی از پردازش هارو در يک لحظه اجرا كنه.
2️⃣لینوکس امنه
لینوکس ذاتا امن تر از ویندوزه. چه روی سرور و چه روی دسکتاپ، و به همین دليله که بر اساس يونيكس ساخته شده. در لینوکس فقط مدیر یا کاربر root، دارای اختیارات مدیریتیه، و کمتر به کاربرای معمولی و برنامه های کاربردی اجازه دسترسی به کرنل داده میشه و همین باعث ميشه همه چیز ماژولار و حفاظت شده باشه.
🟢البته لینوکس کمتر توسط ویروس ها و هكرها مورد حمله قرار میگيره و آسیب پذیری تو سیستم عامل لينوكس، زودتر و سريعتر پیدا و تصحيح میشه.
3️⃣لینوکس رایگانه
به دلیل محدودیت هایی که تو کشور ما وجود داره، اکثر کاربرای ایرانی از نسخه های کرک شده ویندوز استفاده میکنن. در حقیقت اگر بخواید نسخه اصلی ویندوز رو تهیه کنید، باید هزینه زیادی متقبل بشید که با شرایط اقتصادی امروز معقول نیست. اما با شرایط مساوی، این برتری با لینوکسه که توزیع های مختلفش به صورت رایگان در دسترس کاربران و در هر جایی از دنیا قرار میگیره.
4️⃣ لینوکس اوپن سورسه
یکی دیگه از مزایای لینوکس Open Source بودنشه. این مسئله مزیت زیادی به خصوص برای افرادی که به برنامه نویسی آشنا هستن داره. چرا که اونها با دسترسی به کدهای لینوکس، میتونن تغییرات مورد نیاز و دلخواهی رو روش اعمال کنن. در واقع هر برنامه نویسی میتونه مطابق با نیازهاش سیستم عامل لینوکسشو شخصی سازی کنه و اونو تغییر بده. در حالی که کدهای سیستم عامل ویندوز غیر قابل مشاهده و استفادست، و امکان توسعه و تغییرش فقط توسط خود مایکروسافت امکان پذیره.
5️⃣لینوکس هر نوع فایلی رو اجرا میکنه
لینوکس قابلیت اجرای هر فایلی رو داره، در واقع لینوکس سازگاری بیشتری با فرمت های مختلف فایل ها داره. ویندوز ممکنه فایل هایی که فرمت ناشناخته دارن رو پشتیبانی و اجرا نکنه. این مشکل توی لینوکس اصلا وجود نداره، چرا که لینوکس بر خلاف ویندوز برای شناخت فایل ها به پسوندشون محدود نیست.
این سیستم عامل محبوب و دوست داشتنی مزایای دیگه ای هم داره، اما ترجیح دادیم به مهم ترین و حیاتی ترین تفاوت هاشون بپردازیم.امیدوارم لذت برده باشید🔥 و البته برای خیلی از افراد هم مناسب نیست , برای گیمر ها , برای کسایی که با ابزار های ادیت و... مثل فوتوشاپ کار می کنن و .. .
✦ @programming_codiing
❤8👌2
</ MoDev >
لازم نیست ساعتها گوگل کنی برای پیدا کردن APIهای رایگان! https://github.com/public-apis/public-apis لیست کاملاً مرتبشده و بهروز از صدها API عمومی و رایگان در همه حوزهها: Weather - Finance - Music - Animals - Jokes - Crypto - Maps - و صدها مورد دیگه. …
⌨️ 5 سرویس API کارآمد و رایگان
پیدا کردن Api مناسب برای وبسایت و پروژه کار سختی بوده و معمولا افراد، در این زمینه با چالشهای مختلفی روبرو میشن. در پست قبلی که ریپلای کردم یه api معرفی کردم ولی توی این پست قصد داریم با 5 مورد از سرویسهای api کاربردی آشنا بشیم .
✦ @programming_codiing
پیدا کردن Api مناسب برای وبسایت و پروژه کار سختی بوده و معمولا افراد، در این زمینه با چالشهای مختلفی روبرو میشن. در پست قبلی که ریپلای کردم یه api معرفی کردم ولی توی این پست قصد داریم با 5 مورد از سرویسهای api کاربردی آشنا بشیم .
1️⃣Random User Generator
این سرویس به شما اجازه میده تا به صورت خودکار کاربر جعلی درست کنید، و میتونید از این سرویس برای تست دیتابیس یا سایت استفاده کنید.
2️⃣Cloud Convert
یک سرویس تبدیل فایل که یک API رایگان برای تبدیل هر فرمت به فرمت دیگه ای رو ارائه میده، و میتونید باهاش یک ابزار
کاربردی برای خودتون بنویسید.
3️⃣Open Weather Map
یک سرویس برای وضعیت آب و هوا و پیشبینی اون، که از 40 هزار پایگاه آب و هوا اطلاعات رو جمع آوری میکنه.
4️⃣Free Music Archive
یک سرویس خیلی کاربردی برای دریافت اطلاعاتی درمورد هنرمندان، آلبومها، تِرَک ها و ژانرهای مختلف.
5️⃣The Movie Database
یک سرویس قدرتمند و کاربردی برای دریافت اطلاعات کامل راجع به فیلمهای مختلف، اعم از نام و سال ساخت و کپشن و ...
✦ @programming_codiing
❤4
😎یادگیری تایپ ده انگشتی با این سایت !
➡️Website◀️
پ.ن : حتما اینو می دونستی که سرعت تایپ کردنت چقدر می تونه سرعت کارت رو زیادتر کنه و فقط دو هفته تمرین سرعتت رو به وضع خیلی بهتری می رسونه، دیگه زیاد تمرین کنی نتیجه بهتر ❤️🔥
@programming_codiing
با این سایتی که امروز بهتون معرفی میکنیم میتونید تایپ ده انگشتی رو به زبان فارسی و انگلیسی و تایپ اعداد رو به راحتی یاد بگیرید به صورت رایگان 💰
➡️Website◀️
پ.ن : حتما اینو می دونستی که سرعت تایپ کردنت چقدر می تونه سرعت کارت رو زیادتر کنه و فقط دو هفته تمرین سرعتت رو به وضع خیلی بهتری می رسونه، دیگه زیاد تمرین کنی نتیجه بهتر ❤️🔥
@programming_codiing
❤5🔥3
تست رسپانسیو وبسایت، در همه اندازه ها🔥
برنامه LT Browser، یک ابزار تست نمایشگر وب هست که به دولوپرا کمک میکنه، تا طراحی وبسایتهای خودشون رو بر روی انواع دستگاهها و اندازههای صفحه نمایش، تست کنند. این برنامه امکان تست ریسپانسیو و تطابق وبسایت با دستگاههای مختلف از جمله تلفن همراه، تبلت و کامپیوتر رو فراهم میکنه 📱
Download 🌐
#responsive #ltbrowser
✦ @programming_codiing
برنامه LT Browser، یک ابزار تست نمایشگر وب هست که به دولوپرا کمک میکنه، تا طراحی وبسایتهای خودشون رو بر روی انواع دستگاهها و اندازههای صفحه نمایش، تست کنند. این برنامه امکان تست ریسپانسیو و تطابق وبسایت با دستگاههای مختلف از جمله تلفن همراه، تبلت و کامپیوتر رو فراهم میکنه 📱
Download 🌐
#responsive #ltbrowser
✦ @programming_codiing
❤5👍1🗿1
با استفاده از Wave سایتتو خوشگل کن!🔥
احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید⚡️
https://getwaves.io/
✦ @programming_codiing
احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید⚡️
https://getwaves.io/
✦ @programming_codiing
❤🔥5❤2
چند سایت کاربردی برای نوشتن رزومه انگلیسی ⚡️
🔴https://www.resume.com
🔴https://www.topresume.com
🔴https://www.visualcv.com
🔴https://www.resumegenius.com
پ.ن : مقاله هایی مرتبط با رزومه نوشتن رو و نکاتی براش به زودی براتون میارم.🌹
#resume
✦ @programming_codiing
🔴https://www.resume.com
🔴https://www.topresume.com
🔴https://www.visualcv.com
🔴https://www.resumegenius.com
پ.ن : مقاله هایی مرتبط با رزومه نوشتن رو و نکاتی براش به زودی براتون میارم.🌹
#resume
✦ @programming_codiing
❤6
🚀سایتهایی که احتمالا نیازتون باشه.
@programming_codiing
roadmap.sh → نقشه راه یادگیری همه حوزه ها
frontendmentor.io → پروژه واقعی فرانتاند
codewars.com → تمرین الگوریتم
leetcode.com → آمادگی مصاحبه
devdocs.io → مستندات آفلاین
regex101.com → تست Regex
caniuse.com → بررسی پشتیبانی مرورگرها
bundlephobia.com → حجم پکیجهای npm
web.dev → آموزش Performance
css-tricks.com → ترفندهای css
@programming_codiing
❤7🔥1
</ MoDev >
⏰ چطور برای یادگیری برنامهنویسی، برنامهریزی کنیم؟ یکی از بزرگترین اشتباهاتی که خیلیها انجام میدن اینه که بدون برنامه شروع میکنن. مثلاً: - امروز ۸ ساعت دوره میبینن. - فردا حوصله ندارن و هیچی کار نمیکنن. - پسفردا فقط ۱ ساعت. - چند روز بعد هم کلاً…
یکی از چیزایی که خیلی روی موفقیت تأثیر داره، برنامهریزیه.
خودم برا برنامه ریزی, Todoist رو نصب کردم و عالیه .
هم رو موبایل و هم روی سیستم تون می تونید نصبش کنید و همه کارهاتون بینشون همگام میشن که از سایت خودش دانلود می تونین بکنین.
📌 https://todoist.com
✦ @programming_codiing
خودم برا برنامه ریزی, Todoist رو نصب کردم و عالیه .
هم رو موبایل و هم روی سیستم تون می تونید نصبش کنید و همه کارهاتون بینشون همگام میشن که از سایت خودش دانلود می تونین بکنین.
📌 https://todoist.com
✦ @programming_codiing
❤4👍1👌1
قبل از اینکه سرعت کدنویسیت رو بالا ببری، یاد بگیر تمیز کد بزنی.
✦ @programming_codiing
این روزا با AI میشه خیلی سریع کد نوشت. فقط کافیه درخواستت رو بنویسی تا چند ثانیه بعد کد آماده جلوت باشه.
ولی یه اشتباهی که خیلیها، مخصوصاً اول راه، انجام میدن اینه که فقط به سرعت فکر میکنن، نه کیفیت.
اگه کدت از همون اول تمیز نباشه، اسم متغیرها و فانکشنهات درست انتخاب نشده باشه، ساختار پروژه بههمریخته باشه یا هر چیزی رو هر جایی نوشته باشی، شاید امروز چند دقیقه تو وقتت صرفهجویی کنی؛ ولی قول میدم بعداً چند برابر همون زمان رو باید صرف دیباگ کردنش کنی.
به نظرم اولویتت باید این باشه که یاد بگیری تمیز کد بزنی، نه اینکه فقط سریعتر پروژه رو تموم کنی.
اینم برداشت اشتباه نشه، من اصلاً نمیگم از AI استفاده نکن. اتفاقاً یکی از بهترین ابزارهاییه که یه برنامهنویس میتونه داشته باشه.
ولی به نظرم یکی از بهترین استفادههاش موقع دیباگ کردنه.
مثلاً یه ارور خوردی، یه جای کد درست کار نمیکنه یا ساعتها دنبالش گشتی و پیداش نکردی؛ کدت و متن ارور رو بده به AI، خیلی وقتها تو چند ثانیه مشکل رو پیدا میکنه یا حداقل مسیر درست رو نشونت میده.
قبلاً شاید برای پیدا کردن یه ";" جاافتاده، یه پرانتز اضافه یا حتی یه اشتباه تایپی، کلی وقت ازت میگرفت. الان AI میتونه این جور خطاها رو تو یکی دو دقیقه پیدا کنه و حتی توضیح بده چرا این ارور به وجود اومده.
فقط یه چیز رو یادت نره؛ نذار AI به جای تو فکر کنه. ازش کمک بگیر، ولی سعی کن دلیل خطا رو هم بفهمی، نه اینکه فقط کد رو کپی کنی و رد بشی.
به نظرم AI باید سرعت دیباگ کردنت رو بالا ببره، نه اینکه باعث بشه از همون اول بیدقت کد بنویسی.
کدی که تمیز نوشته شده باشه، هم خودت بعداً راحتتر میفهمیش، هم اگر یه نفر دیگه پروژه رو ببینه، راحتتر میتونه باهاش کار کنه. این ارزشش خیلی بیشتر از اینه که امروز فقط چند دقیقه زودتر کدت تموم بشه.
✦ @programming_codiing
❤3✍1
</ MoDev >
کارگاه رزومه نویسی (1).pdf
https://mradib.com/fa/resume
( البته این یسری نکاتش مخصوص اپلای برای خارج از کشوره، ولی ایده های خوبی داره )
#resume
✦ @programming_codiing
( البته این یسری نکاتش مخصوص اپلای برای خارج از کشوره، ولی ایده های خوبی داره )
#resume
✦ @programming_codiing
❤4