Creation of the README.md in Spanish for Web Dev for Beginners.pull/1027/head
Eric Joel Hernandez
3 years ago
committed by
GitHub
parent
6e88ca23d1
commit
df53ae9445
@ -0,0 +1,112 @@
|
|||||||
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
||||||
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
||||||
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
||||||
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
||||||
|
[](http://makeapullrequest.com)
|
||||||
|
|
||||||
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
||||||
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
||||||
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
||||||
|
|
||||||
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
||||||
|
|
||||||
|
# Desarrollo Web para Principiantes - Un Programa de Estudios
|
||||||
|
|
||||||
|
Los defensores de la nube de Azure en Microsoft se complacen en ofrecer un plan de estudios de 24 lecciones de 12 semanas que trata sobre los conceptos básicos de JavaScript, CSS y HTML. Cada lección incluye cuestionarios previos y posteriores a la lección, instrucciones escritas para completar la lección, una solución, una tarea y más. Nuestra pedagogía basada en proyectos te permite aprender mientras construyes, una forma comprobada de que las nuevas habilidades se 'peguen'.
|
||||||
|
|
||||||
|
**¡Muchas gracias a nuestros autores Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees y al dibujante Tomomi Imura!**
|
||||||
|
|
||||||
|
### _¿Eres un estudiante?_
|
||||||
|
|
||||||
|
Visita [**Student Hub page**](https://docs.microsoft.com/en-gb/learn/student-hub/?WT.mc_id=academic-13441-cxa) donde encontrarás recursos para principiantes, paquetes para estudiantes e incluso formas de conseguir un cupón de certificado gratis. Esta es la página que quieres marcar y revisar de vez en cuando, ya que cambiamos el contenido mensualmente.
|
||||||
|
|
||||||
|
# Para Comenzar
|
||||||
|
|
||||||
|
> **Maestros**, hemos [incluido algunas sugerencias](for-teachers.md) sobre cómo usar este programa de estudios. Nos encantaría recibir tus comentarios [en nuestro foro de discusión](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
|
||||||
|
|
||||||
|
> **[Estudiantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para usar este plan de estudios por tu cuenta, bifurca todo el repositorio y completa los ejercicios por tu cuenta, comenzando con un cuestionario previo a la lección, luego leyendo la lección y completando el resto de las actividades. Intenta crear los proyectos comprendiendo las lecciones en lugar de copiar el código de la solución; however, ese código está disponible en las carpetas /solutions en cada lección orientada a proyectos. Otra idea sería formar un grupo de estudio con amigos y repasar el contenido juntos. Para mayor estudio, recomendamos [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81/?WT.mc_id=academic-77807-sagibbon) y mirar los videos mencionados debajo.
|
||||||
|
|
||||||
|
[](https://youtube.com/watch?v=R1wrdtmBSII)
|
||||||
|
|
||||||
|
Gif by [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
|
||||||
|
|
||||||
|
> 🎥 ¡Haz clic en la imagen de arriba para ver un video sobre el proyecto y las personas que lo crearon!
|
||||||
|
|
||||||
|
## Pedagogía
|
||||||
|
|
||||||
|
Hemos escogido dos principios pedagógicos al construir este plan de estudios: asegurarse de que esté basado en proyectos y que incluya cuestionarios frecuentes. Al final de esta serie, los estudiantes habrán construido un juego de mecanografía, un terrario virtual, una extensión de navegador 'verde', un juego tipo 'space invaders' y una aplicación bancaria de tipo comercial, y también habrá aprendido los conceptos básicos de JavaScript, HTML y CSS junto con la cadena de herramientas moderna del desarrollador web de hoy.
|
||||||
|
|
||||||
|
> 🎓 Puede tomar las primeras lecciones de este plan de estudios como una [Ruta de Aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn!
|
||||||
|
|
||||||
|
Al garantizar que el contenido se alinee con los proyectos, el proceso se vuelve más atractivo para los estudiantes y se aumentará la retención de conceptos. También escribimos varias lecciones iniciales sobre conceptos básicos de JavaScript para introducir conceptos, junto con un video de la colección de tutoriales en video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", algunos de cuyos autores contribuyeron a este plan de estudios.
|
||||||
|
|
||||||
|
Además, una prueba de bajo riesgo antes de una clase establece la intención del estudiante de aprender un tema, mientras que una segunda prueba después de la clase asegura una mayor retención. Este plan de estudios fue diseñado para ser flexible y divertido y se puede tomar en su totalidad o en parte. Los proyectos comienzan pequeños y se vuelven cada vez más complejos al final del ciclo de 12 semanas.
|
||||||
|
|
||||||
|
Si bien hemos evitado deliberadamente la introducción de frameworks de JavaScript para concentrarnos en las habilidades básicas necesarias como desarrollador web antes de adoptar un framework, un buen próximo paso para completar este plan de estudios sería aprender sobre Node.js a través de otra colección de videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
|
||||||
|
|
||||||
|
> Encuentra las pautas de nuestro [Código de Conducta](CODE_OF_CONDUCT.md), [Contribuciones](CONTRIBUTING.md), y [Traducción](TRANSLATIONS.md). ¡Agradecemos tus comentarios constructivos!
|
||||||
|
|
||||||
|
## Cada lección incluye:
|
||||||
|
|
||||||
|
- nota de boceto opcional
|
||||||
|
- vídeo complementario opcional
|
||||||
|
- cuestionario de calentamiento previo a la lección
|
||||||
|
- lección escrita
|
||||||
|
- para lecciones basadas en proyectos, guías paso a paso sobre cómo construir el proyecto
|
||||||
|
- controles de conocimiento
|
||||||
|
- un reto
|
||||||
|
- lectura complementaria
|
||||||
|
- asignación
|
||||||
|
- cuestionario posterior a la lección
|
||||||
|
|
||||||
|
> **Una nota sobre los cuestionarios**: Todos los cuestionarios están contenidos [en esta aplicación](https://ashy-river-0debb7803.1.azurestaticapps.net/), para 48 cuestionarios en total de tres preguntas cada uno. Están vinculados desde dentro de las lecciones, pero la aplicación de prueba se puede ejecutar localmente; sigue las instrucciones en la carpeta `quiz-app`. Poco a poco se van localizando.
|
||||||
|
|
||||||
|
## Lecciones
|
||||||
|
|
||||||
|
| | Nombre del Proyecto | Conceptos Enseñados | Objetivos de Aprendizaje | Lección Vinculada | Autor |
|
||||||
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
||||||
|
| 01 | Para Comenzar | Introducción a la Programación y Herramientas del Oficio | Aprender los fundamentos básicos detrás de la mayoría de los lenguajes de programación y sobre el software que ayuda a los desarrolladores profesionales a hacer su trabajo | [Introducción a los Lenguajes de Programación y las Herramientas del Oficio](/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.es.md) | Jasmine |
|
||||||
|
| 02 | Para Comenzar | Conceptos Básicos de GitHub, incluye trabajar con un equipo | Cómo usar GitHub en su proyecto, cómo colaborar con otros en una base de código | [Introducción a GitHub](/1-getting-started-lessons/2-github-basics/translations/README.es.md) | Floor |
|
||||||
|
| 03 | Para Comenzar | Accesibilidad | Aprender los conceptos básicos de la accesibilidad web | [Fundamentos de Accesibilidad](/1-getting-started-lessons/3-accessibility/translations/README.es.md) | Christopher |
|
||||||
|
| 04 | Conceptos Básicos de JS | Tipos de Datos de JavaScript | Los conceptos básicos de los tipos de datos de JavaScript | [Tipos de Datos](/2-js-basics/1-data-types/translations/README.es.md) | Jasmine |
|
||||||
|
| 05 | Conceptos Básicos de JS | Funciones y Métodos | Aprender sobre funciones y métodos para administrar el flujo lógico de una aplicación | [Funciones y Métodos](/2-js-basics/2-functions-methods/translations/README.es.md) | Jasmine and Christopher |
|
||||||
|
| 06 | Conceptos Básicos de JS | Tomar Decisiones con JS | Aprender a crear condiciones en su código usando métodos de toma de decisiones | [Tomar Decisiones](/2-js-basics/3-making-decisions/translations/README.es.md) | Jasmine |
|
||||||
|
| 07 | Conceptos Básicos de JS | Matrices y Bucles | Trabajar con datos utilizando matrices y bucles en JavaScript | [Matrices y Bucles](/2-js-basics/4-arrays-loops/translations/README.es.md) | Jasmine |
|
||||||
|
| 08 | [Terrario](/3-terrarium/solution/README.md) | HTML en la Práctica | Crear el HTML para crear un terrario en línea, centrándose en crear un diseño | [Introducción a HTML](/3-terrarium/1-intro-to-html/translations/README.es.md) | Jen |
|
||||||
|
| 09 | [Terrario](/3-terrarium/solution/README.md) | CSS en la Práctica | Crear el CSS para diseñar el terrario en línea, centrándose en los conceptos básicos de CSS incluyendo hacer la página responsiva | [Introducción a CSS](/3-terrarium/2-intro-to-css/translations/README.es.md) | Jen |
|
||||||
|
| 10 | [Terrario](/3-terrarium/solution/README.md) | Cierres de JavaScript, Manipulación DOM | Crear el JavaScript para hacer que el terrario funcione como una interfaz de arrastrar/soltar, centrándose en los cierres y la manipulación DOM | [Cierres de JavaScript, Manipulación DOM](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.es.md) | Jen |
|
||||||
|
| 11 | [Juego de Mecanografía](/4-typing-game/solution/README.md) | Construir un Juego de Mecanografía | Aprender a usar eventos de teclado para impulsar la lógica de su aplicación de JavaScript | [Programación Impulsada por Eventos](/4-typing-game/typing-game/README.md) | Christopher |
|
||||||
|
| 12 | [Extensión de Navegador Verde](/5-browser-extension/solution/README.md) | Trabajar con Navegadores | Aprender cómo funcionan los navegadores, su historia y cómo estructurar los primeros elementos de una extensión de navegador | [Acerca de los Navegadores](/5-browser-extension/1-about-browsers/translations/README.es.md) | Jen |
|
||||||
|
| 13 | [Extensión de Navegador Verde](/5-browser-extension/solution/README.md) | Crear un formulario, llamar a una API y almacenar variables en el almacenamiento local | Crear los elementos de JavaScript de la extensión de su navegador para llamar a una API usando variables almacenadas en el almacenamiento local | [API, Formularios y Almacenamiento Local](/5-browser-extension/2-forms-browsers-local-storage/translations/README.es.md) | Jen |
|
||||||
|
| 14 | [Extensión de Navegador Verde](/5-browser-extension/solution/README.md) | Procesos en segundo plano en el navegador, rendimiento web | Usar los procesos en segundo plano del navegador para administrar el ícono de la extensión; aprender sobre el rendimiento web y algunas optimizaciones para hacer | [Tareas en Segundo Plano y Rendimiento](/5-browser-extension/3-background-tasks-and-performance/translations/README.es.md) | Jen |
|
||||||
|
| 15 | [Juego Espacial](/6-space-game/solution/README.md) | Desarrollo de Juegos Más Avanzado con JavaScript | Aprender sobre la herencia usando clases y composición y el patrón Pub/Sub, como preparación para crear un juego |[Introducción al Desarrollo Avanzado de Juegos](/6-space-game/1-introduction/translations/README.es.md) | Chris |
|
||||||
|
| 16 | [Juego Espacial](/6-space-game/solution/README.md) | Dibujo en Canvas | Aprender sobre la API de Canvas, que se utiliza para dibujar elementos en una pantalla | [Dibujo en Canvas](/6-space-game/2-drawing-to-canvas/translations/README.es.md) | Chris |
|
||||||
|
| 17 | [Juego Espacial](/6-space-game/solution/README.md) | Mover elementos por la pantalla | Descubrir cómo los elementos pueden ganar movimiento usando las coordenadas cartesianas y la API de Canvas | [Mover Elementos Alrededor](/6-space-game/3-moving-elements-around/translations/README.es.md) | Chris |
|
||||||
|
| 18 | [Juego Espacial](/6-space-game/solution/README.md) | Detección de colisiones | Hacer que los elementos colisionen y reaccionen entre sí presionando las teclas y proporcionar una función de enfriamiento para garantizar el rendimiento del juego | [Detección de Colisiones](/6-space-game/4-collision-detection/translations/README.es.md) | Chris |
|
||||||
|
| 19 | [Juego Espacial](/6-space-game/solution/README.md) | Mantener el marcador | Realizar cálculos matemáticos basados en el estado y el rendimiento del juego | [Mantener el Marcador](/6-space-game/5-keeping-score/translations/README.es.md) | Chris |
|
||||||
|
| 20 | [Juego Espacial](/6-space-game/solution/README.md) | Terminar y reiniciar el juego | Aprender sobre cómo finalizar y reiniciar el juego, incluida la limpieza de activos y el restablecimiento de valores de variables | [La Condición Final](/6-space-game/6-end-condition/translations/README.es.md) | Chris |
|
||||||
|
| 21 | [Aplicación Bancaria](/7-bank-project/solution/README.md) | Plantillas HTML y Rutas en una Aplicación Web | Aprender a crear el andamio de la arquitectura de un sitio web de varias páginas utilizando plantillas HTML y de enrutamiento | [Plantillas y Rutas HTML](/7-bank-project/1-template-route/translations/README.es.md) | Yohan |
|
||||||
|
| 22 | [Aplicación Bancaria](/7-bank-project/solution/README.md) | Crear un Formulario de Inicio de Sesión y Registro | Aprender sobre la creación de formularios y la entrega de rutinas de validación | [Formularios](/7-bank-project/2-forms/translations/README.es.md) | Yohan |
|
||||||
|
| 23 | [Aplicación Bancaria](/7-bank-project/solution/README.md) | Métodos de Obtención y Uso de Datos | Cómo entran y salen los datos de tu aplicación, cómo recuperarlos, almacenarlos y deshacerse de ellos | [Datos](/7-bank-project/3-data/translations/README.es.md) | Yohan |
|
||||||
|
| 24 | [Aplicación Bancaria](/7-bank-project/solution/README.md) | Conceptos de Gestión del Estado | Aprender cómo tu aplicación retiene el estado y cómo administrarlo mediante programación | [Administración del Estado](/7-bank-project/4-state-management/translations/README.es.md) | Yohan |
|
||||||
|
|
||||||
|
## Acceso sin Conexión
|
||||||
|
|
||||||
|
Puedes ejecutar esta documentación sin conexión utilizando [Docsify](https://docsify.js.org/#/). Bifurca este repositorio, [instala Docsify](https://docsify.js.org/#/quickstart) en tu maquina local, y luego en la carpeta raíz de este repositorio, escribe `docsify serve`. El sitio web se ejecutará en el puerto 3000 en tu host local: `localhost:3000`.
|
||||||
|
|
||||||
|
## PDF
|
||||||
|
|
||||||
|
Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
|
||||||
|
|
||||||
|
## Otros Planes de Estudios
|
||||||
|
|
||||||
|
¡Nuestro equipo produce otros planes de estudio! Revisa:
|
||||||
|
|
||||||
|
- [Aprendizaje Automático para Principiantes](https://aka.ms/ml-beginners/?WT.mc_id=academic-77807-sagibbon)
|
||||||
|
- [IoT para Principiantes](https://aka.ms/iot-beginners/?WT.mc_id=academic-77807-sagibbon)
|
||||||
|
- [Ciencia de Datos para Principiantes](https://aka.ms/datascience-beginners/?WT.mc_id=academic-77807-sagibbon)
|
||||||
|
- [IA para Principiantes](https://aka.ms/ai-beginners/?WT.mc_id=academic-77807-sagibbon)
|
||||||
|
|
||||||
|
## Licencia
|
||||||
|
|
||||||
|
Este repositorio está autorizado bajo la licencia MIT. Consulte el archivo de [LICENSIA](LICENSE) para más información.
|
||||||
Loading…
Reference in new issue