PRUEBA TCNICA DESARROLLADOR WEB

La prueba tcnica consiste en lo siguiente:

Crear estructura en MySQL de mens que soporte tems en dos niveles:

o Aves:
Cndor
guila.
o Mamferos:
Perro.
Gato.

Hacer una pgina HTML5 y CSS3 que consulte los datos del men por Ajax (JQuery y
PHP/Java) y los escriba en responsive design (Bootstrap). Este men debe ser responsive.

Adjunto gua para maquetacin de pgina:

De acuerdo a la imagen de referencia adjunta realizar:

Cuadro Negro (segn imagen de referencia):: Men en dos niveles, es decir

con tems y sub-tems. Construidos por Ajax al consultar la base de datos
MySQL.
Cuadros Azules (segn imagen de referencia): Cuadros de contenido con color
de fondo gris, cada uno con una imagen redonda (un rostro) y un texto de
tamao variable. Los 3 cuadros debern mantener una misma altura (la altura
del cuadro que tenga ms contenido), independientemente del tamao del
contenido interno de cada cuadro.
Cuadros Verdes (segn imagen de referencia): Tabs de contenido que en
versin mobile se deben convertir en acordeones. Incluir solamente dos tabs
en la pgina, donde en el primer tab se incluir un formulario, y en el segundo
Tab solamente texto.
Cuadros Rojos (segn imagen de referencia): Corresponde a un formulario con
los siguientes datos: Nombre, edad, gnero (usar un select) y fecha de
nacimiento. Debe tener dos botones de borders redondeados, uno para
reiniciar el formulario y otro para enviar la informacin del registro al correo
electrnico (jgantiva@chefcompany.co, para pruebas se puede usar uno
diferente)

Condiciones adicionales:

La pgina debe ser responsive. Utilizar Bootstrap.

Debe mantenerse compatibilidad con las ltimas versiones de navegadores
para el caso de Chrome, Firefox y Safari; y para el caso de IE debe ser
compatible desde la versin 8, donde algunos detalles mnimos pueden variar
(EJ: Bordes no redondeados).
Hacer todas las validaciones al formulario que considere necesarias haciendo
uso de JQuery.
 El formulario diligenciado y validado debe ser enviado al correo el electrnico
indicado haciendo uso de PHP/Java.

Implementar eventos de Google Analytics para la medicin de los mens. La cuenta a

utilizar ser: UA-00001.

Finalizado escribir un prrafo de texto (en el correo puede ser) que explique si el trabajo
realizado es apto o no para motores de bsqueda, con posibles mejoras que
recomendaras.

Nota: En la entrega de la prueba por favor incluir un screenshot de la pgina funcionando (en
desktop y en mobile). Tener en cuenta buenas prcticas de desarrollo porque sern valoradas, y
procura realizar toda la prueba a la medida (sin descargar libreras o plugins diferentes a los
bsicos: JQuery y Bootstrap), porque se evaluar que se haya utilizado lo mnimo requerido.

Para la prueba tcnica se necesita:

Computador porttil.
MySQL.
Apache (puede ser PHP o con Tomcat para Java)
Editor de texto o IDE favorito.