Welcome to My First Repository!

Hi! This is my first repository, my first Readme and the first time I use Markdown.

Oh my Code! how I love doing things for the first time!

Adding here all the exercises I do makes my life easier when it comes to reviewing the contents I'm learning.

Module 1 .......... HTML & CSS

All the module 1 exercises are here.
To go to a specific one, open and search below.

LESSON 1 Introduction to the Web

• Exercises 1 to 6. Gazpacho recipe. First steps in HTML and CSS.

LESSON 2 My first web page

• Exercise 1: Organizing a weekly menu. Creating tables.
• Exercise 2: A clasic page. Creating a semantic page.
• Exercise 3: Colour me those links. Learning about inheritance in CSS.
• Exercise 4: Inheritance for everyone. Using inheritance for a neater code.
• Exercise 5: Knowing specificity. Practicing specificity in CSS.
• Exercise 6: Background property.

LESSON 3 Box model and DevTools

• Exercise 1: Marking. Using the <mark> tag.
• Exercise 2: Displays. Changing displays.
• Exercise 3: Image in a paragraph. Adding content.
• Exercise 4: Image between paragraphs. Practicing adding content.
• Exercise 5: Adjusting images. Practicing more with content.
• Exercise 6: Everything in its box. Using overflow.
• Exercise 7: Corchángulo Team. Aligning inline elements.
• Exercise 8: Variables CSS. Aplying variables.
• Exercise 9: DevTools: Inspector.
• Exercise 10: DevTools: Network.

LESSON 4 FlexBox

• Exercise 1: Flex and flex direction. Practicing display and both axes.
• Exercise 2: Flex wrap. Using the flex-wrap property.
• Exercise 3: Justify content y align items. Creating a horizontal list menu.
• Exercise 4: Order [Creating a news list with diverse content.]
• Exercise 5: Flex, grow, shrink and basis. [Using min-height & vh.]
• Exercise 6: Recreating a sketch. Using FlexBox.
• Exercise 7: Another sketch. [More FlexBox.]
• Exercise 8: One more sketch. [Even more Flexbox.]
• Exercise 9: Changing sizes. [Using vw and vh]

LESSON 5 CSS Positioned Layout

• Exercise 1: Horizontal list. Creating a nav "in line."
• Exercise 2: Shifting divs relatively. Moving container boxes.
• Exercise 3: Come with me. Using scroll.
• Exercise 4: Transformers. Transformations.
• Exercise 5: Boxes over boxes. Playing with position.
• Exercise 6: Cookies notice. Position fixed.
• Exercise 7: This text needs air. [Using max-width] ()
• Exercise 8: Give me PDFs. [Download link.] ()
• Exercise 9: This is an article. [Recreating a newspaper article.] ()
• Exercise 10: Web technologies.
• Exercise 11: A simple web.
• Exercise 12: Good manners.

LESSON 6 Responsive Design

• Exercise 1: Can't live without rems. Using rems
• Exercise 2:
• Exercise 3:
• Exercise 4: Using media queries.
• Exercise 5: Tag meta viewport.
• Exercise 6: Using a central column.
• Exercise 7:
• Exercise 8: Using view width and view height
• Exercise 9:

LESSON 7 Version Control System

LESSON 8 Task Automation

• Exercise 1:
• Exercise 2:
• Exercise 3:
• Exercise 4:

LESSON 9 SASS

• Exercise 1: Variables everywhere. Using variables.
• Exercise 2:
• Exercise 3:
• Exercise 4: Every pig to his own sty. Using partials.
• Exercise 5:
• Exercise 6:
• Exercise 7:
• Exercise 8:
• Exercise 9:
• Exercise 10:

LESSON 10 Web based forms

• Exercise 1:
• Exercise 2:
• Exercise 3: Recreating a form. Facebook sign-up form.
• Exercise 4:
• Exercise 5:

LESSON 11 CSS grid layout

