Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

Esta lección cubre los conceptos básicos de los lenguajes de programación. Los temas que se tratan aquí se aplican a la mayoría de los lenguajes de programación modernos en la actualidad. En la sección 'Herramientas del oficio', aprenderá sobre software útil que lo ayuda como desarrollador.

## [Pre-lecture quiz](.github/pre-lecture-quiz.md)
## [Pre-lecture quiz](../.github/pre-lecture-quiz.md)

### Introducción

Expand Down Expand Up @@ -175,10 +175,10 @@ Cuando un desarrollador quiere aprender algo nuevo, lo más probable es que recu

Compara algunos lenguajes de programación. ¿Cuáles son algunos de los rasgos únicos de JavaScript frente a Java? ¿Qué hay de COBOL vs. Go?

## [Prueba Post-lectura](.github/post-lecture-quiz.md)
## [Prueba Post-lectura](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

Estudia un poco sobre los diferentes lenguajes disponibles para el programador. Intente escribir una línea en un idioma y luego vuelva a hacerlo en otros dos. ¿Qué aprendes?

**Asignación**: [Asignación](assignment.md)
**Asignación**: [Asignación](../assignment.md)
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

Esta lección cubre los conceptos básicos de GitHub, una plataforma para alojar y administrar cambios en su código.

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

### Introducción

Expand Down Expand Up @@ -266,7 +266,7 @@ Los proyectos también pueden tener discusiones en foros, listas de correo o can

