Exercises description and links
Exercise 1
Header replica
Make the header of the following webpage
Exercise 2
Reproduce the following pictures with HTML and CSS
Exercise 3
Shapes
Replicate the following image
Requirements:
- The set of elements must be centered in the body both horizontally and vertically
- When you move the mouse over the figures, they should change color and move up a little
Bonus exercise:
- Using Javascript. By clicking the mouse on the geometric figures, they should disappear
- By clicking on the "Reset" button the geometric figures will be visible again
Exercise 4
Recipe
Make a website of a choosen recipe with the following design
Bootstrap / TaildWind
Cities in the world
Using Bootstrap or TaildWind reproduce the following design:
Square pants Bob
Html & CSS only
Reproduce the following image using only HTML and CSS
Javascript My first Crud
Simple To Do List
Create a CRUD that includes:
- Create an element
- Delete an element
- Edit an element
- Check the data
Added some extra: Theme Color Template
JavaScript
Micro exercises
- Make a program that writes in the screen a text saying "¡Hello World!"
- Make the program print the result of 3+5
- Make a program that asks the user's name and prints on screem something waving the user
- Make it ask you a number, another number, and write the outcome of adding both numbers.
Requirements:
Using JavaScript
The exercises must show on the website, not on the console
JavaScript
Heads or Tails
- Create a program that reproduces the game Heads or Tails
Requirements:
Using JavaScript
JavaScript
Care Bears
- Grid practice
- Reproduce next image using grid
Requirements:
Using Grid Layout