💀💀death by #javascript💀💀


https://deathbyjavascript.com/


خییلی بانمک بود سایتش😂😂
Clone :
https://github.com/Charca/astro-photo-gallery
انیمیشن باحالی هم به عکسا داده بود
#Fun
💻@DevAcaademy
💬@DevAcademyGroup

Soft Skills

تو این پست سعی شده به چندتا از مهم ترین soft skill هایی که باید داشته باشیم و اون هارو بهبود بدیم بپردازیم.اهمیت soft skills بارها و بارها ثابت شده که کمتر از مهارت های تکنیکال نیست و خیلی از مشکلات رایج شرکت ها ناشی از عدم اطلاع یا اموزش دقیق این مهارت هاست.
قطعا تعداد اون ها بیشتر از ۸ مورده ولی همین موارد هم جزو تاثیر گذار ترین و با اهمیت ترین ها به حساب میاد.

💻@DevAcaademy
💬@DevAcademyGroup

https://medium.com/@masoud.varziii/its-important-to-understand-exactly-what-soft-skill-means-3170902c37a7

What is Docker? Easy way
📌برای استفاده از هر تکنولوژی باید اول بدونیم چرا به وجود اومده و چه نیازی رو رفع میکنه؟ الزاما استفاده از ابزارهای جدید نمیتونه باعث بهبود نرم افزار بشه.تو این ویدیو خیلی روون و راحت توضیح داده میشه که چرا باید داکر استفاده کنیم و اگه نکنیم چی میشه.قطعا بعد دیدنش مجاب میشی که بری داکر یاد بگیری.دوره mosh hamedani دوره بسیار خوبیه.پیشنهاد میکنم حتما ببینید.

💻@DevAcaademy
💬@DevAcademyGroup

خیلی وقتا شده که به جای تمرکز روی مسئله بیشتر در مورد نحوه پیاده سازی یک محصول و تکنولوژی‌هایی که قراره از اون‌ها استفاده بشه صحبت میشه، در حالی که عملا بدون تشخیص درست نیاز کاربر و مسئله‌ای که اون باهاش مواجه هست پیاده سازی هر محصولی با هر تکنولوژی‌ای در نهایت به نتیجه مطلوبی از نظر کاربر منجر نمیشه
مفهوم JTBD (Jobs To Be Done) یکی از مهم‌ترین و اساسی‌ترین مفاهیم حوزه پروداکت هست که میگه کاربران اون محصول و سرویسی رو خرید/استفاده می‌کنن که یک نیازی از اون‌ها رو حل کنه؛ در واقع job هایی از کاربر که باید done بشن چیزی هست که باید روی اون‌ها تمرکز کنید
پیشنهادم اینه که این مطلب رو حتما مطالعه کنید
چون یکی از اصلی ترین دغدغه‌هایی که تو تیم پروداکت وجود داره نحوه تشخیص درست مسئله کاربر و اهمیت دادن به اون نسبت به پیاده سازی صرفا یک فیچر و محصول هست
https://strategyn.com/jobs-to-be-done/

💻@DevAcaademy
💬@DevAcademyGroup

Monolithic vs Micro Frontends

معمولا تو شرکت های بزرگ،یکی از مشکلات رایج، اضافه شدن فیچرهای جدید و به روزرسانی پیوسته App های بزرگ هست که مشکلات زیادی رو با خودش به همراه داره.از طرفی ممکنه تیم های متفاوتی روی یک اپ کار کنن و بارها به کانفلیکت بخورن.بنظرتون راه حل چی میتونه باشه؟

#front_end

💻@DevAcaademy
💬@DevAcademyGroup

https://xhulqornayn.hashnode.dev/monolithic-frontend-vs-micro-frontend-application-differences-pros-and-cons

https://www.fixmyresume.xyz/

اگه حس میکنید رزومتون مشکل داره میتونید یه دیسکریپشن از شغلتون رو بهش بدید با کمک Ai اون رو براتون درست و تنظیم می‌کنه🤓🤓
@DevAcaademy
@DevAcademyGroup

کانالهای یوتیوبی که حکم نون شب رو دارن برای برنامه نویس های فرانت :


