My Tools as Software Engineer in Web Development - Front End
These are the tools that I use daily as a software engineer with 11 years of experience in Web Development, particularly frontend.
The points from the video are below:
- MacBook Pro 2021 maxed out - It is super fast, silent, charges fast, great screen and lots of tools work without errors when installing npm packages
- Google Chrome. It is my default browser and I spend most of my day using the Developer Tools. Mostly working in the Elements and Console tabs. The closes Browser that I saw to it in terms of Developer Tools was Mozilla Firefox
- Safari for mobile debugging. Connected to my Mac. But if I would need to debug in Chrome mobile I can use my Windows laptop and an Android phone.(didn't need it after getting a MacBook)
- Visual Studio Code for coding. I switched from Atom about 4 years ago and I enjoyed it very much because it is fast, has a lot of features and it has great extensions. Overall great experience!
- VS Code extensions: Beautify, Duplicate action for files and folders, File size, GitHub Copilot, Git History, Import Cost and will probably use Thunder Client for API testing in near future. Currently using REST Client for API requests but it only supports CURL from what I know. I think the Git experience can be improved in VS Code.
- The terminal. Both the default one from MacOs and the one from VS Code
- Google Drive for files backup. I found it that it's faster than Microsoft OneDrive. I also use a little Apple's iCloud because it's on by default on all my Apple devices.
- StackOveflow of course! Great resources out there but it could be more friendly in terms of moderation.
- MDN Web Docs and W3Schools for more details about particular features for which I need cleared details
- YouTube for background sound. I watch interviews, podcasts and some news about technology, economics and physics. Sometimes I also look for tutorials about certain coding things.
- Codecademy and Pluralsight courses from time to time or daily when I focus on learning a new thing or improving certain skills
- For inspecting design files based on which I develop web pages or components I use inspect.ceros.com or just Figma if the design is created there
- Grammarly help for writing correctly and improving my English
- This Web App(self-manager.net) for managing tasks and taking notes when the workload isn't straightforward