People getting started with web application development do so with the hopes of breaking into tech. Unfortunately, I often see many get on the wrong track and end up frustrated and dejected. There are a ton of tutorials and materials out there. But often many of these approaches don’t work. This post will help you identify and avoid these mistakes.
When you start to learn something new, it’s important to tackle concepts in the right sequence. If you skip certain fundamentals, you will feel lost later when you encounter more advanced topics. If you go too fast without fully internalizing a concept, you will have trouble implementing what you have learnt. This applies to all complex skills and definitely to web development.
Here are the 5 top mistakes I see beginners make when learning web development.
Mistake 1: Starting with the frontend
For example I see beginners jump right into react tutorials that gloss over how and where the data is fetched. Once someone has taken these tutorials and are left to build their own app, the first question they struggle with is: where and how do I get the data? This is exactly when people get stuck and frustrated.
Mistake 2: Not focusing on full stack end-to-end development
By learning the full stack end-to-end, you are able to adjust and work with the different paradigms regardless of where the client-server pendulum resides. You will have the necessary knowledge to evaluate backend systems, frontend frameworks and architect the right set of solutions for your problems. Complete foundational knowledge will not prevent you from going deeper in a specific area of specialization later. Rather, it will enhance your ability to contribute and work together in a team.
Mistake 3: Learning a framework instead of the language
Some frameworks have a tendency to obscure language features with additional abstractions. These abstractions exist to simplify and speed up repetitive development work. However, for beginners, not having visibility into the detailed nuts and bolts of a language leaves them without important fundamentals. Frameworks come and go, but languages have staying power. Learning the framework and not the language will leave you high and dry when the former eventually becomes obsolete. Further, without the language fundamentals you will be unable to evaluate new emerging technology in your space.
A better alternative is to learn to write boiler-plate code in order to learn and get a strong handle of the programming language. Once you know how it’s done in the native language, you can begin to explore frameworks and libraries to make your life easier and to build more complex applications. This again is an example of learning things in the right sequence to strengthen fundamentals.
Mistake 4: Going in circles in leetcode style programming exercises
Programming exercises can be great to build your coding muscles. They help you familiarize with the various aspects of a language. Also they are great for learning data structures and algorithms. However, overdoing them can leave you with strong language skills without the more practical understanding of how to build complete applications that people would use. At the end of the day, our goal as Software Engineers is to help people solve problems through technology. And the value we create is delivered through the applications we build.
Mistake 5: Not building end-to-end projects
Working on a complete application will provide you with the deepest understanding of what it takes to bring an app idea to life. There are many aspects to engineering that doesn’t have anything to do with code. Things such as how to breakdown a large problem into smaller tasks, how you to sequence the development work at each step towards a complete application. You will run into many of these situations and challenges in a team setting.
So there you have it, avoid these mistakes and you are guaranteed to be on the right track. Many of these apply to not just web development, but to software engineering in general.
So what does a better roadmap look like?
If these are the mistakes, then the obvious question is what does a better roadmap look like? I have put together a free guide for you that outlines exactly that. Check it out below.
Getting Started with Web Application Development
Sign up to receive a Free roadmap on Getting Started with Web Application Development.
The Guide includes:
- 6 Step roadmap to go from a Beginner to a Full Stack Web Application Engineer
- Each step includes details on what to focus on, traps to avoid and how to practice
- Includes a detailed glossary of common terms