@ -96,10 +98,8 @@ Digamos que tiene una carpeta localmente con algún proyecto de código y desea
1. **Conecte su repositorio de Git local con GitHub**. Un repositorio de Git es bueno en su máquina, pero en algún momento desea tener una copia de seguridad de sus archivos en algún lugar y también invitar a otras personas a trabajar con usted en su repositorio. Un gran lugar para hacerlo es GitHub. Recuerde que ya hemos creado un repositorio en GitHub, por lo que lo único que debemos hacer es conectar nuestro repositorio de Git local con GitHub. El comando `git remote add` hará precisamente eso. Escriba el siguiente comando:
> Tenga en cuenta que antes de escribir el comando, vaya a la página de su repositorio de GitHub para encontrar la URL del repositorio. Lo usará en el siguiente comando. Reemplaza `repository_name` con tu URL de GitHub.
@ -108,7 +108,6 @@ Digamos que tiene una carpeta localmente con algún proyecto de código y desea
1. **Envía archivos locales a GitHub**. Hasta ahora ha creado una _conexión_ entre el repositorio local y el repositorio de GitHub. Enviemos estos archivos a GitHub con el siguiente comando `git push`, así:
```bash
git push -u origin main
```
@ -125,7 +124,6 @@ Digamos que tiene una carpeta localmente con algún proyecto de código y desea
> Sugerencia: es posible que también desee adoptar un archivo `.gitignore` para evitar que los archivos que no desea rastrear aparezcan en GitHub, como el archivo de notas que almacena en la misma carpeta pero no tiene lugar para escribir su mensaje de confirmación aquí repositorio público. Puede encontrar plantillas para archivos `.gitignore` en [.gitignore templates](github.com/github/gitignore).
#### Confirmar mensajes
Una gran línea de asunto de confirmación de Git completa la siguiente oración:
@ -144,18 +142,18 @@ La razón principal para poner cosas en GitHub fue hacer posible la colaboració
En su repositorio, vaya a `Insights > Community` para ver cómo se compara su proyecto con los estándares comunitarios recomendados.
Aquí hay algunas cosas que pueden mejorar su repositorio de GitHub:
- **Descripción**. ¿Agregaste una descripción para tu proyecto?
- **README**. ¿Agregaste un archivo README? GitHub proporciona una guía para escribir un [README](https://docs.github.com/articles/about-readmes/).
- **Pauta de contribución**. ¿Su proyecto tiene [pautas de contribución](https://docs.github.com/articles/setting-guidelines-for-repository-contributors/),
- **Código de Conducta**. un [Código de conducta](https://docs.github.com/articles/adding-a-code-of-conduct-to-your-project/),
- **Licencia**. Quizás lo más importante, una [licencia](https://docs.github.com/articles/adding-a-license-to-a-repository/)?
Aquí hay algunas cosas que pueden mejorar su repositorio de GitHub:
- **Descripción**. ¿Agregaste una descripción para tu proyecto?
- **README**. ¿Agregaste un archivo README? GitHub proporciona una guía para escribir un [README](https://docs.github.com/articles/about-readmes/).
- **Pauta de contribución**. ¿Su proyecto tiene [pautas de contribución](https://docs.github.com/articles/setting-guidelines-for-repository-contributors/),
- **Código de Conducta**. un [Código de conducta](https://docs.github.com/articles/adding-a-code-of-conduct-to-your-project/),
- **Licencia**. Quizás lo más importante, una [licencia](https://docs.github.com/articles/adding-a-license-to-a-repository/)?
Todos estos recursos beneficiarán la incorporación de nuevos miembros del equipo. Y esos son típicamente el tipo de cosas que los nuevos colaboradores miran antes incluso de mirar su código, para descubrir si su proyecto es el lugar adecuado para que ellos pasen su tiempo.
✅ Los archivos README, aunque requieren tiempo para prepararse, a menudo son descuidados por los ocupados mantenedores. ¿Puede encontrar un ejemplo de uno particularmente descriptivo? Nota: hay algunas [herramientas para ayudar a crear buenos archivos READMEs](https://www.makeareadme.com/) que le gustaría probar.
### Tarea: Fusionar código
Los documentos que contribuyen ayudan a las personas a contribuir al proyecto. Explica qué tipos de contribuciones está buscando y cómo funciona el proceso. Los colaboradores deberán seguir una serie de pasos para poder contribuir a su repositorio en GitHub:
> The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.
@ -102,7 +104,7 @@ Screen readers also have the ability to read only the hyperlinks on a page, much
### Good link text
Good link text briefly describes what's on the other side of the link. In the above example talking about little penguins, the link is to the Wikipedia page about the species. The phrase *little penguins* would make for perfect link text as it makes it clear what someone will learn about if they click the link - little penguins.
Good link text briefly describes what's on the other side of the link. In the above example talking about little penguins, the link is to the Wikipedia page about the species. The phrase _little penguins_ would make for perfect link text as it makes it clear what someone will learn about if they click the link - little penguins.
> The [little penguin](https://en.wikipedia.org/wiki/Little_penguin), sometimes known as the fairy penguin, is the smallest penguin in the world.
@ -121,7 +123,7 @@ Imagine the following page:
| Widget | [Description]('#') | [Order]('#') |
| Super widget | [Description]('#') | [Order]('#') |
In this example, duplicating the text of description and order make sense for someone using a browser. However, someone using a screen reader would only hear the words *description* and *order* repeated without context.
In this example, duplicating the text of description and order make sense for someone using a browser. However, someone using a screen reader would only hear the words _description_ and _order_ repeated without context.
To support these types of scenarios, HTML supports a set of attributes known as [Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA). These attributes allow you to provide additional information to screen readers.
@ -129,7 +131,7 @@ To support these types of scenarios, HTML supports a set of attributes known as
You can use `aria-label` to describe the link when the format of the page doesn't allow you to. The description for widget could be set as
Cuando necesite su código para realizar una tarea, utilizará un método o una función. Analicemos las diferencias.
[](https://youtube.com/watch?v=XgKsD6Zwvlc "Métodos y funciones")
## Funciones
Una función es un bloque de código destinado a realizar una tarea. Usted crea una función usando la palabra clave `function`, un nombre, un conjunto de parámetros y la definición de la función también conocida como funciones _body_. La sintaxis de una función se parece a la siguiente:
```javascript
function name(param, param2, param3) { // definición de función
function name(param, param2, param3) {
// definición de función
// definición de función/body
}
```
@ -25,7 +28,7 @@ TODO
Los parámetros se enumeran en la parte de definición entre paréntesis y están separados por comas así:
```javascript
(param, param2, param3)
param, param2, param3;
```
### Parámetro
@ -34,7 +37,6 @@ Cuerpo de función
Aquí define qué tarea debe realizar la función. Una función puede devolver algo o no. Si una función devuelve algo, entonces se usa la palabra clave `return`. La palabra clave `return` espera un valor o referencia de lo que se devuelve así:
```javascript
return myVariable;
```
@ -54,7 +56,6 @@ En el código anterior, se devuelve la variable `sum`.
Cuando _invocas_ una función, la llamas con 0...N conjuntos de argumentos. Los valores de los argumentos se vinculan a los parámetros correspondientes a su posición. El método `add()` introducido se puede invocar de la siguiente manera:
```javascript
let result = add(1, 3);
console.log(result); // imprime 4
@ -70,7 +71,6 @@ JavaScript es bastante flexible cuando se trata de invocaciones. No está obliga
También existe el concepto de _ valores predeterminados_ en los parámetros. Esto significa que si no se pasa un argumento a un parámetro durante la invocación, el parámetro asumirá el valor predeterminado. Considere el siguiente código usando un valor predeterminado:
```javascript
function add5(firstValue, secondValue = 5) {
return firstValue + secondValue;
@ -80,15 +80,14 @@ function add5(firstValue, secondValue = 5) {
La invocación de la función anterior podría verse así:
```javascript
add5(4) // devuelve 9
add5(4,2) // devuelve 6
add5(4); // devuelve 9
add5(4,2); // devuelve 6
```
Cualquier parámetro con valores predeterminados debe estar al final de la lista de parámetros. La razón es que JavaScript intenta hacer coincidir argumentos con parámetros y los parámetros con valores predeterminados pueden omitirse en la invocación.
@ -33,7 +34,6 @@ La segunda línea debe ser la etiqueta de apertura de la etiqueta `<html>`, segu
Agrega estas líneas en la parte superior de tu archivo `index.html`:
```HTML
<!DOCTYPE html>
<html></html>
@ -103,7 +103,6 @@ Cree una carpeta en su aplicación llamada `images` y en ella, agregue todas las
Agregue esas imágenes de plantas en dos columnas entre las etiquetas `<body> </body>`:
```html
<divid="page">
<divid="left-container"class="container">
@ -211,4 +210,4 @@ Agregue este marcado encima de la última etiqueta `</div>`:
HTML es el sistema de bloques de construcción 'probado y verdadero' que ha ayudado a convertir la web en lo que es hoy. Aprenda un poco sobre su historia estudiando algunas etiquetas antiguas y nuevas. ¿Puedes averiguar por qué algunas etiquetas quedaron obsoletas y otras se agregaron? ¿Qué etiquetas podrían introducirse en el futuro?
** Tarea: [Practica tu HTML: crea una maqueta de blog](assignment.es.md)
\*\* Tarea: [Practica tu HTML: crea una maqueta de blog](assignment.es.md)