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.
- ¿Cuáles son algunas herramientas disponibles para automatizar aplicaciones web móviles en navegadores web iOS y Android?
- ¿Por qué algunas aplicaciones web grandes no están diseñadas para responder (Facebook, LinkedIn, Pinterest, Quora, etc.)?
- ¿Cuál es la forma estándar de autenticar usuarios en aplicaciones web? ¿Existen marcos que hagan esto por usted?
- ¿Cuáles son las 5 mejores empresas de desarrollo de aplicaciones web y móviles en el área de Seattle?
- Qué habilidades son necesarias para desarrollar una aplicación con una interfaz personal web en la que puede iniciar sesión desde el sitio web, una línea de tiempo que muestra las últimas noticias de los amigos del usuario (texto + imagen) en la aplicación / aplicación web y la aplicación debe permitir a los usuarios tomar / importar fotos, compartir en redes sociales y geolocalizar?
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!