Below you will find a series of FREE courses and content that will help you on your way to becoming a front-end developer in 2020. If you are like me then you hate to google search for hours trying to find the right courses.
Being a front-end developer means more than just knowing HTML CSS and JavaScript. In today's world, you need to know so much more! You need to know how the internet works (yes this is a requirement). How to write HTML style it with CSS and make it come to life with JavaScript. You need to have version control on lock. You will need to know about HTTPs, CORS, and other security policies. And that is just scratching the surface of all the different things you need to know. At the beginning of my journey to becoming a front-end developer, I was frantically searching for things to study and learn. I am so scattered brained so I decided I need to create a list of things to learn and do them in order.
*Note: At the time of writing this (3/22/2020) all the courses/content listed below are free. Please create an issue if there is a course that is no longer free and I will try to update it with something comparable. Also if there are courses and content that you find explains things better, please feel free to open a PR and we can get that added!
So without further ado
| Topic | Content | What You Will Learn |
|---|---|---|
| Internet | Internet History | An overview of the internet and how it came to be (12 hours) |
| Internet | How the Web Works | How the web works provide a simplified view of what happens when you view a webpage in a web browser on your computer or phone. (5-minute read) |
| Internet | HTTP: Let’s GET It On! HTTP — an Application-Level Protocol HTTP: Response Codes |
Learn all the things about HTTP |
| HTML, CSS, JavaScript | HTML, CSS, and Javascript for Web Developers | In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS. We will then advance to learning how to code our pages such that its components rearrange and resize themselves automatically based on the size of the user’s screen. You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer. No “pinch and zoom” required! Last but certainly not least, we will get a thorough introduction to the most ubiquitous, popular, and incredibly powerful language of the web: Javascript. Using Javascript, you will be able to build a fully functional web application that utilizes Ajax to expose server-side functionality and data to the end-user. |
| HTML, CSS | Intro to HTML and CSS | In this course, you'll learn the fundamentals web development, along with best practices and professional problem-solving techniques using Developer Tools. |
| React | React-101 | You’ll develop a strong understanding of React’s most essential concepts |
HTML & CSS - Copycat of the Google homepage