{"resource":{"author":{"id":"3eh0kijZwMrHum8TkMqX","name":"Devtools Tech","username":"devtoolstech"},"content":{"link":"","difficulty":4,"domain":1,"type":1,"isInternal":true,"body":"The entry barrier to becoming a software engineer is quite low these days. The web is full of resources, courses, bootcamps, and AI tools to jumpstart our programming careers. However, as we advance in the industry, it’s essential to build skills that set us apart from the crowd—skills that help us transition from junior to senior engineer. This is a regularly updated collection of resources to help us develop unique, rare, and immensely valuable skills for our career growth.\r\n\r\n## Best Practices for Pull Requests\r\n\r\nTo succeed in an organisation, we must master the art of a good PR review. This video will go over some important tips that will help you in your day to day job.\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/vtqdx4j4wsg\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Learn the code secrets used by Senior Engineers\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/9g1rYWJvvzY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Learn how to think and code like a exceptional product engineer \r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/ptFGm8PNakA\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Learn to find web optimization opportunities and implement what you learn\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/VPQo0LBrVwM\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Master the Art of Debugging:  Part 1\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/jgJrVoLhVL4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Master the Art of Debugging:  Part 2\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/L4t9D7wrp2s\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Master the Art of Debugging:  Part 3\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/W1Ns64b1dGU\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## Top Coding Practices That Every Engineer Must Follow | Coding Practices With Examples\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/qiC3hGeff5c\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n\r\n## How to improve your codebase?\r\n\r\n<div style=\"position:relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px;\">\r\n<iframe\r\nstyle=\"position:absolute; top: 0; left: 0; width:100%; height: 100%; min-height: auto;\" src=\"https://www.youtube.com/embed/_yo4dcylp3s\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n</div>\r\n","languages":[],"editorConfig":"undefined"},"stats":{"views":10000,"used":0,"likes":1},"description":"","published":true,"isActive":true,"tags":["javascript","frontend","coding","ui","ux","developer tools","youtube videos"],"slug":"how-to-become-a-better-software-engineer---rid---4lmB97aZrn9z5q00FKZz","isPremium":false,"categories":[],"requires":[],"_id":"6731bf5cd34d7f4b8cccbdec","title":"How to become a better Software Engineer?","resourceId":"4lmB97aZrn9z5q00FKZz","createdAt":1731313500834,"modifiedAt":1731391309917},"currentUser":null,"isOwner":false,"recommendations":{"questions":[{"_id":"643535656577005718b91cd9","content":{"languages":["javascript","typescript"],"difficulty":1},"tags":["javascript","string","polyfills","string repeat","beginner"],"slug":"how-to-implement-string-prototype-repeat-or-string-polyfills-or-frontend-problem-solving-or-javascript-interview-question---qid---LY32aqaj5hBQCQUfU5SL","title":"How to implement String.prototype.repeat? | String Polyfills | Frontend Problem Solving | JavaScript Interview Question","questionId":"LY32aqaj5hBQCQUfU5SL"},{"_id":"6015b6a04ddda40a64cf14f8","content":{"languages":["javascript","typescript"],"difficulty":4},"tags":["javascript","frontend","arrays","interview","recursion","prototype chain","advanced javascript","arrow functions"],"slug":"how-to-create-a-flat-version-of-a-deeply-nested-array-programming-interview-question---qid---l5Qx4LJ7glelCkIxQjXB","title":"How to create a flat version of a deeply nested array? [Programming Interview Question]","questionId":"l5Qx4LJ7glelCkIxQjXB"},{"_id":"5ec64c745b57cb40dd43fa36","content":{"difficulty":2,"languages":"javascript"},"tags":["javascript","copy"],"slug":"what-will-be-the-output-for-the-following-question-copying-in-javascript---qid---EDnrbA2C1m3ZyP33KiuL","title":"What will be the output for the following question (Copying in JavaScript)?","questionId":"EDnrbA2C1m3ZyP33KiuL"},{"_id":"643c21086577005718b99cde","content":{"languages":["react"],"difficulty":4},"tags":["frontend","coding","devtools tech","pair programming","debugging round","questions","code bugs","debugging interview questions","codemasters","egghead","frontend masters"],"slug":"debug-and-fix-the-feedback-modal-component-in-react-js-or-frontend-coding-challenge-or-debugging-round-or-javascript---qid---jCqxBMNpGb94s8DXYat5","title":"Debug and Fix the Feedback Modal Component in React.js | Frontend Coding Challenge | Debugging Round | JavaScript","questionId":"jCqxBMNpGb94s8DXYat5"},{"_id":"626657561195627fe9f1b3cb","content":{"languages":["javascript","typescript"],"difficulty":2},"tags":["","javascript","frontend","node.js","array","javascript engines","frontend fundamentals","advanced frontend","interviews","array indexof"," polyfills","devtools tech","frontend masters","egghead.io.codedamn","ui interviews"],"slug":"how-to-implement-array-indexof-from-scratch-or-javascript-interview-question-or-problem-solving-or-javascript-polyfills---qid---uiKZDYRDupbHmsdteY4i","title":"How to implement Array indexOf from scratch? | JavaScript Interview Question | Problem Solving | JavaScript Polyfills","questionId":"uiKZDYRDupbHmsdteY4i"}],"resources":[{"_id":"62d3b928d3473370ac372879","content":{"difficulty":4,"domain":2,"type":2,"isInternal":false},"tags":["javascript","promises","async programming","advanced javascript","interview question","frontend","coding"],"slug":"javascript-promises-fundamentals-every-engineer-should-know-or-part-2-or-event-loop-or-microtasks---rid---oBrzK6Mt7HNAnKBT3ogC","title":"JavaScript Promises Fundamentals Every Engineer Should Know | Part 2 | Event Loop | MicroTasks","resourceId":"oBrzK6Mt7HNAnKBT3ogC"},{"_id":"69a52acc92f33c7d8a9f6107","content":{"difficulty":4,"domain":1,"type":2,"isInternal":false,"languages":[]},"tags":["javascript","ui","ux","devtools tech","tutorial","rendering","coding"],"slug":"how-react-ssr-actually-works-without-frameworks---rid---8decG2azJUycVwuG2WQE","title":"How React SSR Actually Works (Without Frameworks)","resourceId":"8decG2azJUycVwuG2WQE"},{"_id":"5f2c0c39f81d6d48b5c4cd06","content":{"difficulty":1,"domain":2,"type":1},"tags":["frontend","html","css","webpage performance","css3","page load times"],"slug":"content-visibility-the-new-css-property-that-boosts-your-rendering-performance---rid---qB5R8n3HZ3NWdukfs7zu","title":"content-visibility: the new CSS property that boosts your rendering performance","resourceId":"qB5R8n3HZ3NWdukfs7zu"},{"_id":"696e3462132ce4e954ba3a52","content":{"difficulty":4,"domain":2,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","devtools tech","flipkart interview experience","code"],"slug":"flipkart-frontend-interview-experience-or-ui-engineer-2---rid---2GUVrdNW6ka6fdh0xcbU","title":"Flipkart Frontend Interview Experience | UI Engineer 2","resourceId":"2GUVrdNW6ka6fdh0xcbU"},{"_id":"6a12e5684b3e6d922c54a0e9","content":{"difficulty":1,"domain":1,"type":1,"isInternal":true,"languages":[]},"tags":["javascript","ui","ux","devtools tech","tutorials","blogs","react","image optimisation","responsive images","web performance"],"slug":"responsive-images-srcset-sizes-and-picture---rid---YlLGKU8oqpo6ivZBG2mI","title":"Responsive Images: srcset, sizes, and picture","resourceId":"YlLGKU8oqpo6ivZBG2mI"}]}}