Cómo codificar una aplicación web como Coffitivity

Hacer algo como Coffitivity requiere dos habilidades relacionadas: diseño y desarrollo. En esencia, Coffitivity es un sitio web bien diseñado con un poco de Javascript y jQuery para el reproductor de audio, que reproduce el agradable “ambiente de cafetería”.

Aquí: COFFITIVITY.COM/ Technology Profiler en BuiltWith puede ver una lista de las tecnologías de desarrollo que utilizaron para construir el sitio. Parece una configuración relativamente normal:

  • Alojado con Bluehost en un servidor Apache (no se preocupe por esta parte por ahora).
  • Utiliza Twitter Bootstrap y Font Awesome para la interfaz base.
  • ¡Javascript / jQuery para que el sitio se comporte como una aplicación web en lugar de un sitio estático!

Todas las tecnologías que usaron para construir el sitio recaerían en las habilidades que necesitarías dominar para ser un desarrollador web front-end. Como tal, para crear un sitio como este, necesitaría un fuerte dominio de HTML, CSS y Javascript, así como algunos otros marcos y fragmentos que usaron, como Modernizr y Bootstrap.

Una gran recopilación de recursos para aprender estas habilidades es Bento: aprenda a codificar como lo hacen los programadores profesionales.

Para el aspecto del diseño, se trata mucho más de exponerse continuamente al diseño de calidad en sitios como Dribbble (Mostrar y contar para los diseñadores) y aprender con los recursos de calidad que encuentre (una excelente es Lecciones de diseño para todos, comisariada por los mejores diseñadores) .

En general, el diseño gráfico es menos fácil de enseñar, ya que se basa más en entrenar su ojo y desarrollar un buen gusto por el diseño de calidad.

¡Buena suerte!

En su mayoría, utilizamos React (una biblioteca de JavaScript para crear interfaces de usuario | React) y Angular (Framework MVW de JavaScript superheroico) en Creative Shift, Inc. | Una agencia creativa de servicio completo.

More Interesting

¿Es suficiente un framework como PhoneGap?

¿Cómo se hacen las aplicaciones como WhatsApp?

¿Cómo funciona la Lista blanca de aplicaciones y qué tan efectiva es?

Google se está centrando en aplicaciones web progresivas. Entonces, ¿cuál es el alcance de los desarrolladores de aplicaciones nativas (de fondo Java) como yo?

¿Puedo hacer un enlace profundo desde la web móvil a una aplicación?

Estoy planeando crear una nueva aplicación en la industria de viajes que debería ser tan fluida como la experiencia del usuario como un hotel esta noche; ¿Debo elegir aplicaciones nativas o aplicaciones híbridas web?

¿Las aplicaciones de cuestionarios diarios educan efectivamente a los estudiantes?

Carlos Matias La Borde, quiero construir una aplicación móvil / web como Twitter. ¿Cómo funcionan juntas estas diversas tecnologías?

Flujo de trabajo: ¿Qué trucos y aplicaciones estás usando para hacer tu vida más fácil (especialmente en lo que respecta a los negocios)?

¿Cómo puedo proteger una API web que he escrito para que otros clientes no tengan acceso a ella?

Cómo convertir mi aplicación web en una nueva plantilla de bootstrap

¿Qué es mejor usar para mapas dentro de una aplicación web / móvil: Google Maps o MapBox?

¿Existe una aplicación que me alertará cuando un elemento que se ajuste a mis palabras clave se publique en mi lista de craigs local?

¿Existen herramientas similares a las macros de Excel pero en lugar de generar códigos VBA generan algo para que la web cree aplicaciones web?

¿Debo usar PhoneGap, Titanium, Steroids o Ionic?