developedbyed
NetNinja
freecodecamp
Akshay Saini
programmingwithmosh
Jack Herrington
Matt Pocock
Josh tried coding
Web dev cody
Sam selikoff
Bytegrad
Hamed bahram
Learn with jason
Lee robinson
Fireship
ByteByteGo
Andrew Burgess
Awesome coding
CoderOne
Traversy Media
Code evolution
پ.ن:این لیست آپدیت خواهد شد و اگر کانال خوبی میشناسید چت باز هست برای نظرات شما .😁☺️


@DevAcaademy
@DevAcademyGroup

UI libraries

یکی از دغدغه های فرانت اند کارها اینه که بهترین library ممکنه برای UIپروژشون انتخاب کنن که قاعدتا به خیلی عوامل بستگی داره از جمله سایز پروژه و اینکه حتی دیزاین از چه کیت استفاده میکنه.تو این مقاله سعی شده یه مقایسه خیلی مفید داشته باشه بر روی library هایی که برای UI در فرانت این روز ها زیاد استفاده میشه.

#front_end

💻@DevAcaademy
💬@DevAcademyGroup

https://medium.com/@dinothan1/comparison-between-material-ui-ant-design-and-chakra-ui-for-react-js-b8fdfb8c556c

Life Cycle Laravel
📌مهم ترین نکنه در مورد هر فریمورک شناخت لایف سایکل یا همون چرخه ریکوعست هست.اینکه وقتی یه ریکوعست داخل اپلیکیشن میاد از چه جاهایی رد میشه و چه اتفاقاتی درون اپلیکشن رخ میده.در این ویدیو با لایف سایکل لاراول اشنا میشیم که برای هر لاراول کاری دونستنش واجبه.
#php #back_end
@DevAcaademy
@DevAcademyGroup

Php Golang Job Position
📌سلام دوستان بعد چند وقت اومدیم با یه موقعیت شغلی جدید، با عنوان TeamLead PHP/GO Development دارای ریلوکیشن پکیج شامل کمک در پیدا کردن خانه، کلاس های زبان و انجام کارهای ویزا ♥️
📍موقعیت : مونیخ آلمان
🗣زبان: نیازمند C1 انگلیسی
🌐لینک اپلای و توضیحات کامل :
https://relocate.me/germany/munich/zero-to-one-search/team-lead-php-go-development-9473

@DevAcaademy
@DevAcademyGroup

Vite

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

#front_end

💻@DevAcaademy
💬@DevAcademyGroup

https://medium.com/@sadafamininia/why-vite-f291b6e64e51

Interview (algorithm)

📌تو سالهای اخیر اغلب شرکت‌های نرم‌افزاری خارجی و داخلی به سنجش قدرت حل مساله افراد از طریق پرسیدن سوال‌های الگوریتمی روی آوردند . شاید مهمترین دلیلش این باشه که بیشتر از تسلط به ابزارها و تکنولوژی‌ها و حتی زبان‌های برنامه‌نویسی یا چارچوب‌ها، قدرت حل مساله و ارائه راهکار مناسب برای مسائل و چالش‌های مختلف عیار یه مهندس نرم‌افزار خوب رو مشخص می‌کنه. البته این مدل مصاحبه‌ها بیشتر برای توسعه‌دهنده‌ها مرسومه. ولی چه کنیم که در این مدل مصاحبه‌ها خروجی بهتری داشته باشیم؟

۱- قبل از مصاحبه حداقل چند روزی رو صرف مطالعه یه کتاب تو این زمینه بکنید و بد هم نیست چند تا مساله توی سایت‌هایی مثل Codeforces یا LeetCode یا HackerRank بکنید. برای کتاب هم من دو تا پیشنهاد دارم:
- کتاب Cracking the coding interview
- کتاب Algorithms Notes for Professionals
۲- حتما در طول مصاحبه سعی کنید بلند بلند فکر کنید و در مورد ابعاد مختلف مساله از مصاحبه‌کننده توضیح بخواید. این به شما کمک می‌کنه که هم فرصت بیشتری برای فکر کردن داشته باشید و هم مسیر رو درست برید. کلاً هر چی بیشتر در طول مصاحبه تعامل بکنید مثبت‌تره.

۳- به یاد داشته باشید که برای یه مصاحبه‌کننده حرفه‌ای هدف از پرسیدن سوال‌های حل مساله بیشتر بررسی مدل فکر کردن شماست و خیلی مواقع حتی ممکنه رسیدن به جواب بهینه خیلی مهم نباشه. بنابراین حتما از ساده‌ترین راه‌حل ممکن شروع کنید و سعی کنید به مرور راه‌حل رو بهبود بدید. در زمان ارائه راه‌حل سیستماتیک فکر کردن و تعامل با مصاحبه‌کننده خیلی راهگشاست.

۴- معمولاً برای ارائه راه‌حل شما باید از یه زبان برنامه‌نویسی استفاده کنید و برخی مواقع مخصوصاً در مصاحبه‌های آنلاین ممکنه دسترسی به IDE نداشته باشید. بنابراین آماده این موضوع باشید. در زمان نوشتن سعی کنید کد رو تمیز و خوانا بنویسید چون معمولاً کیفیت کد روی نظر مصاحبه‌کننده تاثیر می‌ذاره.

ارزیابی توان حل مساله صرفاً بخشی از یه مصاحبه خوبه و نه تمامش و معمولاً سوالات خیلی سختی پرسیده نمیشه. برای یه نمونه سوال خوب، بد نیست ویدیو زیر رو ببینید که یه سوال ساده در مصاحبه شرکت گوگل هست:
https://www.youtube.com/watch?v=XKu_SEDAykw&ab_channel=LifeatGoogle

#back_end #algoithm
💻@DevAcaademy
💬@DevAcademyGroup

اگه دوست‌دارید به طور کامل HTTP Status Code هارو یاد بگیرید، پیشنهاد من به شما این سایته😂🐱🐱
https://http.cat
به عنوان مثال:
https://http.cat/200
مخصوص گربه دوستان 🐱

وسط روز یه کویز بذارم براتون از نوع جی اس 😁😁سوال مصاحبه ای که نکنه هم کم نداره. منتظر جواب هاتون تو کامنت هستم

console.log(1);

setTimeout(() => console.log(2));

Promise.resolve().then(() => console.log(3));

Promise.resolve().then(() => setTimeout(() => console.log(4)));

Promise.resolve().then(() => console.log(5));

setTimeout(() => console.log(6));


result:⁉️
🤯😤

@DevAcaademy
@DevAcademyGroup
#interview
#js

این سایت فوق العاده است .#رودمپ همه فیلدها رو داره و خیلی راحت میتونید درصد پیشرفت خودتون رو باهاش اندازه بگیرید . روی هر پارت هم که بخواید میتونید کلیک کنیدو بهتون سور س هم معرفی میکنه حتی 😇️️️️️️

https://roadmap.sh/


@DevAcaademy
@DevAcademyGroup
#roadmap

https://roadmap.sh/typescript
مثلا این رودمپ تایپ اسکریپته 😇️️🥰️️️️️️فقط ببینید چقد کاملهههههه

@DevAcaademy

Tailwind

یه ليست ۱۰ تایی از UI library و ready-made component های free برای Tailwind CSS که میتونید پکیجشون رو به پروژتون اضافه کنید یا حتی به راحتی کدهاشو copy paste کنید.


https://daisyui.com/

https://flowbite.com/

https://lnkd.in/es_YBCFg

https://lnkd.in/e9dVNgYU

https://nextui.org/

https://ui.shadcn.com/

https://merakiui.com/

https://www.hyperui.dev/

https://tailblocks.cc/

https://mambaui.com/

#front_end
#css

💻@DevAcaademy
💬@DevAcademyGroup

🔷روز شنبه میخوایم با امير یکی از بک اند کارهای خوبمون یه گفت و گوی دوستانه داشته باشیم و برامون از تجربیاتش تو مسیر مهاجرت کاری به کانادا بگه

🔷خوشحال میشیم شما هم کنارمون باشید

🔷راستی اگر سوالی هم دارید که دوست دارید از امير بپرسیم، زیر همين پست برامون بنویسید.
⬇️⬇️⬇️

📆 افزودن به تقویم

🔗لینک میت جلسه

@DevAcaademy
@DevAcademyGroup

Front End Roadmap

وقتی میگه فرانت فقط یه html,css دیگه😁

#front_end

💻@DevAcaademy
💬@DevAcademyGroup