Skip to content

SebaDAlessandro/TP1_Skill_Factory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Checkpoint #1 - Preparando un sitio Fabián Esteban Tureo • Checkpoint #1 •

La consigna del desafío está en el repositorio pero también la dejo por aquí. Desarrollar un sitio en HTML, CSS y JS, pudiendo utilizar librerías solamente para CSS, que contenga los siguientes elementos:Objetivo principal: Realizar un checkpoint de las tecnologías utilizadas en clase, brindar un espacio de investigación e implementar las habilidades adquiridas en un proyecto integrador.:marca_de_verificación_blanca: Una página principal que contenga tres enlaces. La temática para el background y la paleta de colores es a total elección. Un enlace debe llevar a "Users", otro enlace debe llevar a "API Rick & Morty" y la última debe llevar a "Formulario de Contacto" Objetivo de esta tarea: Lograr un maquetado correcto, cumplimiento de los requerimientos del proyecto, enlazar páginas que conforman un sitio web.:marca_de_verificación_blanca: Formulario de Contacto: Deberán investigar cómo capturar los datos de un formulario en JS y aplicar a una página que muestre los siguientes campos: Nombre de contacto, correo electrónico, campo para el comentario. Los datos registrados deben verse en la consola del navegador (no es imprescindible renderizarlos en el DOM). Objetivo de esta tarea: Poder interactuar con un formulario, entender los eventos asociados, realizar tareas de investigación autodidacta.:marca_de_verificación_blanca: Users: Realizar una petición a la API Rest de JSONPlaceholder. El endpoint a utilizar se encuentra aquí. Obtener el resultado de la petición asíncrona y renderizar el DOM a partir de un archivo JS en el que se muestren las siguientes keys: Nombre, Id, email, teléfono, ciudad del usuario. nombre de la compañía. Se debe mostrar por medio de una tabla con sus correspondientes cabeceras. Objetivo de esta tarea: Trabajar con asincronismo, implementar Fetch o Axios para la petición, implementar .then o async/await para el manejo de las promesas. Control de DOM por medio de JS, utilización de tablas.:marca_de_verificación_blanca: API Rick & Morty: Realizar una petición a la API Rest de Rick & Morty, en su formato Rest. El endpoint a utilizar se encuentra aquí. Obtener el resultado de la petición asíncrona y renderizar el DOM a partir de un archivo JS en el que se muestren los personajes de la serie a través de unas cards de presentación. Como la API se encuentra paginada, es suficiente con renderizar los 20 primeros personajes. Pueden renderizar más si así lo desean Objetivo de esta tarea: Trabajar con asincronismo, implementar Fetch o Axios para la petición, implementar .then o async/await para el manejo de las promesas. Control de DOM por medio de JS, implementación de cards en una UI.

Implementar Try/Catch para el Error Handling Implementar paginación escrita en Vanilla JS para obtener más resultados en la actividad de Rick & Morty Implementar fetch en una petición y axios en la otra petición Renderizado de los datos del formulario en un elemento del DOM. Responsive Design

Código de referencia: https://github.com/ftureo/functions-methods-ecma6.git

About

First Challenge Skill Factory by Avalith

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published