Skip to content

Instantly share code, notes, and snippets.

@johuder33
Last active June 10, 2016 13:59
Show Gist options
  • Save johuder33/532373603f2a90f9c46558e1f0b501e1 to your computer and use it in GitHub Desktop.
Save johuder33/532373603f2a90f9c46558e1f0b501e1 to your computer and use it in GitHub Desktop.
Desafío zBox ReactJS - JavaScript

Test Zbox

Ahora, nos gustaria ver como aplicas todo lo que sabes, toda tu experiencia, para demostrarlo requerimos que este desafío este basado en las siguientes tecnologías :

  1. NodeJS

    • Usa NodeJS para demostrar el poder de este lenguaje, y poder crear tu servidor y los servicios que esta prueba requiera.
  2. ReactJS

    • Para nosotros es importante que uses y entiendas como funciona ReactJS, y que sepas como manejarlo, y de esa manera entender lo poderoso que es ReactJS, y lo que lo hace especial a los otros frameworks.
  3. HTML5

    • Sabemos que el mundo avanza muy rápido, y que mejor ejemplo que HTML5, que nos ofrece grandes características, en esta oportunidad, debes usar WebSockets, Canvas, entre otros.
  4. Firebase

    • ¿ Conoces a Firebase ?, pues Firebase es una plataforma que ayuda a construir estructuras de datos para tus aplicaciones, con APIs para diferente lenguajes, entre ellos nuestro tan amado JavaScript, en este test usaras esta plataforma para resguardar tus datos en ellas.
  5. JavaScript

    • Sabemos que jQuery desde que llegó, ha resuelto muchos de nuestro problemas en funciones que sin duda hace todo mas facíl y rápido, pero que hay detras de jQuery ?, ahora es momento de saberlo, nos interesa que aplique a este desafío, JavaScript puro, que pongas a prueba tus conocimientos en este lenguaje y logres desarrollar con éxito esta prueba.

¿De que se trata este desafío?

En este desafío nos gustaría que nos muestre como te llevas con JavaScript, pues te desafiamos a que, crees una aplicación que permita iniciar sesión, una vez ingresada a la aplicación, esta debe ser capaz de permitirle al usuario, pintar, borrar, cambiar el color para pintar entre 3 colores diferentes, esta pizarra debe ser el ancho y alto total de la pantalla donde se vea la aplicación, además sería genial, si esta aplicación me permite guardar mis pinturas, y tambien la aplicación debe ser capaz de poder manejar multiples usuarios para que todos juntos hagan una obra maestra con su pizarra.

Ahora bien que necesitas, para echar a andar tu app.

  • Debes usar ReactJS, para la creación de la interfaz y sus componentes, ¿ Como ?, sabemos que puedes averiguarlo.

  • Sabemos bien que esta app, nos debe permitir loguearnos, ¿ Y ya le echaste un vistazo a Firebase ?, tal vez si lo averiguas eso te dará una pista.

  • Lo mejor de esta app es que nos permitirá interactuar con otros usurios para que todos puedan ser los mejores artistas y crear una obra de arte, entonces ¿ que tal te la llevas con Websockets ?.

  • como toda aplicación, debe ser hermosa visualmente, entonces que tal si le damos nuestro propio estilo a nuestra aplicación, y si CSS te parece muy lento y aburrido ¿ que tal si usamos SASS ó LESS ?

  • Si te preguntas como poder hacer una pizarra interativa con Javascript y ReactJS, y no se te ocurre nada, tal vez HTML5 venga a salvarte tu día, seguro que HTML5 tiene mucho que ofrecer.

Importante

Tienes mas puntos si usas :

  • Si usas Socket.io
  • Si usas Babel
  • ES6 (EcmaScript 6) Si, vamos averigualo
  • JSX, no te asustes, en realidad es mas fácil usarlo que leerlo.
  • No usar jQuery, Javascript es tu amigo, y deberías entender a tu amigo.
  • Usar Preprocesadores de CSS como SASS o LESS.
  • Usar Bootstrap para darle ese gran y unico estilo que Bootstrap te ofrece.
  • Panel de usuarios conectados a la aplicación

Al terminar tu aplicación, debes subirla a tu repositorio de GitHub, y enviarnos el link de tu Repo, de esa manera podremos ver el código, probarlo y disfrutar de tu Social Blackboard (Pizarra Social), tu app deberia estar lista, para que nosotros solo la descarguemos y usarla!.

Éxitos, so let's code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment