Skip to content

Instantly share code, notes, and snippets.

@jon-a-nygaard

jon-a-nygaard/README.md

Created December 22, 2019 13:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jon-a-nygaard/d89e6a6e0067cda4761976c4e2a2a7f8 to your computer and use it in GitHub Desktop.
Save jon-a-nygaard/d89e6a6e0067cda4761976c4e2a2a7f8 to your computer and use it in GitHub Desktop.
Download ZIP
A simple beginner introduction to learning Front End Development
Raw
README.md

Introduction Courses

I do not have much experience with these, but freeCodeCamp looks like a popular and good learning platform. You should start with the Responsive Web Design Certification to learn how to make a basic website. Then continue with the JavaScript Algorithms and Data Structures Certification.

Build Your Own Website

After learning the basics you can continue with making your a personal website, and in the process start developing in a process that is more similar to a real life scenario. The end result could become a nice platform to show of your own work and skills to others.

Text Editor

The first and maybe the only tool you need to start programming is the text editor. Visual Studio Code is a free and quite popular editor.

Version control and collaboration

Keeping track of your changes when working on a project is key to finding out when and how you introduced a mistake. This is inevitable and happens to the best of developers. It is also key when collaborating with other developers, as without knowing whats what, and who did what, will be nearly impossible. A good start, and maybe the most commom path today, is learning Git and learn to use GitHub.

  1. Start by creating a GitHub account. Think through what username you choose as this will be your face outward to other developers, which could be possible employers or customers.
  2. Watch Github's Get Up and Running to get an overview.

Start your own personal project

With a GitHub account in place you can add your own GitHub Pages to create your own personal project. This is a nice way to learn, and in the process make something that you can present to others.

Before starting with your own website you could go back to freeCodeCamp, and learn about Bootstrap and jQuery in the Front End Libraries Certification. By using a well known and established front end library you will avoid inventing the wheel once again, and should help you save a lot of time. It is good to have a few of these in your toolbox to help you out on a project.

Additional material to advance your skills

  • Eloquent JavaScript a great book to improve your JavaScript knowledge.
  • You Don't Know JS another great book about JavaScript.
  • Learn one of the popular JavaScript frameworks, React, Angular, Vue, or something similar. An easy and popular choice for beginners is ReactJS, but anyone of these will help your understanding and be helpful in a new project.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment