Primeros pasos de una aplicación web - Rails Girls Córdoba

50 %
50 %
Information about Primeros pasos de una aplicación web - Rails Girls Córdoba
Technology

Published on March 10, 2014

Author: quaip

Source: slideshare.net

Description

Presentación sobre los primeros pasos a dar a la hora de desarrollar una aplicación web, para la primera Rails Girls de Córdoba, por Sergio Gómez

Rails Girls Córdoba @sergiogomez Primeros pasos de una aplicación web Una presentación original de Karri Saarinen http://www.slideshare.net/karrisaarinen/just-design-it-an-approach-to-web-app-design

Rails Girls Córdoba @sergiogomez ● Socio fundador de QuaiP.com ● Web Developer Ruby on Rails / HTML / CSS / jQuery ● Coworker feliz en coSfera Sergio Gómez - @sergiogomez Una vida dedicada a la sonrisa, a mis niños, y al rock and roll

Rails Girls Córdoba @sergiogomez ● Desarrollo e infraestructuras avanzadas de VoIP ● Servidores de streaming de radio y TV ● Cloud, VPS y servidores avanzados para aplicaciones

Rails Girls Córdoba @sergiogomez ¡Tengo una idea!

Rails Girls Córdoba @sergiogomez 1 La idea + ¿Qué problema intento resolver? + ¿Por qué? + ¿Quién va a ser el cliente de mi aplicación? + Objetivos a lograr

Rails Girls Córdoba @sergiogomez 1 La idea - Breaf Un pequeño documento con varias secciones: + Problema + Solución + Objetivos + Vistas (pantallas) + Usuarios tipo (“Personas”)

Rails Girls Córdoba @sergiogomez Dibújalo

Rails Girls Córdoba @sergiogomez + En un papel + Lápiz y goma + Lista de vistas (pantallas) + Lista de elementos + Priorizar y agrupar elementos + Dibujar, dibujar, dibujar... 2 El boceto

Rails Girls Córdoba @sergiogomez

Rails Girls Córdoba @sergiogomez

Rails Girls Córdoba @sergiogomez El wireframe

Rails Girls Córdoba @sergiogomez + Es el resultado de llevar el boceto del papel al ordenador + Sin diseño. Sólo funcionalidad y dónde va cada elemento + Útil para compartir entre desarrolladores y para enseñar a los clientes + Layout: cabecera, menú, contenido, pie, cajas + Elementos: textos, enlaces, botones, imágenes, formularios 3 El wireframe

Rails Girls Córdoba @sergiogomez

Rails Girls Córdoba @sergiogomez El mockup

Rails Girls Córdoba @sergiogomez + Es el diseño real de la aplicación (sin programación) a partir del wireframe + Se realiza con un programa de diseño (Photoshop/Illustrator/Powerpoint…) + Debe usar una cuadrícula para la disposición de todos los elementos + Tipografía a usar Un 95% de la web es tipografía 4 El mockup

Rails Girls Córdoba @sergiogomez

Rails Girls Córdoba @sergiogomez

Rails Girls Córdoba @sergiogomez Ahora sí… ¡A programar!

Rails Girls Córdoba @sergiogomez + Primera fase de codificación (HTML/CSS/JavaScript) + Se implementa el diseño para que pueda visualizarse en un navegador + Se codifican todos los elementos que van a repetirse (formularios, notificaciones, errores, contenidos…) 5 La implementación - Maquetación

Rails Girls Córdoba @sergiogomez + Usamos nuestro lenguaje o framework favorito (como Ruby on Rails) + Se crean los modelos de datos, las vistas, sus controladores, añadimos la maquetación, probamos, etc... 5 La implementación - Programación

Rails Girls Córdoba @sergiogomez ¿Alguna pregunta?

Rails Girls Córdoba @sergiogomez ¡¡MUCHÍSIMAS GRACIAS!!

Add a comment

Related presentations

Related pages

BonillaTV: Rails Girls Madrid - YouTube

El 14 y 15 de septiembre se celebró el Rails Girls ... BonillaTV: Rails Girls ... una aplicación web y guiarlas en sus primeros pasos. ...
Read more

Primeros pasos de power point - Devices & Hardware

Primeros pasos de una unidad ... Presentación sobre los primeros pasos a dar a la hora de desarrollar una aplicación web, para la primera Rails Girls ...
Read more

Aplicación web - Wikipedia, la enciclopedia libre

En los primeros tiempos de la ... AJAX es una técnica de desarrollo web que usa una combinación de ... embPerl, Python o Ruby on Rails que constituye ...
Read more

Montevideo 21-22 Mayo 2014 - Rails Girls

Rails Girls llega a ... el interesante mundo de crear aplicaciones web con Ruby on Rails. ... los primeros pasos para crear una ...
Read more

21 y 22 de mayo, ¡Rails Girls llega a Montevideo! @ ...

... ¡Rails Girls llega a Montevideo ... Requieres una laptop, curiosidad ... Aprenderemos los primeros pasos para crear software y luego haremos el ...
Read more

Barcelona 28 + 29 Marzo 2015 - Rails Girls

Rails Girls Barcelona February 2015: ... los tutores te ayudarán en tus primeros pasos. 13:00 ... Puedes hacerte una idea visitando su página web.
Read more