🦩 5 Free coding resources that helped me get my first frontend developer job
Tags: beginners, webdev, programming, javascript
Published: 2021-10-07 10:43:17

When I wanted to learn how to code I thought the only available options were either to go to university or attend a bootcamp. Given I wasn't sure if this was what I wanted to do long-term, I wasn't ready to invest. Luckily I found out about some great free online resources and some amazing communities that I am sharing in this article.

*Disclaimer: I've attended a paid bootcamp as well and paid for the Scrimba subscription plan but I do believe that all the resources mentioned together with the paid ones helped me land the job. Some of the courses I've done post-bootcamp.*

----

**Free coding courses**
1. [freeCodeCamp](https://www.freecodecamp.org/learn/)
2. [CS50](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x)
3. [Scrimba](https://scrimba.com/)
4. [JavaScript Games with Ania Kubow](https://www.youtube.com/playlist?list=PLRD1Niz0lz1uR4W3ms6DygWMjXW-6hDB_)
5. [Javascript30](https://javascript30.com/)

**Bonus:** [A Beginners Guide To Pure CSS Images](https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2)

**Communities:** [codebar](https://codebar.io/), [Coding Coach](https://mentors.codingcoach.io/) and [the Recurse Center](https://www.recurse.com/).

More details on each option below. 

----

## 5 Free coding courses

### 1. Freecodecamp

![freecodecamp demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u99t3vxx2pwb0tuayxkf.gif) 

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://www.freecodecamp.org/">>>> Sign up for freecodecamp here<<<</a></blink>
</marquee>

*It's a great resource for beginners as it doesn't require any previous experience and covers in detail basic as well as advanced concepts.*

Since joining I've completed the Responsive Web Design, the JavaScript Algorithms and Data Structures certification and the React part from the Front End Development Libraries certification. Although I had already done a course on React I choose to go through this again. It really helped as I got to go through everything again at a slower pace.

In this Responsive Web Design Certification, you'll learn  HTML and CSS and will have a few projects build on your own. What I liked about this curriculum is that you get to put everything into practice with the projects you will have to build.

In the JavaScript Algorithm and Data Structures Certification, you get to learn the fundamentals of JavaScript including variables, arrays, objects, loops, and functions. Even are already familiar with these concepts I still recommend going through them as a repetition exercise. 


Additionally, there is a Coding Interview Prep section where one can practice coding challenges in JS. 

**My advice:** don't try to do the curriculum all at once and just to complete it. Take the time to make sure you understand. Some things you will forget especially with HTML and CSS. By building things on your own these concepts will be easier to remember and hey, there is nothing wrong with going back and looking up things.

### 2. CS50: Introduction to Computer Science | Harvard University

![Prof. David J. Malan](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y57plzysin3pb94lhrcn.jpeg)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://www.edx.org/course/introduction-computer-science-harvardx-cs50x">>>> Sign up for CS50 here<<<</a></blink>
</marquee>

*Even though it's labeled as a beginner course, for me it was the most challenging one I took so far.* 

Why? First, it starts with C and then there is no walkthrough with the solutions, but you learn a lot during this struggle. I remember watching the lectures 2-3 times to realize some things just weren't discussed. That's when I bought the recommended book and improved my search skills. This is what actually happens in real life and I am grateful to have learned it early on. 

Prof. David J. Malan's energy is contagious. The passion he has teaching can make one fall in love with coding and also believe they can definitely learn it too. 

The reason I took this course was because I thought I needed a university diploma to prove I could be a real developer, and one from Harvard is not a small thing. 

They say the course can be completed in 12 weeks by investing around 10-12 hours a week. It took me around 8 months and I've reached out to various developers for help throughout the journey. Many times I wanted to through the laptop but once I've finished I felt everything was possible. 

Languages in this course include C, Python, SQL, and JavaScript plus CSS and HTML. The goal, ultimately, is for students to feel not that they “learned how to program in X” but that they “learned how to program.”

Students who earn a satisfactory score on 9 of the 9 programming assignments and submit a final project are eligible for a certificate. This is a self-paced course–you may take CS50x on your own schedule but you can also attend live via Zoom.

### 3. Scrimba

![Scrimba demo free courses](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mz55c0v2geopm0v0hj70.gif)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://scrimba.com/">>>> Sign up for Scrimba here<<<</a></blink>
</marquee>

*Ideal for beginners who want to learn Frontend Development.*

While learning CSS on freecodecamp I was told that there are 2 courses that might explain better [Flexbox](https://scrimba.com/learn/flexbox) and [CSS Grid](https://scrimba.com/learn/cssgrid), on Scrimba. Once I started going through the course I've found this platform to be amazing. It's because you can pause the course and immediately code in the course. Cannot explain it very well you have to try it yourself.

Besides this, I've completed also the [Learn UI Design Fundamentals](https://scrimba.com/learn/design), [Learn React course](https://scrimba.com/learn/learnreact) and [Build and deploy your portfolio](https://scrimba.com/learn/portfolio).

Since I've joined Scrimba they have created a **paid subscription** which can be around 15 Euros per month (depending on where you are located and the plan you choose) which gives you access to all paid courses as well as the [The Frontend Developer Career Path](https://scrimba.com/learn/frontend). Before paying though I recommend trying it out and doing the free courses. There are plenty of them and if you feel you want more then sign up.

I did 80% of the Frontend Developer Career Path and as a bootcamp graduate can tell you this is an incredibly valuable course that includes way more material.


### 4. JavaScript Games with Ania Kubow

![JavaScript Games with Ania Kubow Youtube Playlist](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hvvqeolt4hzkbdlqjjj.gif)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://www.youtube.com/playlist?list=PLRD1Niz0lz1uR4W3ms6DygWMjXW-6hDB_">>>> Checkout the JavaScript Games with Ania Kubow playlist on YouTube<<<</a></blink>
</marquee>

*To go to these you need to have a basic understanding of JS, HTML and CSS.*

This was one of my favorite JS tutorials. There are no frameworks involved and you get to build retro games that you might have played growing up if you were born in the 80s. From PacMan to the Nokia 3310 Snake game to a Tetris game and way more, with these tutorials you not only get a better JS understanding but you also have something to show off in your portfolio. 

[Ania Kubow](https://twitter.com/ania_kubow?lang=en) is an amazing teacher, who explains very well what she is building so I highly recommend following her on YouTube where all her videos and tutorials can be found. Good stuff I promise! 

[Here's a demo of my Nokia Snake Game](https://stefi.codes/Nokia3310-Snake/) build with Ania's tutorial.

### 5. JavaScript30

![JS30 website screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yres582qsl981x86ph22.png)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://javascript30.com/">>>> Sign up for JavaScript30 here<<<</a></blink>
</marquee>

*To go through this course you have to already know the basics of JavaScript.*

Repetition is the mother of learning. The more I code, the better I get at it which makes it seem easier. Therefore I signed up for JS30. It has 30 chapters/challenges which take between 30-60 min to complete. It won't involve any frameworks or libraries.

I'm currently at 21/30 and I can tell you I've learned a lot of new things, understood better some concepts, and had fun too. 


------

### Bonus: A Beginners Guide To Pure CSS Images

![Screenshot A Beginners Guide To Pure CSS Images article](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nv230lms80g7io3rx4f3.png)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2">>>> Checkout the beginners guide to pure css images here<<<</a></blink>
</marquee>

*CSS basic knowledge required.*

When browsing on [Codepen](https://codepen.com/) I've kept seeing amazing art being created with only CSS. I looked at the code but was quite intimidated by it and thought I'd never be able to do something similar. One day I decided to look into it and searched for a  beginner’s guide. 

[Michael Mangialardi](https://twitter.com/michaelmangial1?lang=en) wrote a great intro guide on the topic. After following this I got a better basic understanding and tried to create a few myself like the one shared below. If you'd like to get started I recommend starting with this detailed explanation of how to create pure CSS images. It starts with an overview and then you will learn how to create a Koala in pure CSS in less than an hour. Total fun!

![Screenshot Recurse Center Logo made with CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lr67m2ygaipzjit5tgs7.png)

Code at:  https://codepen.io/stefi23/pen/poEpeNX

------

## Communities:
### 1.Codebar

![codebar event](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ygfbmrsf79hud1rs1nyo.jpeg)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://codebar.io/">>>> Checkout codebar here<<<</a></blink>
</marquee>

Codebar is a non-profit organization that facilitates the growth of a diverse tech community by running regular programming workshops in various cities around the world, currently running remotely. Besides their meetups, codebar has a very active Slack channel where you can ask for help on #helpdesk or find out about events as well as jobs. 

What I like about the community is how involved they are in helping minorities get into tech. They are all volunteers that offer their time to help people with code. They played  crucial role in journey becoming a developer. 

Sign up for the next codebar event either as a coach or student at [https://codebar.io/events](https://codebar.io/events).

### 2. The Recurse Center
![cover recurse center](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wmxtudiah883poiu0fk1.png)

*RC is a free educational retreat for people who already know how to program, and for programmers of all experience levels. In oder to attend a batch you have to get through an application process and get accepted.*

It is quite hard to describe what doing a batch at the Recurse Center is like, I'd say it's a life-changing experience. I've learned and grew a tone! I can't even believe it. Of course, I wish I've done more but luckily I'm never graduating and the journey will continue 🐙

At RC you are surrounded by programmers of all levels who program in different languages. You don't have any set curriculum and can work on any project you want or get into play with a technology you're curious about. The only goal is to become a better programmer by the end of it and along the way you will get  the support needed.


The Recurse Center is a free 12-week programming retreat in New York where you can go to learn fun new things about programming. I've done a remote batch in Spring 2020. RC is about learning whatever interests you and allowing yourself to change your mind. As a junior, I've had a lot of pairing opportunities, got code reviews, was able to give a talk and learned a lot from my peers through various groups. Besides coding, we also had a feelings checking and job support group. 

### 3.Coding Coach

![Demo search on Coding Coach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fh27q8lxz8ohdknebdnv.gif)

<marquee class="calltoaction">
   <blink><a target="_blank" href="https://mentors.codingcoach.io/">>>> Checkout Coding Coach here<<<</a></blink>
</marquee>

Coding Coach is a free, open-source platform that aims to connect software developers and mentors all over the world. You can filter by technology, language and country. Once you have an account you can get the contact details and reach out to a mentor and ask if they are available to help. Here I've found a few wonderful coaches who offered their time for free to help me.


--- 
There are other places where you can find communities for example on Twitter or there are various Discord channels, the one from Scrimba(free) or my favorite one [cassidoo's patron-only Discord chat](https://www.patreon.com/cassidoo)(paid).