Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit dd7e1b7

Browse files
Merge pull request #132 from Charlytoc/master
Updated with new version
2 parents 3f256d2 + 8a8166f commit dd7e1b7

File tree

30 files changed

+96
-40
lines changed

30 files changed

+96
-40
lines changed

‎.devcontainer/devcontainer.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
// Use 'forwardPorts' to make a list of ports inside the container available locally.
2323
// "forwardPorts": [],
2424

25-
"onCreateCommand": "npm i jest@24.8.0 -g && npm i @learnpack/learnpack@2.1.26 -g && learnpack plugins:install learnpack-html@0.0.20"
25+
"onCreateCommand": "npm i jest@24.8.0 -g && npm i @learnpack/learnpack@2.1.35 -g && learnpack plugins:install learnpack-html@0.0.20"
2626

2727
// Use 'postCreateCommand' to run commands after the container is created.
2828
// "postCreateCommand": "yarn install",

‎README.es.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,11 +88,11 @@ Cada ejercicio es una pequeña aplicación de React que contiene los siguientes
8888

8989
Gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
9090

91-
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
91+
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (run-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
9292

9393
2. [David Hay (haydavid23)](https://github.com/haydavid23), contribución: (tests) ⚠️
9494

95-
3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribución: (build-tutorial) ✅, Traducción 🌍
95+
3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribución: (run-tutorial) ✅, Traducción 🌍
9696

9797
Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas!
9898

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,11 +90,11 @@ Each exercise is a small React application containing the following files:
9090

9191
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
9292

93-
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖
93+
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) 💻 (idea) 🤔, (run-tests) ⚠️ , (pull-request-review) 👀 (run-tutorial) ✅ (documentation) 📖
9494

9595
2. [Paolo (plucodev)](https://github.com/plucodev), contribution: (bug reports) 🐛, contribution: (coder), (translation) 🌎
9696

97-
3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribution: (build-tutorial) ✅, Translation 🌍
97+
3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribution: (run-tutorial) ✅, Translation 🌍
9898

9999
<!-- hide -->
100100
This and many other exercises are built by students as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sánchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), and [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).

‎exercises/00-Welcome/README.es.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
intro: "https://www.youtube.com/watch?v=BDKdUPDez-U"
2+
intro: "https://www.youtube.com/watch?v=mZPmxx18kXo"
33
---
44

55
# ¡¡Bienvenido a los ejercicios de CSS!!
@@ -27,8 +27,8 @@ Como te habrás dado cuenta, HTML solo te permite crear sitios web básicos. Nad
2727

2828
Muchas gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
2929

30-
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentation) :book:
31-
1. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribución: (programador), (build-tests) :warning:
30+
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) :computer: (idea) 🤔, (run-tests) :warning:, (pull-request-review) :eyes: (run-tutorial) :white_check_mark: (documentation) :book:
31+
1. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribución: (programador), (run-tests) :warning:
3232

3333
Este proyecto sigue las especificaciones
3434
[all-contributors](https://github.com/kentcdodds/all-contributors)

‎exercises/00-Welcome/README.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
intro: "https://www.youtube.com/watch?v=BDKdUPDez-U"
2+
intro: "https://www.youtube.com/watch?v=AuXnQHKhjxw"
33
---
44

55
# Welcome to CSS Exercises!!
@@ -26,8 +26,9 @@ As you may have noticed, HTML allows you to create only basic websites. Nobody w
2626

2727
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
2828

29-
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) :computer: (idea) 🤔, (build-tests) :warning:, (pull-request-review) :eyes: (build-tutorial) :white_check_mark: (documentation) :book:
30-
2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribution: (coder), (build-tests) :warning:
29+
1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) :computer: (idea) 🤔, (run-tests) :warning:, (pull-request-review) :eyes: (run-tutorial) :white_check_mark: (documentation) :book:
30+
2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribution: (coder), (run-tests) :warning:
31+
3. [Charly Chacon (charlytoc)](https://github.com/charlytoc), contribution: (tutorials, corrections), 🤖
3132

3233
This project follows the
3334
[all-contributors](https://github.com/kentcdodds/all-contributors)

‎exercises/00.1-Inline-Styles/README.es.md‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
# `03` Inline Styles
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=c5JeXOnI-Sg"
3+
---
4+
5+
# `00.1` Inline styles
26

37

48
CSS trata sobre agregar estilos (styles) y diseños a tus etiquetas y elementos HTML.

‎exercises/00.1-Inline-Styles/README.md‎

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
2+
tutorial: "https://www.youtube.com/watch?v=h9WPp8gPMS8"
33
---
4-
# `01` Hello World in CSS
4+
# `00.1` Inline styles
55

66
CSS is about adding styles to our HTML elements.
77

@@ -23,15 +23,11 @@ To apply styles you always have to follow thеse steps:
2323
That is it! The rest is just semantics! 😁
2424

2525

26-
## 📝 Instructions
26+
## 📝 Instructions:
2727

28-
1. Within the `index.html` file, create the basic structure of an html page with the appropriate `<html>`, `<head>` and `<body>` tags.
29-
2. Inside of the body of the page, create an `<h1>` tag that reads "HELLO WORLD!!!".
30-
1. Set an inline style to change the text color of the tag to `color: orangered` and give it a solid red border of 1px.
28+
1. Set an inline style to change the background color of the table to green (green). For this exercise, DO NOT use the styles.css :(
3129

3230

3331
### 💡 Hint:
34-
32+
- How to use background-color: https://www.w3schools.com/cssref/pr_background-color.php
3533
- A convenient way to import the basic html structure of your web page is to just type an exclamation mark `!` and select the emmet option that will pop up in VSCode.
36-
- Read how to apply borders here: https://www.w3schools.com/css/css_border_shorthand.asp
37-
- For this exercise, do NOT use `styles.css` file or `<style>` tag.

‎exercises/01-Style-tag/README.es.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1-
2-
# `01` Hello World in CSS
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=9WrVN0rOg_k"
3+
---
4+
# `01` Style tag in CSS
35

46
Otra manera que existe de aplicar estilos es utilizar una etiqueta `<style>` en lugar de la propiedad `style`, siempre debes seguir estos pasos:
57

‎exercises/01-Style-tag/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
2+
tutorial: "https://www.youtube.com/watch?v=iDwXZoQR8EM"
33
---
44
# `01` Style tag in CSS
55

‎exercises/01.1-Add-a-style-tag/README.es.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=rX-0KNBCxrY"
3+
---
24
# `01.1` The Style Tag
35

46
Veamos otro ejemplo pero esta vez agregando la etiqueta `<style>` nosotros mismos.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /