Curated list of free courses to start or improve your Front-end career

Front end Jan 17, 2020

Just as there are paid courses to learn more about Front-end development, so there are many free ones out there that are actually very good.

I personally picked the courses based on what you must learn in order to be ready for almost any situation in the Front-end side whether you are just starting the journey as a Front-end developer or even if you are halfway there.

The following list is a mix of different topics like Markup, Transitions, Animations, Javascript... from Udemy (signup if you don't have an account yet)

HTML and CSS for Beginners - Build a Website & Launch ONLINE

HTML and CSS for Beginners course will give your all the knowledge you need to master HTML and CSS easily and quickly.

Free CSS Tutorial - HTML and CSS for Beginners - Build a Website & Launch ONLINE
<p><strong>Over 29000 students have joined</strong><br></p> <p><strong>NEW HTML & CSS code as of 2016</strong></p> <p><strong>Certification after course completion</strong></p> <p><strong>Always adding new lectures</strong></p> <p><strong>FREE Course</strong></p> <p><strong>Have you ever wanted…

CSS: Zero to Hero in CSS by Styling a Website from Scratch

Become an Expert in CSS and CSS3 With Styling, Grid, Flexbox, Animations, Transitions, and more; No experience needed!

Free CSS Tutorial - CSS: Zero to Hero in CSS by Styling a Website from Scratch
<p><strong>Do you want to learn how to style websites? Do you want to learn the industry-standard techniques that web developers use? Do you want to be able to take your website to the next level?</strong> If you are asking one of these questions, then CSS is the perfect skill for you to learn.</p>&lt;…

Javascript Essentials

Learn how Javascript works, some basic API's and finally create a mini project.

Free JavaScript Tutorial - Javascript Essentials
<p>Learn the Javascript essentials for web development or any type of programming. Learn all the basics of Javascript including primitive types, arrays, functions, assignment operators, the window object and much more. Also I’ll provide clear explanations of objects, constructors and arrays in a cle…

Learning ECMAScript The Next Generation of Javascript

Start using EcmaScript in production and own projects today.

Free ECMAscript Tutorial - Learning ECMAScript The Next Generation of Javascript
<p>Are you ready to take the next step in your applications? I am sure you always are. Join me on this course where I will teach you ECMASript new features. ES6/ES7 is the new version of JavaScript and it is awesome and if you want to become a better developer this is the right course for you.</p> …

Webpack 4: Beyond the Basics

Quick, code-driven, follow-along Javascript tutorials of Webpack, Babel, React, Angular, Vue, Redux, SSR, Typescript

Free Webpack Tutorial - Webpack 4: Beyond the Basics
<p>Welcome to the web hacker’s cookbook for building modern javascript applications using the Webpack module loader and asset bundler.</p> <p>I aim to make this Beyond the Basics course accessible to all skill levels. It’s geared towards people who’ve seen the basics and messed around a bit, but s…

Code Your First Game: Arcade Classic in JavaScript on Canvas

Program a complete game today. No special software or install required. All you need is a text editor and a web browser.

Free JavaScript Tutorial - Code Your First Game: Arcade Classic in JavaScript on Canvas
<p>At the end of this short course you’ll have programmed your first game. You’ll learn gameplay development fundamentals by really doing it – writing and running real code on your own machine.</p><p>Each step of the course has the source code attached exactly as it should look at that time (click ”…

SVG basics for beginners - concepts explained with examples

Create awesome 2D vector graphics with SVG (code) + HTML - over-the-shoulder training with detailed examples per lesson

Free SVG Tutorial - SVG basics for beginners - concepts explained with examples
<p>Are you a programmer who hates graphic design? But do you still want to create awesome <strong>2D vector graphics</strong> for your web projects? </p> <p><strong>SVG (Scalable Vector Graphics)</strong> is way to go!</p> <p>Forget mastering complicated graphic design software that have not…

React JS Frontend Web Development for Beginners

Learn React JS along with Modern JavaScript from absolute scratch. This course is a getting started guide for beginners.

Free JavaScript Tutorial - React JS Frontend Web Development for Beginners
<p><strong>Course Update: </strong>Get up and running with React Hooks building a News App</p><p><br></p><p>Welcome to <strong>learn React JS Frontend Web Development for absolute beginners.</strong> In this course you will learn the core fundamentals of React JS and Modern JavaScript so that you ca…

Learn Vue.js in Short Bites

Getting started with the VueJS framework

Free Vue JS Tutorial - Learn Vue.js in Short Bites - #1 Essentials
<p><strong>Learn Vue.js in Short Bites - #1 Essentials</strong></p><p><br></p><p>The previous title of this series used to be “Learn Vue.js in under 6 minutes”. Well, this might be overpromising. You’re not actually going to learn the complete Vue.js framework in under 6 minutes. </p><p>But every vi…

Git: Become an Expert in Git & GitHub in 4 Hours

Become an Expert in Git & GitHub by writing commands, learning theory, and taking quizzes. Learn Git today in 4 hours!

Free Git Tutorial - Git: Become an Expert in Git & GitHub in 4 Hours
<p><strong>Are you a developer looking to improve your workflow? Have you always wanted to learn source control? Are you looking to make your development workflow safer? </strong>Well, you have come to the right course.</p><p>Git is the industry-standard software for source control. With Git, you ca…

In case you don't have an Udemy account, you can get one by following this link

Special thanks for the authors of these free courses!!

Edgardo

Full-stack web and mobile developer

Buy me a coffee Could you buy me a Coffee please?