How to become Front-End Developer

In my option the best way to start your journey as a Developer (of any kind) is to start with Creative Coding in JavaScript (most popular programming language). There are few of them on Udemy:

• Code Art: Learn Creative Coding to Generate Visuals with JS
• Learn Creative Coding with Vanilla JavaScript
• Creative Coding with p5.js
• Creative Coding Self Generating Art with Javascript & P5js
• Coding for beginners: learn coding by creating art

And Domestika

• Creative Coding: Making Visuals with JavaScript
• Creative Coding 2.0 in JS: Animation, Sound, & Color
• Intro to Creative Coding: Create Graphic Objects (in French with subtitles)

After you finish with creative coding course (you can pick more than one, so to know more creative techniques) and you're wondering what to do next, read the article.

Overview

First are introduction videos from Fireship about general Computer Science, programming and Web Development. They are pretty condensed and fast pieced.

Creative Coding

If you want to just play with code, and create new thing and don't want to work as developer, or maybe no yet. You can start with Creative Coding. The Coding Train is great YouTube channel for learning new things related to programming Math, Graphics, AI, and Games with processing and P5.js library.

All aboard! The Coding Train is on its way with creative coding video tutorials on subjects ranging from the basics of programming languages like JavaScript to algorithmic art, machine learning, simulation, generative poetry, and more. Choo choo!

youtube.com

This channel will teach you more about Vanilla JavaScript (without extra libraries like P5.js).

Creative coding experiments, CSS animations, vanilla JavaScript effects, HTML canvas, game development, front-end web development & web design...https://www.udemy.com/user/frantisek-dvorak/https://twitter.com/code_laboratoryhttps://codepen.io/franksLaboratoryHi everyone, welcome to my creative coding channel. Every tutorial is coded from scratch using plain vanilla JavaScript or CSS, no libraries and no frameworks. Code is explained line by line as we go along. I think it's important to understand how things work under the hood before learning one of the big libraries like React or Angular, or even Bootstrap.Lets talk about ES6 syntax, accessibility, array manipulation, CSS transitions and so on, but let's make the examples fun. For me the best way to learn and remember a new technique is to build something different that will stand out.

youtube.com

Front-End

Here is a general overview of technologies that make up Front-End development (the stuff in web browser like Google Chrome or Firefox). This is a series of 100 seconds videos about this topic.

HTML

CSS

JavaScript

TypeScript

WASM

React

Next.js

PWA

SEO

HTML + CSS

If you want to find a job as a developer, you can follow the path of Front-End development. To do that you first need to learn about HTML and CSS, two fundamental pieces of Web platform. HTML is the structure and CSS is the style.

(This is video in Polish)

jQuery

When you know about HTML and CSS, next step is to make dynamic changes to style and DOM (Document Object Model - HTML representation in browser memory) with JavaScript. I would start with jQuery even that it's hard to find a job with that technology nowadays. But the interface of this library is so simple so it's easy to learn. Later you can learn Vanilla JavaScript or some framework like ReactJS (which is library but you don't usually use it alone).

(This is video in Polish)

JavaScript

If you're finished with jQuery and can do refresh on JavaScript.

Complete JavaScript course

Next Step is project based learning with Vanilla JavaScript.

30 JavaScript

Kurs JavaScript dla superbohaterw (in Polish)

Full 21 hours Front-End bootcamp

And this is combination of everything in one long video (don't worry you're not expected to watch it in one siting).

Description of the course

ReactJS

ReactJS is very popular library, if you know React you can much easier find a job as junior Front-End developer.

API

Last is learning about API (programming interfaces). If you know how API works you can work with Back-end developers in a team. This is very important if you want to find a job.

Learn: API Development using fun challenges (with solutions!) and interactive examples.