The 6 mistakes you're making as a new web developer and how to fix them
Learning web development is intimidating. There are so many resources and tutorials that it can quickly seem overwhelming. It’s often difficult for beginners to web development to learn the best practices and technologies to focus on. So we’re going to examine six common mistakes that beginners make and how they can be avoided.
By learning how to avoid these six mistakes, you’ll be on the road to impressing potential employers and getting your first job.
Relying On jQuery
Relying On Bootstrap
Bootstrap is a UI framework for building websites. Many developers starting out view Bootstrap as an easy way to style a web application, and while it can be useful in specific circumstances, it should not replace your knowledge of CSS and responsive web design.
Including Bootstrap in small web applications can have performance implications. It’s much easier on load-time to write the CSS code yourself. Employers would much rather see your knowledge of CSS than any UI framework.
Recommendation: Learn CSS Flexbox and Grid for a responsive layout, learn fundamentals of CSS and once you master that, learn Sass}(https://sass-lang.com/). If you have trouble designing your app, head over to [dribbble for some design inspiration, or check out the templates on Wix or Squarespace.
Not Modularizing Your Code
Not Using Semantic HTML
One thing I often see when reviewing candidates’ portfolios and projects is the over-use of
Recommendation: Really get to know the semantic elements you have available to you. Learn how to create a markup hierarchy. Additionally, learning about web accessibility is a great skill and can impress potential employers.
Not Learning Responsive Design
If you’re beginning your web development journey, responsive design skills are a must. The majority of web surfing is done on mobile devices and tablets, thus our sites must be able to respond to different screen sizes.
Recommendation: Take a course or two on responsive design. Learn how to use media queries to style your application differently. Learning Flexbox and CSS Grid will also be very useful. You might even want to take a mobile-first approach.
I hope these tips have helped clarify some common misconceptions. Just remember that we all started somewhere, and it will get easier over time.
Follow the author on twitter: @EmmaWedekind
Originally published on dev.to
Sign up now and apply for roles at companies that interest you.
Engineers who find a new job through WorksHub average a 15% increase in salary.Start with GitHubStart with TwitterStart with Stack OverflowStart with Email