DEV Community

loading...

5 resources you can use to learn HTML, CSS, and JavaScript by building projects

Pasca Vlad
I'm a 16 years old self-taught web developer. The technologies I work with are: Javascript HTML and CSS WordPress Git and Github I share my journey on twitter - @VladPasca5
Originally published at blog.vlddev.live ・2 min read

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. This article was first published on my Blog

1 - javascript30.com by @wesbos

This is the course I'm currently taking and I love it.

It contains 30 projects that will help you learn JavaScript better and faster

You'll get the HTML and CSS file so you can focus only on the JavaScript part if you want to

2 - frontendmentor.io by @frontendmentor

This is the best platform you can use to practice your HTML, CSS, and JavaScript skills

How it works👇🏻

1.You choose your challenge

2.Then you code the design

3.Lastly you submit your solution so you can get feedback from others

3 - @freeCodeCamp projects

At the end of each section, they give you some projects you can build

5 of them are with HTML and CSS - https://www.freecodecamp.org/learn/responsive-web-design/#responsive-web-design-projects

And another 5 of them are with JavaScript - https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#javascript-algorithms-and-data-structures-projects

4 - fun-javascript-projects.com by @chrisdixon161

This is a free series of fun JavaScript, HTML, and CSS projects

What you will build👇🏻

-Tip Calculator

-Running Tracker App

-Guess the Number

-Music Player App

And more

If you already learned the basics, this is perfect for you!

5 - udemy.com/course/50-projects-50-days by @florinpop1705 and @traversymedia

Sharpen your HTML, CSS, and JavaScript skills by building 50 quick, unique and fun mini-projects

You'll learn👇🏻

-Flexbox, CSS animations, custom properties

-DOM manipulation, events, array methods

And more

The end

I hope found this useful and if you did please let me know. If you have any question feel free to DM me on Twitter .

Discussion (4)

Collapse
violet profile image
Elena

Great list. I would also add this youtube tutorial on html css. You will build your own portfolio website at the end, which is quite handy if you are starting out and don't have a portfolio yet.

Collapse
hardyian profile image
ian hardy • Edited

Please include learn html tutorial for beginners. In this era of technology, anything digital holds a prime significance in our day-to-day life. Hence, developers have submerged themselves to create a major impact using programming languages.

Collapse
drsimplegraffiti profile image
Abayomi Ogunnusi

Thanks for this wealth of information

Collapse
jolugama profile image
JoLuGaMa👨‍💻

Thanks