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.


jQuery is a JavaScript library which creates a layer of abstraction for DOM manipulation, event handling, animations, and more.

Many developers begin their journey into front-end start with the misconception that jQuery is an easier version of JavaScript. What most fail to realize is that jQuery can in no way replace JavaScript, and relying on it can have severe implications on your ability to thrive as a front-end developer.

Many employers even see jQuery as an impediment to a candidate, because it can show a lack of understanding of core JavaScript concepts. Thus, if you choose to learn jQuery, you must not use it as a crutch for adding behavior to your web applications.

Recommendation: Learn JavaScript like the back of your hand. Kyle Simpsonhas a ton of great (and free) online books for learning the ins-and-outs of JavaScript.

React, Vue, Angular, and more! These are some of the hot frameworks in the JavaScript community right now. But one of the biggest mistakes most beginner developers make is jumping straight into learning these tools without a strong understanding of JavaScript.

While knowledge of, and ability to work with, popular JavaScript frameworks and libraries are marketable skills to have, you must learn JavaScript before picking them up. If you fail to learn the foundations of JavaScript, you never truly learn what the features of these frameworks are doing under-the-hood.

Recommendation: Build a strong foundation of JavaScript before delving into frameworks; it’s a much more valuable skill than framework-specific knowledge. This also puts you at an advantage for technical interview questions. If you understand JavaScript to the core, you will have no problem adopting a new framework.

If you’re unsure how to begin learning JavaScript, check out my previous blog post on how to get started.

Bootstrap is a UI framework for building websites. Many developers starting out view Bootstrap as an easy way to style a web application. But in actuality, relying on Bootstrap is a huge hinderance in the eyes of employers because it shows a lack of knowledge about performance and CSS basics.

Including Bootstrap in small web applications has 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. If you have trouble designing your app, head over to dribbble for some design inspiration, or check out the templates on Wix or Squarespace.

It’s extremely important to ensure your code is modular; do not put it all into one HTML file. Not only is it bad practice to have HTML, CSS, and JavaScript into one file, it’s messy and difficult to test.

Recommendation: Break your JavaScript into an external file. This allows . you to separate functionality from your view. Once you feel comfortable with JavaScript, I recommend learning about native web components. It will greatly enhance your project architecture and make it easier to write unit tests. You can additionally consider a JavaScript framework or library like React or Vue. Both of these make it very easy to implement modular components, however be sure to understand vanilla JavaScript before tackling one of these!

One thing I often see when reviewing candidates’ portfolios and projects is the over-use of <div> and <span>. You should always be using semantic HTML5 elements. Why? Because it’s accessible.

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.

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-firstapproach.


I hope these tips have helped clarify some common misconceptions. Just remember that we all started somewhere, and it will get easier over time.

11 Comments

  1. Reply

    When you decide in your HVAC system, be sure that you
    selec a rrasonable maintenance ageement as well. Then the controls in the entire system oght to be checked to ssee if it switches on and off properly and
    runs smoothly. Sadly enough, the bottom need for shelter,
    that’s the largest single investment that many individuals is
    likely to maake in your lifetime, continues to be built
    and deteermined by existing techology which is 1000’s of yesrs old. https://heating.3stagesconstruction.com/

  2. Reply

    When you decide in your HVAC system, be sure that you select a reasonable maintenance agreerment as
    well. Thhen the controps in the entire system ought to
    be checked to see if it switches on and offf properly and
    runs smoothly. Sadly enough, the bottom need
    for shelter, that’s the largest single investment that many individuals is likely
    to make in your lifetime, continues to be built annd determined by existing technology which is 1000’s of ywars old. https://heating.3stagesconstruction.com/

Leave a comment

Your email address will not be published. Required fields are marked *