mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-09-01 10:42:41 +02:00
update broken translations links
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
<!--  -->
|
||||
|
||||
## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
|
||||
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
|
||||
|
||||
### Introducción
|
||||
|
||||
@@ -165,7 +165,7 @@ Sin embargo, para nuestra aplicación web estamos usando un solo archivo HTML qu
|
||||
|
||||
### Tarea
|
||||
|
||||
Usaremos un objeto simple para implementar un [mapa] (https://en.wikipedia.org/wiki/Associative_array) entre las rutas de URL y nuestras plantillas. Agregue este objeto en la parte superior de su archivo `app.js`.
|
||||
Usaremos un objeto simple para implementar un [mapa](https://en.wikipedia.org/wiki/Associative_array) entre las rutas de URL y nuestras plantillas. Agregue este objeto en la parte superior de su archivo `app.js`.
|
||||
|
||||
```js
|
||||
const routes = {
|
||||
@@ -243,7 +243,7 @@ Completemos el sistema de navegación agregando enlaces a nuestros botones *logi
|
||||
<button onclick="navigate('/login')">Logout</button>
|
||||
```
|
||||
|
||||
Usando el atributo [`onclick`] (https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) enlaza el evento `click` al código JavaScript, aquí la llamada al` navigate()`función.
|
||||
Usando el atributo [`onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) enlaza el evento `click` al código JavaScript, aquí la llamada al` navigate()`función.
|
||||
|
||||
Intente hacer clic en estos botones, ahora debería poder navegar entre las diferentes pantallas de su aplicación.
|
||||
|
||||
@@ -273,15 +273,14 @@ updateRoute();
|
||||
|
||||
Ahora intente utilizar los botones de avance y retroceso de sus navegadores y compruebe que esta vez lo que se muestra está actualizado correctamente.
|
||||
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Desafío
|
||||
|
||||
Agregue una nueva plantilla y ruta para una tercera página que muestre los créditos de esta aplicación.
|
||||
|
||||
## [Post-lecture prueba](.github/post-lecture-quiz.md)
|
||||
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
**Tarea**: [Mejorar el enrutamiento](assignment.md)
|
||||
**Tarea**: [Mejorar el enrutamiento](assignment.es.md)
|
||||
|
@@ -1,6 +1,6 @@
|
||||
# Cree un formulario de inicio de sesión y registro
|
||||
|
||||
## [Prueba previa a la conferencia](.github/prelecture-quiz.md)
|
||||
## [Prueba previa a la conferencia](../.github/prelecture-quiz.md)
|
||||
|
||||
### Introducción
|
||||
|
||||
@@ -181,7 +181,7 @@ async function createAccount(account) {
|
||||
|
||||
Aquí hay un video rápido sobre el uso de `async/await`:
|
||||
|
||||
[] (https://youtube.com/watch?v=YwmlRkrxvkk "Async y Await para administrar promesas")
|
||||
[](https://youtube.com/watch?v=YwmlRkrxvkk "Async y Await para administrar promesas")
|
||||
|
||||
Usamos la API `fetch()` para enviar datos JSON al servidor. Este método toma 2 parámetros:
|
||||
|
||||
@@ -280,7 +280,7 @@ Aquí hay un ejemplo de cómo puede verse la página de inicio de sesión final
|
||||
|
||||

|
||||
|
||||
## [Prueba posterior a la conferencia](.github/post-lecture-quiz.md)
|
||||
## [Prueba posterior a la conferencia](../.github/post-lecture-quiz.md)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
@@ -288,4 +288,4 @@ Los desarrolladores se han vuelto muy creativos en sus esfuerzos de creación de
|
||||
|
||||
## Asignación
|
||||
|
||||
[Diseña tu aplicación bancaria](assignment.md)
|
||||
[Diseña tu aplicación bancaria](assignment.es.md)
|
@@ -2,7 +2,7 @@
|
||||
|
||||
! [Insertar un video aquí](video-url)
|
||||
|
||||
## [Prueba previa a la conferencia](.github/prelecture-quiz.md)
|
||||
## [Prueba previa a la conferencia](../.github/prelecture-quiz.md)
|
||||
|
||||
[Describe lo que aprenderemos]
|
||||
|
||||
@@ -52,8 +52,8 @@ bloques de código
|
||||
|
||||
Opcional: agregue una captura de pantalla de la interfaz de usuario de la lección completa si corresponde
|
||||
|
||||
## [Prueba posterior a la conferencia](.github/post-lecture-quiz.md)
|
||||
## [Prueba posterior a la conferencia](../.github/post-lecture-quiz.md)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
**Vencimiento de la asignación [MM/AA]**: [Nombre de la asignación](assignment.md)
|
||||
**Vencimiento de la asignación [MM/AA]**: [Nombre de la asignación](assignment.es.md)
|
||||
|
@@ -1,6 +1,6 @@
|
||||
# Conceptos de gestión del estado
|
||||
|
||||
## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
|
||||
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
|
||||
|
||||
### Introducción
|
||||
|
||||
@@ -24,7 +24,7 @@ curl http://localhost:5000/api
|
||||
|
||||
## Repensar la gestión del estado
|
||||
|
||||
En la [lección anterior] (../3-data/README.md), introdujimos un concepto básico de estado en nuestra aplicación con la variable global `account` que contiene los datos bancarios del usuario actualmente conectado. Sin embargo, nuestra implementación actual tiene algunas fallas. Intente actualizar la página cuando esté en el panel. ¿Lo que pasa?
|
||||
En la [lección anterior](../3-data/README.md), introdujimos un concepto básico de estado en nuestra aplicación con la variable global `account` que contiene los datos bancarios del usuario actualmente conectado. Sin embargo, nuestra implementación actual tiene algunas fallas. Intente actualizar la página cuando esté en el panel. ¿Lo que pasa?
|
||||
|
||||
Hay 3 problemas con el código actual:
|
||||
|
||||
@@ -267,12 +267,12 @@ Ahora que recargamos los datos de la cuenta cada vez que se carga el panel, ¿cr
|
||||
|
||||
Intente trabajar juntos para cambiar lo que se guarda y carga desde `localStorage` para incluir solo lo que es absolutamente necesario para que la aplicación funcione.
|
||||
|
||||
## [Post-lecture prueba](.github/post-lecture-quiz.md)
|
||||
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
|
||||
|
||||
## Asignación
|
||||
|
||||
[Implementar el cuadro de diálogo "Agregar transacción"](assignment.md)
|
||||
[Implementar el cuadro de diálogo "Agregar transacción"](assignment.es.md)
|
||||
|
||||
Aquí hay un ejemplo de resultado después de completar la tarea:
|
||||
|
||||

|
||||

|
@@ -11,11 +11,11 @@ Utilizando todo lo que ha aprendido en las cuatro lecciones anteriores, implemen
|
||||
- Cree datos JSON a partir de los datos del formulario y envíelos a la API
|
||||
- Actualiza la página del tablero con los nuevos datos.
|
||||
|
||||
Mire las [especificaciones de la API del servidor](./images/dialog.png) para ver a qué API debe llamar y cuál es el formato JSON esperado.
|
||||
Mire las [especificaciones de la API del servidor](../images/dialog.png) para ver a qué API debe llamar y cuál es el formato JSON esperado.
|
||||
|
||||
Aquí hay un ejemplo de resultado después de completar la tarea:
|
||||
|
||||
! [Captura de pantalla que muestra un ejemplo de diálogo "Agregar transacción"] (./ images / dialog.png)
|
||||
! [Captura de pantalla que muestra un ejemplo de diálogo "Agregar transacción"](../images/dialog.png)
|
||||
|
||||
## Rúbrica
|
||||
|
||||
|
@@ -6,10 +6,10 @@ En este proyecto, aprenderá a construir un banco ficticio. Estas lecciones incl
|
||||
|
||||
## Lecciones
|
||||
|
||||
1. [Rutas y plantillas HTML en una aplicación web](template-route/README.md)
|
||||
2. [Cree un formulario de inicio de sesión y registro](forms/README.md)
|
||||
3. [Conceptos de gestión de estado](state-management/README.md)
|
||||
4. [Métodos de obtención y uso de datos](data/README.md)
|
||||
1. [Rutas y plantillas HTML en una aplicación web](../1-template-route/translations/README.es.md)
|
||||
2. [Cree un formulario de inicio de sesión y registro](../2-forms/translations/README.es.md)
|
||||
3. [Métodos de obtención y uso de datos](../3-data/translations/README.es.md)
|
||||
4. [Conceptos de gestión de estado](../4-state-management/translations/README.es.md)
|
||||
|
||||
### Credits
|
||||
|
||||
|
Reference in New Issue
Block a user