import Bold from '../components/article/Bold';
import BigQuotes from '../components/article/BigQuotes';
import Anchor from '../components/article/Anchor';

FrontEnd development is a versatile practice with many focus points that make it _easy_ to get lost when starting out. FrontEnd development beginners have to navigate rough waters and find their lighthouse amidst an ocean of opinions, tutorials, books, best practice claims, and online courses.

![Learners searching for their lighthouse](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731817/article/fe-beginner-mistakes/lost_lighthouse_gy3e6z.jpg)

When dealing with learning a huge discipline like FrontEnd development, however, there are common mistakes beginners tend to share.

I’ve sourced feedback from highly qualified fellow FrontEnd developers. Each has been in the field for years, with impressive track records and contributions to the tech world. I’ve spoken with self-starters, freelancers, FAANG engineers, open-source contributors, startup engineers, and Indie Developers to accumulate this list. **Avoid making these mistakes and you’ll be well on your way to mastering the FrontEnd craft!**

## Patience

Patience and perseverance are recurring mentioned themes among the experts. Beginners in the web development discipline tend to be overeager to get hired without giving themselves the time to truly learn and master the craft.

Learning web development is no easy task that can be rushed. Beginners find themselves getting caught up in a “become a dev quick” scheme, which has recently become advertised like it’s a timeboxed guaranteed fitness plan.

_“Master FrontEnd development in 3 months by following this guide!"_... should say no one, ever.

