Joy Esquivel's repositories
reserva-tickets
Una pequeña aerolínea acaba de comprar una computadora para su nuevo sistema de reservaciones automatizadas. Se te ha pedido que desarrolles el nuevo sistema. Escribirás una aplicación para asignar asientos en cada vuelo del único avión de la aerolínea (capacidad: 10 asientos).
navegacion-con-tabs
Las tabs nos sirven para agrupar contenido similar usando solo un espacio.
Portafolio
Diseñadora UX, fanática de aprender y apasionada por el arte. Disfruto convertir problemas complejos en diseños de interfaces simples, hermosas e intuitivas. Cuando no estoy codeando o acomodando píxeles, me encontrarás nadando en la alberca o pintando en el estudio.
boostrap-components
Recrea la siguiente imagen haciendo uso de los elementos o componentes del framework Bootstrap.
captcha
Armaremos un Captcha (tal cual se muestra en el diseño de abajo), este comprobará que el usuario escriba lo mismo que el Captcha que le proporcionaremos. El valor ingresado se evaluará al momento de que el usuario haga clic en el símbolo ✓ y se generará otro código cuando el usuario haga clic en el símbolo ↻.
contact-list
Crea una agenda de contactos donde puedas agregar, eliminar, filtrar y contabilizar a los contactos.
ejercicios-menu
Imagina que estás creando tu primera web interactiva y quieres hacerle un menú de navegación. Tu equipo de diseño te ha pasado estos demos para que repliques:
freelancer
Replicar el sitio freelancer de Boostrap
grace-hopper
Réplica de la página de Wikipedia de Grace Hopper. Práctica inicial poniendo en práctica conceptos de HTML y CSS.
memory-game
Juego de memoria, encuentra el par
menu-hamburguesa
Un menú de hamburguesa nos permite tener escondido el menú y únicamente mostrar un botón (3 líneas horizontales) que cuando lo apretamos (o hacemos click), se muestra en la pantalla todas las opciones del menú
Nuestras-coders
Replica el siguiente esquema:
pacman
Replica del juego de Pacman
panda-materialize
Vuelve a hacer tu web para amantes de los pandas pero ahora usando la grid y elementos o componentes del framework de Materialize, reutiliza las imágenes de tu reto anterior.
particles
A simple particle system using html5 canvas written in straight JS. It's pretty basic at the moment but give's you the flexibility to add more effects.
Crea una réplica de Pinterest con las imágenes que más te gusten :)
planet-game
Juego de planet defense
portafolio-Jessy
Portafolio Jessy Cuevas
posicionando-cajas
Replica las siguiente imagenes poniendo en práctica tus conocimientos de positioning
shoting-stars
Estrellas fugaces en html5 y JS
stars
Estrellas y particulas
tic-tac-toe
Crea una página web que implemente el juego Tic Tac Toe (también conocido como gato, michi, tres en línea, etc). Este es un divertido juego entre dos jugadores X y O, quienes marcan los espacios de un tablero 3x3 alternadamente
tipografias-e-iconos
Desarrolla el siguiente menú. Debes usar al menos dos estilos de web fonts (sugerencia: Google Fonts). Puedes utilizar las tipografías iconográficas de tu preferencia
to-do
Aplicación que añade tareas y las muestra.
trello
El reto consistió en replicar el tablero de Trello, para ellos se siguió un flujo de versiones para ir habilitando poco a poco la funcionalidad de la página.
triptico
Replica la siguiente imagen poniendo en práctica tus conocimientos de float:
Recrear la página Twitter con los puntos de funcionalidad requeridos
viborita
Snake JS es un juego 2D para un jugador escrito exclusivamente en JavaScript5. Se puede jugar en los navegadores web modernos. Está inspirado en el clásico videojuego Snake que podría reproducirse en algunos teléfonos celulares Nokia de los años 90. Utiliza el elemento canvas de HTML5 para renderizar.
zoo
Esta página permite elegir efectos como sepia, blanco y negro e invertir colores que deseamos que obtengan nuestras imágenes. Deberás replicarla usando DOM y CSS.