Learn Html and css

• Inputs

• Forms

• HTML and CSS

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 .

• Box Model

• Layouts

• HTML and CSS

CSS Layouts: Create and Build Layouts with CSS

Building layouts is the most painful process when coding HTML & CSS. Learn the CSS layout rules: Display, Position, Float and Flex; and place any element anywhere you want.

• Bootstrap

• HTML and CSS

Bootstrap Tutorial: Learn Bootstrap 5 in 10 minutes

• Layouts

• HTML and CSS

Build a Digital Postcard with HTML/CSS

Replicate this postcard with CSS and HTML

• Javascript

• Sorting Algorithms

• HTML and CSS

Bubble Sorting Cards

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

• HTML and CSS

Create an HTML5 form

Create a HTML5 form with all the typical inputs

• Layouts

• HTML and CSS

Instagram Post Layout

Replicate a single instagram post using HTML and CSS

• Javascript

• Events

• The DOM

Pop Balloons using HTML/CSS and a little Javascript

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

• Layouts

• Flex Box

• HTML and CSS

Product Page in plain HTML/CSS

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

• Javascript

• Conditions

• HTML and CSS

Conditional Profile Card Generator

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

• HTML and CSS

Learn CSS Interactively

Learn CSS with an interactive and auto-graded tutorial with dozens of exercises.

• Javascript

• vanillajs

• The DOM

Learn how to manipulate The DOM with JS

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

• HTML and CSS

• web-development

Before Starting Full Stack Development

Quick review about concepts you need to know in CSS, HTML and JS before starting the Full Stack Development course

• HTML and 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.

• HTML and CSS

Mastering CSS Selectors

Aside from mastering the display and position CSS rules, learning how to use the CSS selectors is the most important skill you need to develop. You don't have to remember the syntax of each of them, but keep them on your radar to be able to develop the right strategies when building your CSS stylesheet.

• Javascript

• Events

• The DOM

Todolist with Vanilla JS (no framework)

Create a simple todo web app using vanilla js

• Javascript

• vanilla.js

• HTML and CSS

Sorting Cards with Select

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

• Layouts

• Flex Box

• HTML and CSS

Simple Instagram Photo Feed with HTML/CSS

Very simple instagram simulation to understand the basics of CSS and HTML5 and how to use them together to create a website.

• Resume Building

• Layouts

• Flex Box

Build your resume in HTML/CSS

Practice HTML and CSS by building your Resume.

• Javascript

• HTML and CSS

• ReactJS

The Meetup.com Clone using react.js

Use React and HTTP Fetch to create a Meetup.com clone

• Javascript

• HTML and CSS

Spotify Landing Page

Replicate a professional real-life landing page using bootstrap

• Javascript

• Bootstrap

• HTML and CSS

Landing Page with React

Create a simple landing page using React.js components

• html5

• HTML and CSS

Learn the basics of HTML Interactively

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

• Bootstrap

• css

• HTML and CSS

Learn Bootstrap Tutorial

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

• HTML and CSS

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

But really, what is HTML? HTML is to websites what columns are for buildings. Here you will learn HTML basics, the foundations of the web.

• HTML and CSS

• web-development

• debugging

Debugging HTML Code

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

• Bootstrap

• Layouts

• HTML and CSS

Instagram Photo Feed with Bootstrap

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

• javascript

• vanilla.js

• HTML and CSS

Landing Page with Javascript

Build a real life beautiful landing page without any framework and collecting leads

• Bootstrap

• Forms

• HTML and CSS

Use JS to validate an HTML Form

Use Javascript to validate the inputs of an HTML form (on submit)

• Javascript

• The DOM

• HTML and CSS

Code an Excuse Generator in Javascript

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!

• Javascript

• The DOM

• vanilla.js

Battleship with Vanilla.js

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

• GitHub

• git

• HTML and CSS

Building a Website Collaboratively

Build website among a team of several collaborators

• HTML and CSS

CSS Drawing Goku

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

• Javascript

• The DOM

• HTML and CSS

Random Card Generator

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

• Javascript

• vanillajs

• HTML and CSS

Learn how to use and interact with HTML Forms

Form validations, inputs, textarea, date inputs, etc.

• Layouts

• HTML and CSS

• CSS Grid

Build Website Layouts with CSS

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