![Timeboxed Unrealistic FrontEnd Beginners Guide](https://res.cloudinary.com/bytesizedpieces/image/upload/v1665888612/article/fe-beginner-mistakes/imageedit_2_9143051473_kha9bt.png)

Do not fall for these ploys to rope you into an inauthentic experience. Learning how to develop applications is a journey filled with trial and tribulation, and the experts want you to persevere through them without becoming disillusioned. Becoming a software engineer is well worth the journey, but success will not be handed to you.

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
One mistake beginners make often is not giving yourself the permission to <Bold>take your time to actually learn this stuff</Bold>. Everyone is racing to learn something to get hired as soon as possible but <Bold>learning isn’t a race</Bold>. So they end up with so many knowledge gaps but also, due to the insane time tables, they also end up discouraged if they do not succeed as quickly as possible. Just the other day I had a comment "I have been learning for 5 months! I feel hopeless! No one hires juniors anymore!" 5 months?! Took me way longer to land a job! But because you hear the constant tale of "3 months to land a job in tech!" and the timeline just isn't going to be there for the vast majority. Sure, some may be able to do it, but for most people, it will take a bit longer. <Bold>You need to know and understand the concepts to build a career out of this. Take the time to learn, so you can build a strong career that earns!</Bold>

 
 

-<Anchor href="https://www.linkedin.com/in/dthompsondev/">Danny Thompson</Anchor> (developer community leader/educator helping people get jobs in tech)
</BigQuotes>

Learning to become a software engineer takes time that varies for every person. Sotware development is not something that can be forced into a specific time period, despite the natural desire to want to know _exactly_ when you will be ready. Forcing oneself to learn something so broad can lead to dangerous repercussions. Feelings of <Anchor href="https://www.bytesizedpieces.com/posts/overcome-imposter-syndrome">imposter syndrome</Anchor> or inability could be avoided if beginners ensure they set realistic expectations for their journey, and avoid referring to others for timelines.

![Imposter Syndrome Visual as intersection between something “easy” and discounting value](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731847/article/fe-beginner-mistakes/imposter_syndrome_od84iz.jpg)

Maxime is another expert with a different background than Danny Thompson. Maxime is an Indie developer, working on his recent product Birdy. He shares the belief with Danny Thompson that patience is key. He also puts emphasis on picking what you start learning by the supporting community size, applying necessary filters to the courses you choose to take, and above all applying the craft while learning — building!

![Build your apps!](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731854/article/fe-beginner-mistakes/build_gtdqgw.gif)

### Build to learn

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
I’m always thinking about the macro picture when it comes to beginners starting off with learning application development. The biggest mistake is a lack of <Bold>self-discipline and persistence</Bold>. It’s not easy. It will suck. But you gotta keep doing it over and over again to get good at it. It’s like anything you want to learn in life. <Bold>Therefore on the macro level, the biggest mistake beginners make from what I see is giving up too soon</Bold>.

 
 

As far as micro mistakes:
 
1. The biggest of them all: Not learning by building. Find something you want to build and that you are excited about building. It can be anything. Then learn <Bold>only</Bold> what is necessary to build this product. You will improve so much faster and assimilate so much more information by building.
 
2. Using a framework that doesn’t have as big a community or as much documentation. When you are starting out, you will have so many issues. If you can’t rely on the community and documentation you are screwed as a beginner. So I would value this over anything else. Pick the most popular framework. React. Only pick the most popular stack. Go on google trends. Check the GitHub stars. Check the npm downloads. Pick the most popular.
 
3. Not choosing Javascript. It’s the same as the above. You want the largest community. The biggest ecosystem. The most support. Javascript is very beginner friendly with amazing courses and tutorials out there.
 
4. Pick a good Udemy course. The highest rated and the <Bold>most recent</Bold>. Watch just enough so that you have a solid base to start building (point #1). When you are building your project and you feel stuck/overwhelmed, go back to the course, it’s time for another learning session. Once you feel like you are a little bit more comfortable, back to building. Build as much as you can.


-<Bold>Maxime Dupré</Bold> (Maker of <Anchor href="http://birdy.so">Birdy</Anchor> & senior dev with 15 years of full-stack web development experience)
</BigQuotes>

### Master the Fundamentals

Mastering the fundamentals is one goal that should be more obvious for beginners, however, given the plethora of routes that can be taken, many get derailed or think they have learned enough before moving on.

![Master the fundamentals for excellence](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731864/article/fe-beginner-mistakes/master_fundamentals_pvoq7o.jpg)

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
What I have found in beginners is they tend to learn the surface level of a language. To be a developer is to question things, to dig deep, to have the curiosity to understand how something truly is working. This drive to <Bold>understand details end-to-end will ultimately lead you to those deeper concepts and provide you with the well rounded understanding you will need to easily pick up the next big thing</Bold>.
 
 
For instance, many tend to leap right into learning ReactJS because it’s what is observed on job requirements or what many are using. This is synonymous to running before walking. ReactJS is built on Javascript. Ultimately learners end up running into some weird behavior or problems that feel unexpected, and a lack of understanding of the basics are to blame. Learn Javascript first, wholly and completely so you aren’t forced to take steps backwards.
 
 
<Bold>Javascript fundamentals are critical</Bold> both to the interview for the job and doing the job itself. So as much as you may feel like it isn’t worth the time, <Bold>make sure to learn the fundamentals</Bold>, and trust that it will fast forward your learning capability AND your career!
 
 
-<Bold>Stefana Gloginic</Bold> (creator of <Anchor href="https://bytesizedpieces.com/">ByteSizedPieces</Anchor>) and Senior Software Engineer at Disney/Hulu
</BigQuotes>

## Be Wary of Dated Teachings

One danger of learning online is ensuring that the teachings are still relevant and provided by a trusted source that delivers high quality content. Oftentimes, lack of familiarity and awareness leads beginners to learn dated or incorrect concepts.

Referring to official documentation has a high chance of being accurate, relevant and maybe most importantly, reliable.

![Documentation illustration](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731872/article/fe-beginner-mistakes/documentation_qdoiuz.png)

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
People tend to google “Tutorial for X” and then go for some video course or tutorial because that was the medium they wanted to go to. They end up with a video course that is outdated 5 years, wasting hours of precious time to learn outdated concepts.
 
 
Meanwhile, the <Bold>official documentation</Bold> for whatever they want to learn is probably the most up-to-date source to read. Also, once they get on a job and have to learn “smaller” things, it might be the only source on the topic. Reading docs is an important skill — and has to be trained as well. So I’d always encourage people that want to get into a topic to spend at least one hour on the official docs. If they don’t like the style of writing or find them confusing, they can still go for a tutorial or video course afterwards — and might already have some knowledge that allows them to judge if the content they are watching is up-to-date and relevant or not.
 
 
-<Bold>Lenz Weber-Tronic</Bold> (Senior FullStack Developer and Redux Toolkit maintainer)
</BigQuotes>

## Learn crafts relevant to FrontEnd

Many experts found that once they grasped the fundamentals, what helped jumpstart and accelerate their career was becoming skilled in crafts that were highly relevant to FrontEnd development, but not necessarily “required”.

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
I think the biggest mistake is people jumping from technology to technology without actually focusing on what they want to become. If you want to be a front-end dev — learn HTML, CSS, JavaScript, and a framework. Work and focus on those over learning anything else. Build tons of sites, post them on social media, and blog about how you built them.
 
 
Also, study design and when you visit a website, write down what you like and dislike about it. Put in as many hours as you can to become the best front-end developer that you can be. Over time it will pay off, people will take notice and you’ll be getting offers without even having to apply for positions.
 
 
-<Anchor href="https://www.thejackforge.com/">Jack Forge</Anchor> (freelancer who focuses on quick builds for agencies and content creators)
</BigQuotes>

Jack Forge emphasizes that after focusing on learning the basics, first HTML, CSS, Javascript, and a framework, building leads to growth. Typically in an industry setting, there is a separation of concern that happens to enable a streamlined assembly line for rapid product delivery. The notion of craft specialization runs strong. However, having an understanding of design understandably unlocks the ability to make decisions that represent the consumer's best interests. Engineers tend to understand the implications of designs. With experience, we start to develop the skill to determine whether a design will have a detrimental impact for the consumer. Therefore having the capability to provide feedback and work with the design team on a deeper level is valuable. It also enables us to solo work on our own applications!

![Design workflow](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731884/article/fe-beginner-mistakes/design_thought_wibp4m.png)

Dagobert, another expert finds that learning design was a game changer for his career. He landed roles that were design heavy and eventually built a startup, <Anchor href="http://logology.co">Logology</Anchor> around the design premise.

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
My tip is to also get into <Bold>learning graphic design / ux / ui</Bold>. Because as a frontend dev, a big part of your value is your ability to make pixel perfect designs and really make a figma file shine throughout your work. But if you don't have any design skill you won't know how to do it well.

<Bold> Also learning design on the side was a game changer for me</Bold>. Then it gave me a big advantage when trying to get hired in companies that focused on that aspect a lot.
 
 
-<Bold>Dagobert Renouf</Bold> (been a software-engineer for 18 years mostly specializing in FrontEnd. The highlight was when I was tasked to rebuild the univision mobile apps aka a big tv channel in USA in 2017. Now working on my startup <Anchor href="http://logology.co">Logology</Anchor> full time for 4 years with my wife)
</BigQuotes>

Eddie Jaoude, an open source contributor for LinkFree stressed the importance of learning related skills to FrontEnd as well. Although his emphasis is targetted toward staying in the realm of development oriented building.

<BigQuotes styles={{'fontSize': '18px', 'fontStyle': 'italic', 'fontWeight': '400'}}>
Some common mistakes beginners make are:
 
 
1. Not <Bold>looking into end to end testing</Bold> sooner (for example Cypress)
 
2. Not having an appreciation for backend (API, Database)
 
 
People want to improve their frontend craft and I understand that. But knowing a few more React features is not impressive. Knowing how to test that project, and to make sure the quality is high and consistently kept high will add a lot more value to the project.
 
 
-<Bold>Eddie Jaoude</Bold> (15+ years experience in fullstack and DevOps, currently contributing to EddieHub’s <Anchor href="https://github.com/EddieHubCommunity/LinkFree">LinkFree</Anchor> project aka the open source alternative to LinkTree)
</BigQuotes>

![Automation Testing with cypress](https://res.cloudinary.com/bytesizedpieces/image/upload/v1664731891/article/fe-beginner-mistakes/cypress_tf05nv.png)

Eddie wants to ensure that testing remains in the minds of learners. Tests help ensure confidence in the delivery and maintenance of products. Testing has the added benefit of ensuring a standard of high-quality. In FrontEnd disciplines particularly, testing is something that could plausibly be skirted, but absolutely should not be and serves as a distinguishing factor for a high-quality engineer.

## Conclusion

Ultimately, our FrontEnd experts of varying background bestowed advising from their experience and observation for web development beginners.

This culminates to the following:

1. Patience and perseverence is key. Nothing good comes from rushing.
2. Build applications as you go to learn
3. Master the fundamentals before moving on to the next thing
4. Be wary of dated teachings, read documentation!
5. Learn crafts related to FrontEnd, like design skills and testing

---

Remember, developers are creatures that turn coffee into code. So I'd very much appreciate if you <Anchor slug="overcome-imposter-syndrome" action="buy_coffee_overcome-imposter-syndrome_click" href={"https://www.buymeacoffee.com/stefanagloginic"} styles={{ 'display': 'inline-flex', 'alignItems': 'center' }}>bought me a coffee! <TinyIcon alt="buy me a coffee icon" styles={{
 width: '23px',
 height: '23px',
 marginLeft: '3px'
}} src={"https://res.cloudinary.com/bytesizedpieces/image/upload/v1639952578/assets/buymeacoffee_udskx4.png"} /></Anchor> I’m a new writer and I will be posting very frequently on my findings and learnings in the tech industry and beyond. Join my newsletter if you would like to stay tuned!

Thanks for reading again! ❤️

FrontEnd engineering is a versatile practice with many focus points that make it easy to get lost when starting out. Beginners have to navigate rough waters and find their lighthouse amidst an ocean of opinions, tutorials, books, best practice claims, and online courses

Overview of the common mistakes FrontEnd development learners tend to make, as shared by senior knowledgable experts in the year 2022. Patience, practice building, master fundamentals, read documentation and learn outside of FE skills are all suggested by experts

Mistakes FrontEnd development learners make in 2022

Common mistakes FrontEnd development learners make in 2022 as shared by experts

import { FormattedMessage } from 'react-intl';

import Italics from '../components/article/Italics';
import Bold from '../components/article/Bold';
import Anchor from '../components/article/Anchor';
import TinyIcon from '../components/article/TinyIcon';

![Imposter syndrome illustration](https://res.cloudinary.com/bytesizedpieces/image/upload/v1640725507/article/overcome-imposter-syndrome/imposter_syndrome_kuizai.png)

Many of us have experienced Imposter Syndrome in tech. In fact, <Italics>a staggering 58% of us in the tech industry have experienced Imposter Syndrome. </Italics>This encompasses even those in FAANG (Facebook, Apple, Amazon, Netflix, Google)…you name it. Imposter syndrome reaches far and wide, from startups to the big tech names.

So…*what exactly is Imposter Syndrome? And, why does it happen? How do we combat it?*

<Bold styles={{ 'variant': 'colors.primary' }}>Imposter Syndrome</Bold> is better known as <Bold styles={{ 'variant': 'colors.primary' }}>a collection of feelings of inadequacy that persist despite evident success.</Bold> It is a persisting feeling of self doubt, inadequacy, and can lead to serious repercussions if left to fester. Those suffering from it may experience daily stress, anxiety, even depression. It can be quite debilitating, and pushes those experiencing it into submissiveness. Whether they are job searchers, or employed, those suffering from Imposter Syndrome tend to yield to the present situation. They become compliant to their current circumstances, and fail to pursue those opportunities that are new, better, more promising.

## Why does Imposter Syndrome happen?

It really is a multidimensional problem, so, rather than go through all the different factors, I will share my experience. I have noted commonly shared traits among those in the tech industry, that, if left unchecked, can encourage these feelings of inadequacy to bubble up. But first, let me back up and talk briefly about the environment that fosters these harmful feelings. The tech industry is **competitive**, demands **perfection**, and facilitates a huge group of **overachievers**. Oftentimes, we are compared to our coworkers by evaluating our individual impact on the company and/or product. Many in tech become engulfed in this method of comparison, and it can become quite daunting, to say the least. Possessing a competitive spirit can certainly be a strength. However, it depends on our ability to internalize and accept success that can foster growth in the tech world or encourage the self doubt to rise to the surface.

## How do we treat Imposter Syndrome?

There are many ways to help give yourself the validation that you are exactly where you belong. One method involves seeking out a mentor; another person can be quite helpful to provide validation of your valuable contributions. Affirmation of your success helps break the never-ending comparison cycle that the tech industry tends to foster. Others mark goals for themselves and record their successes. This helps encourage positive thinking, and provides that self validation of your contributions and capabilities.

I personally encountered imposter syndrome that left me submissive to my company. I would watch coworkers move on to bigger, better things and would feel my heart sink as I felt I was incapable of following that lead. For me, the interview process was daunting, and even though I was comfortable in my role, I was not in the idea of one on one examination. *“Surely, the interviewers would catch on that I am a fraud…”* The fear of rejection paralyzed me into staying put. Only recently did I decide to break free and began prepping for interviews, with the mindset that I would try interviewing for smaller companies. It wouldn’t matter if I failed. I began to see acceptance, enthusiasm, and excitement about the work I had been doing. I saw the desire for fresh talent and the perspectives that I had accumulated from my personal experience in industry. This gave me the validation that I had something to offer. Now, I am filling the same shoes of those I had watched take their leave towards brighter futures. I implore those who feel like they are inadequate to take proactive steps towards a healthier mindset.

<Header>Keep moving forward, look at your accomplishments and how far you’ve come.</Header>
Remember to give yourself a pat on the back and keep in mind that there is no harm in trying. You might just surprise yourself.

---

Remember, developers are creatures that turn coffee into code. So I'd very much appreciate if you <Anchor slug="overcome-imposter-syndrome" action="buy_coffee_overcome-imposter-syndrome_click" href={"https://www.buymeacoffee.com/stefanagloginic"} styles={{ 'display': 'inline-flex', 'alignItems': 'center' }}>bought me a coffee! <TinyIcon alt="buy me a coffee icon" styles={{
 width: '23px',
 height: '23px',
 marginLeft: '3px'
}} src={"https://res.cloudinary.com/bytesizedpieces/image/upload/v1639952578/assets/buymeacoffee_udskx4.png"} /></Anchor> I’m a new writer and I will be posting very frequently on my findings and learnings in the tech industry and beyond. Join my newsletter if you would like to stay tuned!

Thanks for reading again! ❤️

Many of us have experienced Imposter Syndrome in tech. In fact, a staggering 58% of us in the tech industry have experienced Imposter Syndrome. This encompasses even those in FAANG (Facebook, Apple, Amazon, Netflix, Google)…you name it. Imposter syndrome reaches far and wide, from startups to the big tech names.

Article that discusses imposter syndrome, why people get imposter syndrome, how it affects people in the tech industry as well as how to treat imposter syndrome.

TECH INDUSTRY

Common mistakes FrontEnd development learners make in 2022 as shared by experts

FrontEnd engineering is a versatile practice with many focus points that make it easy to get lost when starting out. Beginners have to navigate rough waters and find their lighthouse amidst an ocean of opinions, tutorials, books, best practice claims, and online courses...Read more

Overcome ‘Imposter Syndrome’

Join our newsletter to read delightful bytesizedpieces every Monday!