🚀 Desafío: empareje con un amigo para trabajar en el código del otro. Cree un proyecto de forma colaborativa, bifurque el código, cree ramas y combine los cambios.

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
![Todo sobre accesibilidad](webdev101-a11y.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

> El poder de la Web está en su universalidad. El acceso de todas las personas independientemente de su discapacidad es un aspecto fundamental.
>
Expand Down Expand Up @@ -202,13 +202,13 @@ Una web accesible para algunos no es una verdadera "red mundial". La mejor maner
</html>
```

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

Muchos gobiernos tienen leyes sobre los requisitos de accesibilidad. Lea sobre las leyes de accesibilidad de su país de origen. ¿Qué está cubierto y qué no? Un ejemplo es [este sitio web del gobierno](https://accessibility.blog.gov.uk/).

** Tarea **: [Analizar un sitio web no accesible](assignment.md)
** Tarea **: [Analizar un sitio web no accesible](assignment.es.md)

Credits: [Turtle Ipsum](https://github.com/Instrument/semantic-html-sample) por Instrument

Expand Down
6 changes: 3 additions & 3 deletions 2-js-basics/1-data-types/translations/README.de.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![Datentypen in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Datentypen in JavaScript")

## [Pre-Lecture Quiz](.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)

Diese Lektion behandelt die Grundlagen von JavaScript, der Sprache, die Interaktivität im Web bietet.

Expand Down Expand Up @@ -186,12 +186,12 @@ Boolesche Werte können nur zwei Werte sein: `true` oder `false`. Boolesche Wert

JavaScript ist bekannt für seine überraschende Art, gelegentlich mit Datentypen umzugehen. Recherchiere ein bisschen über diese 'Fallstricke'. Zum Beispiel: Groß- und Kleinschreibung kann beißen! Versuchen Sie dies in Ihrer Konsole: `let age = 1; let Age = 2; age == Age` (löst `false` auf - warum?). Welche anderen Fallstricke können Sie finden?

## [Quiz nach der Vorlesung](.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)

## Review & Selbststudium

Schauen Sie sich [diese Liste der JavaScript-Übungen](https://css-tricks.com/snippets/javascript/) an und probieren Sie eine aus. Was hast du gelernt?

## Zuordnung

[Praxis für Datentypen](assignment.md)
[Praxis für Datentypen](assignment.de.md)
8 changes: 4 additions & 4 deletions 2-js-basics/1-data-types/translations/README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![Tipos de datos en JavaScript](https://img.youtube.com/vi/rEHV3fFMfn0/0.jpg)](https://youtube.com/watch?v=rEHV3fFMfn0 "Tipos de datos en JavaScript")

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

Esta lección cubre los conceptos básicos de JavaScript, el lenguaje que proporciona interactividad en la web.

Expand Down Expand Up @@ -108,7 +108,7 @@ En la sección anterior, el valor de "myVariable" era un tipo de datos numérico

`let myVariable = 123;`

Las variables pueden almacenar todo tipo de números, incluidos decimales o números negativos. Los números también se pueden usar con operadores aritméticos, que se tratan en la [siguiente sección] (# operadores).
Las variables pueden almacenar todo tipo de números, incluidos decimales o números negativos. Los números también se pueden usar con operadores aritméticos, que se tratan en la [siguiente sección](#operadores).

### Operadores aritméticos

Expand Down Expand Up @@ -178,10 +178,10 @@ Los booleanos pueden tener solo dos valores: `true` o `false`. Los valores boole

🚀 Desafío: JavaScript es conocido por sus sorprendentes formas de manejar tipos de datos en ocasiones. Investiga un poco sobre estos "errores". Por ejemplo: ¡la sensibilidad a mayúsculas y minúsculas puede morder! Pruebe esto en su consola: `let age = 1; let Age = 2; age == Age` (resuelve `false` - ¿por qué?). ¿Qué otras trampas puedes encontrar?

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

Eche un vistazo a [esta lista de ejercicios de JavaScript](https://css-tricks.com/snippets/javascript/) y pruebe uno. ¿Qué aprendiste?

**Tarea**: [Práctica de tipos de datos](assignment.md)
**Tarea**: [Práctica de tipos de datos](assignment.es.md)
6 changes: 3 additions & 3 deletions 2-js-basics/2-functions-methods/translations/README.de.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![Methoden und Funktionen](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methoden und Funktionen")

## [Pre-Lecture Quiz](.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)

Wenn wir darüber nachdenken, Code zu schreiben, möchten wir immer sicherstellen, dass unser Code lesbar ist. Während dies nicht intuitiv klingt, wird Code viel öfter gelesen als geschrieben. Ein Kernwerkzeug in der Toolbox eines Entwicklers, um wartbaren Code sicherzustellen, ist die **Funktion**.

Expand Down Expand Up @@ -184,12 +184,12 @@ Sie haben jetzt gesehen, dass wir drei Möglichkeiten haben, eine Funktion als P

Können Sie den Unterschied zwischen Funktionen und Methoden in einem Satz artikulieren? Versuche es!

## [Quiz nach der Vorlesung](.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)

## Review & Selbststudium

Es lohnt sich, [etwas mehr über Pfeilfunktionen zu lesen](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions), da diese zunehmend in Codebasen verwendet werden. Üben Sie, eine Funktion zu schreiben und sie dann mit dieser Syntax neu zu schreiben.

## Zuordnung

[Spaß mit Funktionen](assignment.md)
[Spaß mit Funktionen](assignment.de.md)
6 changes: 3 additions & 3 deletions 2-js-basics/2-functions-methods/translations/README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![Métodos y funciones](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Métodos y funciones")

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

Cuando necesite su código para realizar una tarea, utilizará un método o una función. Analicemos las diferencias.

Expand Down Expand Up @@ -89,11 +89,11 @@ Cualquier parámetro con valores predeterminados debe estar al final de la lista
🚀 Desafío:


## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

TODO

**Tarea**: [Práctica de tipos de datos](assignment.md)
**Tarea**: [Práctica de tipos de datos](assignment.es.md)

6 changes: 3 additions & 3 deletions 2-js-basics/3-making-decisions/translations/README.de.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![Entscheidungen treffen](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Entscheidungen treffen")

## [Pre-Lecture Quiz](.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)

Wenn Sie Entscheidungen treffen und die Reihenfolge steuern, in der Ihr Code ausgeführt wird, ist Ihr Code wiederverwendbar und robust. Dieser Abschnitt behandelt die Syntax zur Steuerung des Datenflusses in JavaScript und ihre Bedeutung bei Verwendung mit booleschen Datentypen.

Expand Down Expand Up @@ -158,12 +158,12 @@ if (firstNumber > secondNumber) {

Erstellen Sie ein Programm, das zuerst mit logischen Operatoren geschrieben wird, und schreiben Sie es dann mit einem ternären Ausdruck neu. Was ist Ihre bevorzugte Syntax?

## [Quiz nach der Vorlesung] (.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)

## Review & Selbststudium

Lesen Sie mehr über die vielen Operatoren, die dem Benutzer [auf MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators) zur Verfügung stehen.

## Zuordnung

[Operators](assignment.md)
[Operators](assignment.de.md)
6 changes: 3 additions & 3 deletions 2-js-basics/3-making-decisions/translations/README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

![video](video-url)

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

Tomar decisiones y controlar el orden en que se ejecuta su código hace que su código sea reutilizable y robusto. Esta sección cubre la sintaxis para controlar el flujo de datos en JavaScript y su importancia cuando se usa con tipos de datos booleanos.

Expand Down Expand Up @@ -154,11 +154,11 @@ if (firstNumber > secondNumber) {

🚀 Desafío: cree un programa que se escriba primero con operadores lógicos y luego vuelva a escribirlo utilizando una expresión ternaria. ¿Cuál es tu sintaxis preferida?

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

Más información sobre los muchos operadores disponibles para el usuario [en MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators).

**Asignación**: [Operadores](assignment.md)
**Asignación**: [Operadores](assignment.es.md)

6 changes: 3 additions & 3 deletions 2-js-basics/4-arrays-loops/translations/README.de.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![Arrays und Loops](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Arrays and Loops")

## [Pre-Lecture Quiz](.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)

Diese Lektion behandelt die Grundlagen von JavaScript, der Sprache, die Interaktivität im Web bietet. In dieser Lektion lernen Sie Arrays und Loops kennen, mit denen Daten bearbeitet werden.

Expand Down Expand Up @@ -111,12 +111,12 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {

Es gibt andere Möglichkeiten, Arrays als for- und while-Schleifen zu durchlaufen. Es gibt [forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of) und [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Schreiben Sie Ihre Array-Schleife mit einer dieser Techniken neu.

## [Quiz nach der Vorlesung](.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)

## Review & Selbststudium

An Arrays in JavaScript sind viele Methoden angehängt, die für die Datenmanipulation äußerst nützlich sind. [Informieren Sie sich über diese Methoden](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) und probieren Sie einige davon aus (wie Push, Pop, Slice und Splice). auf einem Array Ihrer Kreation.

## Zuordnung

[Array schleifen](assignment.md)
[Array schleifen](assignment.de.md)
6 changes: 3 additions & 3 deletions 2-js-basics/4-arrays-loops/translations/README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
[![Matrices y bucles](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Matrices y bucles")


## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

Esta lección cubre los conceptos básicos de JavaScript, el lenguaje que proporciona interactividad en la web. En esta lección, aprenderá sobre matrices y bucles, que se utilizan para manipular datos.

Expand Down Expand Up @@ -105,10 +105,10 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {

🚀 Desafío: Hay otras formas de realizar un bucle sobre arreglos además de los bucles for y while. Existen [forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of), y [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Vuelva a escribir su bucle de matriz utilizando una de estas técnicas.

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

Las matrices en JavaScript tienen muchos métodos adjuntos, extremadamente útiles para la manipulación de datos. [Lea sobre estos métodos](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) y pruebe algunos de ellos (como push, pop, slice y splice) en una matriz de su creación.

**Asignación**: [Bucle de una matriz](assignment.md)
**Asignación**: [Bucle de una matriz](assignment.es.md)
10 changes: 5 additions & 5 deletions 3-terrarium/1-intro-to-html/translations/README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
![Introducción a HTML](images/webdev101-html.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

### Introducción:

Expand All @@ -15,7 +15,7 @@ En esta lección, usaremos HTML para diseñar el 'esqueleto' de la interfaz de n

En su computadora, cree una carpeta llamada 'terrario' y dentro de ella, un archivo llamado 'index.html'. Puede hacer esto en Visual Studio Code después de crear su carpeta de terrario abriendo una nueva ventana de VS Code, haciendo clic en 'abrir carpeta' y navegando a su nueva carpeta. Haga clic en el botón pequeño 'archivo' en el panel del Explorador y cree el nuevo archivo:

! [explorador en VS Code] (images / vs-code-index.png)
! [explorador en VS Code](images / vs-code-index.png)

> Los archivos index.html indican a un navegador que es el archivo predeterminado en una carpeta; Las URL como `https://anysite.com/test` se pueden construir usando una estructura de carpetas que incluya una carpeta llamada `test` con `index.html` dentro; `Index.html` no tiene que aparecer en una URL.

Expand Down Expand Up @@ -97,7 +97,7 @@ Ahora, puede comenzar a construir su página. Normalmente, usa etiquetas `<div>`

Una etiqueta html que no necesita una etiqueta de cierre es la etiqueta `<img>`, porque tiene un elemento `src` que contiene toda la información que la página necesita para representar el elemento.

Cree una carpeta en su aplicación llamada `images` y en ella, agregue todas las imágenes en la [carpeta del código fuente] (../ images); (hay 14 imágenes de plantas).
Cree una carpeta en su aplicación llamada `images` y en ella, agregue todas las imágenes en la [carpeta del código fuente](../images); (hay 14 imágenes de plantas).

### Tarea:

Expand Down Expand Up @@ -205,10 +205,10 @@ Agregue este marcado encima de la última etiqueta `</div>`:

🚀 Desafío: hay algunas etiquetas "antiguas" salvajes en HTML con las que todavía es divertido jugar, aunque no debes usar etiquetas obsoletas como [estas etiquetas](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) en su marcado. Aún así, ¿puede usar la antigua etiqueta `<marquee>` para hacer que el título h1 se desplace horizontalmente? (si lo hace, no olvide quitarlo después)

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

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.md)
** Tarea: [Practica tu HTML: crea una maqueta de blog](assignment.es.md)
17 changes: 8 additions & 9 deletions 3-terrarium/2-intro-to-css/translations/README.es.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
# Terrarium Project Parte 2: Introducción a CSS

![Introducción a CSS](images/webdev101-css.png)
![Introducción a CSS](../images/webdev101-css.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)

## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)

### Introducción:

Expand Down Expand Up @@ -67,7 +67,7 @@ body {

Abra la consola de su navegador en la pestaña 'Elementos' y observe la fuente H1. Hereda su fuente del cuerpo, como se indica en el navegador:

![fuente heredada](images/1.png)
![fuente heredada](../images/1.png)

✅ ¿Puede hacer que un estilo anidado herede una propiedad diferente?

Expand Down Expand Up @@ -240,19 +240,18 @@ Tenga en cuenta el uso de porcentajes aquí, incluso para el `border-radius`. Si

---

🚀 Desafío: agregue un brillo de 'burbuja' al área inferior izquierda del frasco para que se vea más parecido al vidrio. Estarás diseñando el `.jar-glossy-long` y el` .jar-glossy-short` para que parezca un brillo reflejado. Así es como se vería:
🚀 Desafío: agregue un brillo de 'burbuja' al área inferior izquierda del frasco para que se vea más parecido al vidrio. Estarás diseñando el `.jar-glossy-long` y el `.jar-glossy-short` para que parezca un brillo reflejado. Así es como se vería:

! [terrario terminado](./images/terrarium-final.png)
![terrario terminado](../images/terrarium-final.png)

## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)

## Revisión y autoestudio

CSS parece engañosamente sencillo, pero existen muchos desafíos cuando se trata de diseñar una aplicación perfectamente para todos los navegadores y todos los tamaños de pantalla. CSS-Grid y Flexbox son herramientas que se han desarrollado para hacer el trabajo un poco más estructurado y más confiable. Aprende sobre estas herramientas jugando a [Flexbox Froggy](https://flexboxfroggy.com/) y [Grid Garden](https://codepip.com/games/grid-garden/).

**Asignación**: [Refactorización CSS] (asignación.md)
**Asignación**: [Refactorización CSS](assignment.es.md)

Complete los siguientes módulos de aprendizaje para completar el [cuestionario posterior a la conferencia](. Github / post-lecture-quiz.md):
Complete los siguientes módulos de aprendizaje para completar el [cuestionario posterior a la conferencia](../.github/post-lecture-quiz.md):

[Diseñe su aplicación HTML con CSS](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics)

Loading