Web Design Blog

Resources and guide: Becoming a front end developer

Getting started: things you needEquipmentFinancesTime commitmentSelf-careWrite down your list of affirmations. ## Some affirmations that will help you through this journey:You are already smart enough to be a web developer.You are capable of amazing things.You can make things happen.You can do anything you set your mind to.You are competent.Your creative power will help you succeed in this journey.Break day: Give yourself at least one day a week to rest and recharge. I love break days! These are my days to “nurture myself” and have “me time”. I usually paint, go on a hike, do something creative, create a DIY project, hang out with friends, nap, sleep in, watch F.R.I.E.N.D.S, drink chai all day long or watch a cute feel-good movie.List of accomplishments: As you progress through this journey, keep a written list of things you have accomplished. Items on this list could be as small as completing a chapter on time, or solving a hard coding problem. Everything counts! This list is a proof that you are growing!Inspiration sources:List of people who inspire you mentors.Write down what about these people are you inspired by.Reach out to a few of these people to let them know of the journey you are embarking on, and see if they would be willing to help out. Most people are happy to offer any help and support they can.List of “cool project ideas”: These will be your inspirations for building cool things. The idea can be anything – an app you always wanted to build, an improvement you wanted to see in an app, a funny meme bot you wanted to generate. We will be using this list of ideas to build projects. Some examples are:Support group:reach out to your group of friends who make you feel proud of yourself and let them know of the journey you are embarking on. These people will be your cheerleaders throughout this process.other new developers in the industry. you can find people with similar interest on the same journey as you by attending local meetups in your area. A popular online version of meetups group is Discord. Check out this list of Discord servers for developers joining discord servers or facebook groups.100 Days of Code is an amazing community of individuals who are getting started with coding. This is how I kept myself motivated when I was learning to code, applying for jobs and preparing for interviews.ResourcesOnline resourcesBootcampsBooksPodcastsBlog sites with awesome articlesChecklists and roadmapsPaid ResourcesOnline resourcesBooksBootcamp processSKILL: Learn the fundamentals from a resource of your choice:HTMLCSSJavaScript.PROJECT: Build a portfolio web page using the skills you learnt so far – JS, HTML, CSS. The web page should have the following:Add your name, photo, bio using semantic HTMLSetup sections for projects. We will fill these projects as we go. The projects will have an image, description and a link. Set these up with lorem ipsum text for now.SKILL: Learn git and version control. Here’s an instructional videoPROJECT:Add your portfolio to GitHub.Step Up Assignment: Setup Github pages to host your portfolio. Here’s an instructional videoSKILL: Step up your JS and CSS knowledgePROJECT: Make your portfolio mobile friendly and responsive.PROJECT: Getting ready for job interviewsPractice interview questions on InterviewCake.Practice interviews questions on Leetcode. Start with easy and slowly work your way up.SKILL: Step up challenge – learn a front-end framework.React, Vue and Angular are the top front-end frameworks in 2021. If you were to pick one, I would recommend React. Lots of companies use React in production.PROJECT: Implement the framework. – build an inspiration. Add this to your portfolio. Tasks:Fetch an API of your choice.Render data in your app.Implement search functionality.Implement auto-complete functionality.SKILL: Step up challenge: Learn a library for the framework.Learn a state management library. Redux is a good library to learn.Learn a CSS library, eg: SASSPROJECT: Implement your next inspiration idea using the library. Add to your portfolio.SKILL: Learn a testing framework: Build test coverage. Add to your portfolio. Eg: JestJOB: Get a freelance job using your portfolio. Some places to find freelance opportunities are Upwork & FiverrFind a mentor. Get feedback on your skills and portfolio.JOB: Apply for a job. You are ready.JOB: Prepare for interviewsContinue iterating.