Startec

Startec

Journey to Front-End Web Development

Mai 16, às 20:57

·

6 min de leitura

·

0 leituras

Jump to Section Learn the basics Create projects Immerse yourself Networking Burnout/Imposter syndrome My first introduction to programming was exciting. At 12 years old, roughly, I was a part of a...
Journey to Front-End Web Development

Cover image for Journey to Front-End Web Development

Jump to Section

My first introduction to programming was exciting. At 12 years old, roughly, I was a part of a community that was modding a MMORPG, and such my passion for programming was born.

Getting more practical, I became interested in web development after following along with a friend in the U.S. Air Force who was teaching himself web development in his free time. It has been almost two years since then and I am excited to share some of what I have learned to make the process flow more smoothly for you.

Learning the Basics

New, shiny things can be very tempting to use. The same goes for the latest and greatest new framework or library that is being released. While it is beneficial to learn new frameworks and libraries, for the sake of starting out - I recommend working to master vanilla JavaScript.

Make sure that you are very familiar with the basics of the front-end, such as vanilla JavaScript and HTML. Once you have a solid familiarity with the basics, the rest comes more easily. Always remember to start off perfecting your basics!

Some of my favorite free resources to learn & practice are as follows:

Please keep in mind that while free resources are great, if you have some extra money to put towards paid resources, it may prove more helpful.

Create Projects

Perhaps the best way to showcase your newly learned knowledge - projects. As an added benefit, you will even learn new things along the way. Personally, I utilized projects as a way to build on what I already knew.

A professional portfolio page showcasing information about you is a great way to start. You can implement JavaScript, CSS, and HTML while utilizing Continuous Integration/Continuous Delivery(CI/CD) tools like GitHub.

Screenshot of Clif's professional portfolio page

With that being said, don't be afraid to make mistakes along the way. You have probably heard millions of times that everyone makes mistakes, but it's true. We all make mistakes and we will continue to do so. Mistakes can be your greatest learning opportunity.

My Mistakes

Immerse Yourself

While you are learning, consistency is key. An easy way to stay consistent is to immerse yourself into the culture. I have found that by doing things like listening to podcasts and signing up for forums/chat channels I have learned more. Listening to leaders in the industry can teach you things that you would not have even thought to learn yourself. Experience in the industry should not be taken for granted, as you can learn a lot from someone that has seen a lot.

My personal favorite has been a podcast that was recommended by a mentor of mine: Front-End Happy Hour. You can find this podcast virtually anywhere that you listen to podcasts, I use Spotify. They have a bunch of episodes with some amazing people that touch on everything front-end and more.

Screenshot of Front-End Happy Hour podcast page on Spotify

Resources

Networking

One of the most important pairs to learning is networking. Learning can only take you but so far, and that is where your networking skills come into play. I would argue that having the right people in your corner is a detrimental factor to advancing as a developer.

Personally, I found a non-profit organization through LinkedIn that was perfect for my current situation. #VetsWhoCode is a non-profit organization dedicated to helping U.S. Veterans breach into the world of web development. Since becoming a part of #VetsWhoCode, they have helped to sharpen and broaden my skills.

Screenshot of the #VetsWhoCode webpage

As I said before, I found #VetsWhoCode on LinkedIn while networking. LinkedIn is an amazing tool for networking professionally, and I would highly recommend creating yourself an account if you haven't already to assist in your job searching/networking.

Check out :

Imposter Syndrome

Something that should be more normalized to be discussed (in my opinion) is imposter syndrome as a developer. According to the Wikipedia link, imposter syndrome can be defined as a psychological occurrence in which people doubt their skills, talents, or accomplishments and have a persistent internalized fear of being exposed as frauds.

I myself have dealt with similar fears of feeling out of my depth on certain things, or like I was learning too slowly.. There is a huge ever changing bank of knowledge out there that can be sometimes overwhelming without proper direction. Once again, I recommend the Front-End Happy Hour podcast but this time, a specific episode. This episode touches on this exact topic and is a very good listen in my opinion.

Conclusion

It is a long, and challenging road to becoming a web developer. With many obstacles, huge stores of knowledge, and primarily impersonal computer work, it can be easy to get lost in the mess of it all. Use your resources, stay on track, perfect your basics, and meet new friends along the way! I can't stress the importance of enjoying the learning process, because if you do not, you will burn out.

Thank you for reading! If you stuck it out this far, reach out to me on LinkedIn here.

Resource Recap

Learning:

Community:

Networking:


Continue lendo

Showmetech

Motorola Razr Plus é o novo dobrável rival do Galaxy Z Flip
Após duas tentativas da Motorola em emplacar — novamente — telefones dobráveis, eis que temos aqui a terceira, e aparentemente bem-vinda, tentativa. Estamos falando do Motorola Razr Plus, um smartphone...

Hoje, às 15:20

DEV

Mentoring for the LGBTQ+ Community
Once unpublished, all posts by chetanan will become hidden and only accessible to themselves. If chetanan is not suspended, they can still re-publish their posts from their dashboard. Note: Once...

Hoje, às 15:13

TabNews

IA: mais um arrependido / Déficit de TI / Apple: acusação grave · NewsletterOficial
Mais um pioneiro da IA se arrepende de seu trabalho: Yoshua Bengio teria priorizado segurança em vez de utilidade se soubesse o ritmo em que a tecnologia evoluiria – ele junta-se a Geoffr...

Hoje, às 14:37

Hacker News

The Analog Thing: Analog Computing for the Future
THE ANALOG THING (THAT) THE ANALOG THING (THAT) is a high-quality, low-cost, open-source, and not-for-profit cutting-edge analog computer. THAT allows modeling dynamic systems with great speed,...

Hoje, às 14:25

TabNews

[DISCUSÃO/OPINIÕES] – Outsourcing! O que, para quem, por que sim, por que não! · dougg
Quero tentar trazer nesta minha primeira publicação, uma mistura de um breve esclarecimento sobre o que são empresas de outsourcing, como elas funcionam e ganham dinheiro, mas também, ven...

Hoje, às 13:58

TabNews

Duvida: JavaScript - Desenvolver uma aplicação que vai ler um arquivo *.json · RafaelMesquita
Bom dia a todos Estou estudando javascript e me deparei com uma dificuldade e preciso de ajuda *Objetivo do estudo: *desenvolver uma aplicação que vai ler um arquivo *.json Conteudo do in...

Hoje, às 13:43

Showmetech

Automatize suas negociações com um robô de criptomoedas
Índice Como o robô de criptomoedas Bitsgap funciona?Qual a vantagem de utilizar um robô de criptomoedas?Bitsgap é confiável? O mercado de trading tem se tornado cada vez mais popular e as possibilidades de...

Hoje, às 13:13

Hacker News

Sketch of a Post-ORM
I’ve been writing a lot of database access code as of late. It’s frustrating that in 2023, my choices are still to either write all of the boilerplate by hand, or hand all database access over to some...

Hoje, às 13:11

Showmetech

14 chuveiros elétricos para o banho dos seus sonhos
Índice Chuveiro ou Ducha?Tipos de chuveiro elétrico9 fatores importantes para considerar na hora de comprar chuveiros elétricosMelhores chuveiros elétricosDuo Shower LorenzettiFit HydraAcqua Storm Ultra...

Hoje, às 11:00

DEV

Learn about the difference between var, let, and const keywords in JavaScript and when to use them.
var, let, and const: What's the Difference in JavaScript? JavaScript is a dynamic and flexible language that allows you to declare variables in different ways. You can use var, let, or const keywords to...

Hoje, às 10:21