Want to be a Front-End Developer

·

3 min read

Hey, I am Kavi Raj holding a B.Tech degree in Computer Science. I would like to share my experience in Web Development, want to help people by sharing my knowledge about it.

Firstly, this is my personal experience so, just pick the right thing for your journey. Secondly, you don't need any degree to start as a front-end developer you just need to get the required skills.

Where to start?

If you have a Computer Science background you can skip it or else in case you are interested then please continue reading.

Start with CS50 Introduction to Computer Science course free on freecodecamp youtube channel or edx. Go through the videos to learn the basics of Computer Science.

Front End

Front-End is what we see on our screen the text, image, links, etc all come under the front-end. Front-End is converting data into a graphical interface using HTML, CSS, Javascript

HTML

Steps to learn the language:

  • Read the Documentation from MDN.

  • Install editor of your choice(vscode,sublime,etc).

  • Start practicing what you have learned, experiment with it.

  • Build a website in HTML with links from one page to another.

  • Watch tutorials on youtube(implement it, don't just wasting time watching it all the time), read blogs.

  • Join freecodecamp curriculum.

CSS

  • Read the Documentation from MDN.

  • Learn floating, positioning, display, box-model, CSS grid, flexbox.

  • Watch tutorials on youtube, read blogs.

  • Responsive web designing.

  • Build small components from your favorite website(Twitter, Reddit, etc).

  • Try to build a static website(Google, Facebook, etc ).

Version Control

  • Watch the tutorials on youtube.

  • Basic usage of git.

  • Repo hosting services(Github).

Javascript

  • Read the Documentation from MDN.

  • Read books(Eloquent JavaScript, You Don't Know JS, etc)

  • Basic JS,DOM,fetching API/AJAX,ES6+ and modular JS.

  • Youtube tutorials, read blogs.

  • Build projects.

  • Enroll in a Bootcamp.

Bonus

  • Just code what you learn.

  • join dev community.

  • Ask questions.

Hope this will help you.Thank you for reading it