Learn Html and css

html-css
web-development

Before Starting Full Stack Development

html-css
layouts

Build a Digital Postcard with HTML/CSS

beginner

Replicate this postcard with CSS and HTML

html-css
javascript
sorting-algorithms

Bubble Sorting Cards

intermediate

Practice building algorithms by doing a bubble-sorting algorithm and displaying it on a website

html-css

Create a HTML5 form

beginner

Create a HTML5 form with all the typical inputs

bootstrap
html-css

Bootstrap Tutorial: Learn Bootstrap 5 in 10 minutes

html-css
javascript
the-dom

Code an Excuse Generator in Javascript

beginner

Disneyland for procrastinators. Learning Javascript? This excuse generator tutorial takes no more than 20 lines of code and can save you for the rest of your life!

html-css

Learn the basics of HTML Interactively

easy

Learn the most popular HTML Tags and how to used them with real life interactive examples, automatic grading and video solutions

html-css
javascript
the-dom

Learn how to manipulate The DOM with JS

easy

Step by step, go over all the most important DOM concepts and methods: Use javascript to manipulate styles, html elements.

html-css
javascript
vanilla-js

Battleship with Vanilla.js

intermediate

Use your DOM knowledge, HTML/CSS and Javascript to create a battleship game for one person only

html-css
git
github

Building a website collaborative

easy

Build website among a team of several collaborators

html-css

CSS Drawing Goku

hard

Use your CSS knowledge to draw Goku using Position and Display properties.

html-css
javascript
the-dom

Random Card Generator

beginner

Use your CSS/HTML/JS skills to randomly draw a poker card on every website refresh.

bootstrap
html-css
layouts

Instagram Photo Feed with Bootstrap

easy

This is an improved version of the first instagram exercise, now using bootstrap.

html-css

What is HTML? It's time to learn HTML and its structure

html-css
javascript
events

Todolist with Vanilla JS (no framework)

easy

Create a simple todo web app using vanilla js

html-css
javascript
vanilla-js

Sorting Cards with Select

intermediate

Practice building algorithms by doing a selection-sorting algorithm and displaying it on a website

html-css
web-development
debugging

Debugging CSS Code

Debugging css code faster and more efficiently. Save more than 50% of your debugging time when coding CSS.

bootstrap
html-css

Bootstrap Tutorial: Learn Bootstrap 4 in 10 minutes

html-css
layouts

Instagram Post

beginner

Replicate a single instagram post using HTML and CSS

bootstrap
html-css

Learn Bootstrap Tutorial

easy

A complete tutorial list of small targeted exercises that will show the most usefull things you need to learn about bootstrap

html-css
layouts

Build Website Layouts with CSS

easy

Learn how to build layouts with an interactive and auto-graded tutorial.

html-css
javascript
events

Pop Balloons using HTML/CSS and a little Javascript

easy

Practice your entry-level skills in Javascript, The DOM and HTML/CSS by building a Pop Balloons Game.

html-css
layouts
flex-box

Product Page in plain HTML/CSS

easy

Create an eCommerce Product Landing Page using standard HTML/CSS, no bootstrap or any other css framework.

html-css
javascript
Conditions

Conditional Profile Card Generator

beginner

Practice conditions, render a profile card based on a series of variables that could change in value during runtime like: username, avatar, etc.

html-css
inputs
forms

Understanding HTML Input HTML Text Area and Forms...

HTML Forms, HTML input and HTML text-area are really easy to understand, and they are the ONLY way to make interactive websites without AJAX. These very basic concepts represent 90% of everything you will ever need to know about forms .