DEV Community

loading...

Dear New Front-End Developer

Alexa Tuskey
・4 min read

It’s hard to believe, but I’ve been a front-end developer for three years now! Sometimes I have to pinch myself because I can’t believe it’s my JOB to build cool things and solve puzzles all day. It isn’t always sunshine and rainbows, but after three years I’ve finally built the confidence to accept any challenge that comes my way with minimal fear and self-doubt (but some days are tougher than others!).

Someone I’m close to recently told me that they are making a career switch to development from a very different field, and helping him work through concepts that I remember learning not so long ago has me looking at them from a new perspective. In the spirit of helping him and celebrating my anniversary, I decided to come up with a list of things that I wish I had known when I first started:

Math lady

If you’re a bootcamp grad, don’t rely SOLELY on Javascript frameworks.

My bootcamp jumped into jQuery pretty quickly, and shortly after I graduated I had to jump into my new role at work using Vue. The learning curve for Vue was super easy, and I was quickly able to adapt working on basic projects. But as my career advanced and I began working on older maintenance projects that were built without Vue, I realized that I had been using it as a shorthand crutch and that I really didn’t know many basic vanilla JS concepts. I see this a lot with new bootcamp grads who are forced quickly into React, Vue, and Angular. While these tools are awesome and quickly help you scale applications, if you don’t have fundamental understanding of Javascript you’ll drown the moment you’re out of your comfort zone. I had to work backwards and relearn a lot of the fundamentals that I had skipped over, which was tough. The lesson here: make sure you TRULY understand what you’re writing, framework or not. If your bootcamp doesn’t go into vanilla, practice on your own with sites like FreeCodeCamp and ask lots of questions.

Thumbs up kid

Learn early how to use the browser console.

In my first year, I suffered through hours of frustrating console errors that made no sense to me, and wasted time writing throwaway code in my IDE that I had no idea if it was actually helping or hurting. Once I learned how to do basic DOM queries and write functions to test my work directly in the console, I learned so much more about how the DOM worked and it saved me precious time debugging. My friend thinks these basic steps are boring and questions their usefulness, but I’m assuring him that becoming fluent now will save him a lot of headaches.

Andy breaking a computer

Break stuff. Seriously.

You will break things. Probably a lot of things. This is okay! Learning how to fix broken things gives you power. You are way more likely to understand how something works if you have the visceral memory of how you broke it in the first place and the steps you used to fix it. I love forking things in Codepen and commenting out random parts of the code piece by piece to see how it breaks to figure out how it actually works - this is how I learned the ins and outs of SVGs. It’s better to try and fail and learn from your mistakes than to not try at all and learn nothing.

Get it gurl

Find a mentor.

You don’t have to struggle alone. I was so afraid to ask for help in my first year, that I often spent hours going in circles or sitting stuck because I just couldn’t get through something. As the only female front-end developer on my team, I felt insecure asking for help because I didn’t want to look weaker than my male colleagues. My good friend Ryan took me under his wing and I learned extremely good habits and problem-solving skills from him, and he never tired of answering my questions (at least outwardly!). Don’t be afraid to ask someone to help you, and to ask for someone who inspires you to mentor you! I love helping out new developers because I empathize with the struggle of learning so much new stuff so quickly and how hard it can be, and I know other seasoned developers feel the same.

Grommet knitting angrily

Make time for an analog hobby.

Many of my dev friends stay up into the late hours coding pet projects, which is awesome. I am not one of those people. I love to code, but staring at a screen all day is draining for me in particular, and I find that investing in analog hobbies helps me feel fulfilled, well-rounded, and leaves me feeling fresh and excited to code the next day. Knitting is one of my favorite analog hobbies. I love to create things (obviously) and doing something productive and methodical that doesn’t take a lot of brainpower (except when I’m knitting lace…yikes!) gives me a peaceful, meditative end to my day. I also love to run, cook, and do yoga. In balancing these types of self-care activities with my work, I find that I have a good shield against burnout, even when things get hectic at the office.

In your first few years, it can feel like you will NEVER catch up to your knowledgable peers. It’s scary and hard and intimidating. But you WILL get there. The more you practice and dedicate yourself, the more coding will begin to feel like muscle memory. You’ll surprised yourself with the things you begin to remember, and as you form good habits you’ll solve problems more quickly. Stick with it, dear newbie, and believe in yourself.

Discussion (8)

Collapse
missamarakay profile image
Amara Graham

An analog hobby! I never thought of it like that, but you are so right!

Collapse
bendman profile image
Ben Duncan • Edited

Every one of these resonates so well. Good advice!

Collapse
gixxerblade profile image
Steve Clark 🤷‍♀️ • Edited

Great tips! As a recent graduate of a “boot camp” I think all of these tips are sound advice. I’m lucky that in my studies they had us focus on vanilla JS and didn’t even bother with any frameworks/libraries till near the end.

Collapse
t_w_lee profile image
Tim Lee

Any tips in how to learn / use browser console when coding?

Collapse
lasertuskey profile image
Alexa Tuskey Author

Absolutely!

Here are a few articles that break down some useful tips and tricks:

medium.com/@orenmagid/0-a-nice-lit...

blog.logrocket.com/keeping-it-simp...

And here is a reference for a more technical deep dive:
developers.google.com/web/tools/ch...

Hope these help you get started!

Collapse
persimone profile image
Simone

Thank you! I was going to ask the same :)

Also love what you say about having analog hobby. Especially when I started, I felt like I needed to put in the hours, all my free hours. But I had no direction and just tried to learn everything. But I ended up with no structure in my knowledge, and just bits of things I knew. Not I make myself structure my learning. And also make time consciously to be away from screens.

Collapse
t_w_lee profile image
Tim Lee

Ty!

Collapse
eerian profile image
Erion Pali

Thanks for the tips!