Name	Name	Last commit message	Last commit date
Latest commit History 493 Commits
module 1	module 1
module 2	module 2
module 3	module 3
README.md	README.md

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 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:

cvcastano/ejercicios-de-adalab

Folders and files

Latest commit

History

Repository files navigation