What are the unspoken rules for frontend development?
Are you a frontend developer or are you applying for your first job as a frontend developer? Here are the things I have learned in the first year working as a frontend developer for a big consultant company in Denmark. My main experience is in the frontend framework Angular, but I believe the points in this posts will benefit you no-matter what framework you work in.
To construct this post I had a conversation with chatGPT about the point I have experienced and what else it things I should considerate. So in this post you can find ChatGPTs answer to “What are the unspoken rules for frontend developers” and further explanation to the points I find important to elaborate on. Last you will find the checklist I have next to my desk when developing frontend.
As a consultant I am assigned a task with a description of the task at hand, a link to a design with a design system and user acceptance criterias. Based on this information I should be able to solve the task. But as you quickly learn there is some unspoken rules and requirements when it comes to frontend. If you know the rules your life as a frontend developer will become much easier with fewer pull request comments and QA (Quality Assurance) tasks.
What are unspoken rules for frontend developers?
- Use a consistent coding style throughout your project.
- Optimize for performance and load time.
- Test your code on different devices and browsers.
- Keep your code well-documented and easy to understand for other developers.
- Don’t rely on layout frameworks too heavily; try to understand and use the underlying HTML and CSS concepts.
- Keep accessibility in mind when designing and coding.
- Use animation to make good user experience.
- Use version control and collaborate with other developers effectively.
- Don’t use hacky solutions; try to find a clean, efficient solution to problems.
- Be open to feedback and constructive criticism.
It is time to go into details, how do we manage to incorperate these points into our daily routines.
How to Use a consistent coding style throughout our project
how to Optimize for performance and load time in angular
How to Test our code on different devices and browsers.
how to Keep code well-documented and easy to understand for other developers.
how to Keep accessibility in mind when designing and coding?
how do I Use animation to make good user experience.
This is a lot to remember so I have created a checklist that you can print out and have next to your computer while coding. The checklist is separated into three; Before, During and After starting a new task.
I hope this can help you and make your development process more clean and fun.
You can find a link to the design here.
If you have any questions or things to add to the checklist please leave a comment and I will love to get your imputs.
Have a great day and happy coding 👩🏽💻