• Exercise 1: Pink grid. Imitating a given grid layout.
• Exercise 2: Using span instead. Using span.
• Exercise 3: Using viewport. Grid from scratch using viewport.
• Exercise 4: Each element in its place. Using grid template areas.
• Exercise 5: Bootstrap. Bootstrap first contact.
• Exercise 6:
• Exercise 7:
• Exercise 8:
• Exercise 9:
• Exercise 10:

LESSON 12 CSS animations

• Exercise 1: Ease transitions. Adding transitions.
• Exercise 2: Basic dashboard. Adding transitions in a dashboard.
• Exercise 3: Pop-up. Adding a pop-up with CSS transitions.
• Exercise 4: Keyframes. Animating with keyframes.
• Exercise 5: Form label placeholder. Transitions in forms.
• Exercise 6:
• Exercise 7:
• Exercise 8:
• Exercise 9:
• Exercise 10:

Module 2 .......... JavaScript

All the module 2 exercises are here.
To go to a specific one, open and search below.

LESSON 1 Intro to programming

• Exercise 1: Outdated browser message. My first JavaScript
• Exercise 2: Fixing errors. Declaring a constant.
• Exercise 3: Hello world. Changing text.
• Exercise 4: Selecting Adalabers. Changing selections.
• Exercise 5: Protect that password. Protecting passwords.
• Exercise 6: Lorem Ipsum. Adding content.
• Exercise 7: One, two, three, answer again. Adding content in a list.
• Exercise 8: disabling buttons. Adding classes.

LESSON 2 Intro to programming II

• Exercise 2: Dayana rules.
• Exercise 3: Fruit price.
• Exercise 4: Pay me girl.
• Exercise 5: Life hours.
• Exercise 6: Hello, Lola.
• Exercise 7: Interpolate Lola.
• Exercise 8: Bitches list.
• Exercise 9: Number of letters in your name.
• Exercise 10: Picking up numbers from HTML.

LESSON 3 Conditionals

• Exercise 1: Noone without avatar.
• Exercise 2: Access control.
• Exercise 3: Complete the conditions.
• Exercise 4: Dog age to human age.
• Exercise 5: Rainbow notifications.
• Exercise 6: Ternary operator
• Exercise 7: Switch
• Exercise 8: Leap year

LESSON 4 Functions

• Exercise 1: Times for function
• Exercise 2: Average out function
• Exercise 3: Ticket with VAT
• Exercise 4: Odds or evens
• Exercise 5: querySelector for all
• Exercise 6: Errors log
• Exercise 7: Join functions
• Exercise 9: Arrow functions
• Exercise 10: Box model calculator
• T-shirt e-shop practice exercise

LESSON 5 Events

• Exercise 1: Hello click.
• Exercise 2: What's your name?
• Exercise 3: Give me ipsum.
• Exercise 4: Colored scroll.
• Exercise 5: Playing with the keyboard.
• Exercise 6: Instant info.
• Exercise 7: Another button.
• Exercise 8: More buttons.
• Exercise 9: Favourites.
• Exercise 10: What are we watching tonight?
• Exercise 11: Stop that link.

LESSON 6 Objects

• Exercise 1: Adalabers bio.
• Exercise 2: On the run.
• Exercise 3: Adalabers bio II.
• Exercise 4: Event investigation.
• Exercise 5: Elements investigation.
• Exercise 6: Creating a pear basket.
• Exercise 7: User data structure.

LESSON 7 Arrays and loops

• Exercise 1: Movies.
• Exercise 2: Exercise 2
• Exercise 3: Exercise 3
• Exercise 4: Hunter's moon.
• Exercise 5: Average.
• Exercise 6: A lot in common.
• Exercise 7: A story of Adalabers.
• Exercise 8: Alarm buttons.
• Exercise 10: Exercise 10

LESSON 9 Arrays and loops II

• Exercise 1: Little numbers.
• Exercise 2: .srebmun elttiL
• Exercise 3: The numbers.
• Exercise 4: My to-do list.
• Exercise 5: Create your X-mas tree.
• Exercise 6: Improve your X-mas tree.
• Exercise 7: That is a spruce!

PRACTICE EXERCISE Promotions

LESSON 10 Server Requests

• Exercise 1: Random movie.
• Exercise 2: Chihuahuas everywhere.
• Exercise 3: GitHub API
• Exercise 4: Repos list.
• Exercise 5: Properties type.
• Exercise 6: Dog breed.
• Exercise 7: Rendering images.
• Exercise 8: Hunting errors.

LESSON 11 Server Requests II

• Exercise 1: Star Wars API.
• Exercise 2: Star Wars Web.
• Exercise 3: Inspect SWAPI.
• Exercise 4: Knowing local storage.
• Exercise 5: My favorite theme.
• Exercise 6: A true form.
• Exercise 7: Good practices on Local Storage.
• Exercise 8: Star Wars server searches.
• Exercise 9: Linter errors.
• Exercise 10: Give me kitty gifs.

LESSON 12 Advanced DOM

• Exercise 1: 1 2 3 Let's do it again.
• Exercise 2: On a trip.
• Exercise 3: Autocompleted.
• Exercise 4: High up paragraphs.
• Exercise 5: Real anchors.
• Exercise 6: Detention.

LESSON 13 Functional Array Methods

• Exercise 1:
• Exercise 2:
• Exercise 3:
• Exercise 4:
• Exercise 5:
• Exercise 6:
• Exercise 7:
• Exercise 8:
• Exercise 9:
• Exercise 10:

LESSON 14 Asynchronous JavaScript

• Exercise 1:
• Exercise 2:
• Exercise 3:
• Exercise 4:
• Exercise 5:
• Exercise 6:
• Exercise 7:
• Exercise 8:
• Exercise 9:
• Exercise 10:

Module 3.......... React

All the module 3 exercises are here.
To go to a specific one, open and search below.

LESSON 1 Intro to React

• Exercises 1 to 3: MediaCard

LESSON 2 Intro to React II

• Exercise 1: MediaCard as component
• Exercise 2: MediaCard using props
• Exercise 3: From class to functional component
• Exercise 4: Kittens
• Exercise 5: MediaList

LESSON 3 Components in React

• Exercise 1: Mapping lists
• Exercise 2: Half page
• Exercise 3: DefaultProps
• Exercise 4: PropTypes

LESSON 4 Events in React

• Exercise 1: I hate onions
• Exercise 2: My destination
• Exercise 3: My hatred in red
• Exercise 4: See your destination
• Exercise 5: Cities
• Exercise 6: Mimimimi
• Exercise 8-9: Lifting in functional components

LESSON 5 React State

• Exercise 1: Showing related info
• Exercise 2: Blinking square
• Exercise 3: Time to sleep
• Exercise 4: Sheep counter
• Exercise 5: Advanced sheep counter
• Exercise 6: User info
• Exercise 7: Fresh fruits

LESSON 6 React Hooks

• Exercise 1:
• Exercise 2:

LESSON 7 React Forms

• Exercise 1 to 3: Movie Form

LESSON 8 Best Practices

• Exercise 1:
• Exercise 2: Little Numbers
• Exercise 3: Collapsibles
• Exercise 4:
• Exercise 5:
• Exercise 6:
• Exercise 7:
• Exercise 8:
• Exercise 9:
• Exercise 10:

LESSON 9 React Router

• Exercise 1: I like your (t)abs
• Exercise 2:

LESSON 10 Components lifecycle

• Exercise 1: Lifecycle counter
• Exercise 2: Commented counter
• Exercise 3: Functional counter
• Exercise 4: Commented functional counter
• Exercise 5:
• Exercise 6:

LESSON 11 JavaScript Testing

• Exercise 1:
• Exercise 2:
• Exercise 3:
• Exercise 4:
• Exercise 5:
• Exercise 6: