Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less,...
Transcript of Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less,...
![Page 1: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/1.jpg)
No maltrates a tus usuarios / clientes
w w w. l a n g p r o v i n g . c o m
1 6 - 2 4 J u n i o , 2 0 1 4
Buenas prác t i ca s en di s eño de in ter face s web / móvi le s y la impor tancia de la s métr ica s de uso
# u x t e n e r i f e
Romén Rodr íguez C E O – L a n g p r o v i n g
@ r o m e n r g
![Page 2: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/2.jpg)
IMPLEMENTEMOS LAS INTERFACES DE LOS PROYECTOS DE CADA GRUPO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
![Page 3: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/3.jpg)
IMPLEMENTEMOS LAS INTERFACES DE LOS PROYECTOS DE CADA GRUPO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
C o l a b o r a c i ó n d e L a n g p r o v i n g :
E s a ú S u a r e z F r o n t - e n d E n g i n e e r @ L a n g p r o v i n g
w w w. l a n g p r o v i n g . c o m
![Page 4: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/4.jpg)
CREAR CUENTA EN GITHUB UNA POR GRUPO
![Page 5: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/5.jpg)
HAGAN UN FORK DEL BOILERPLATE CREADO POR LANGPROVING
![Page 6: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/6.jpg)
DESCARGUEN SU COPIA A SU PC TRAS HABER HECHO EL FORK A SU CUENTA PREVIAMENTE
![Page 7: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/7.jpg)
CREEN LA RAMA PARA WEB ESTÁTICA GITHUB NOS PERMITE ALOJAR WEBS ESTÁTICAS DE ESTA FORMA
![Page 8: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/8.jpg)
INSTALEN GRUNT NOS PERMITE LEVANTAR UN SERVIDOR LOCAL Y GENERAR CSS DESDE LESS
![Page 9: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/9.jpg)
EJECUTEN GRUNT Y VERÁN COMO LEVANTA EL SERVIDOR, GENERA CSS Y QUEDA EN ESPERA
![Page 10: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/10.jpg)
YA TIENEN TODO LO NECESARIO AHORA VAMOS A CON ALGUNA AYUDA
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
![Page 11: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/11.jpg)
NECESITARÁN UN IDE SUBLIME TEXT NOS VALE PARA ESTE CURSO
![Page 12: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/12.jpg)
LESS PLUGIN PARA SUBLIME TEXT PARA COLOREADO DE SINTAXIS
![Page 13: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/13.jpg)
MANOS A LA OBRA ESTRUCTURA Y UN EJEMPLO DE LESS + MEDIA QUERIES
![Page 14: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/14.jpg)
AHORA TOCA IMPLEMENTAR NUESTRAS UI INTENTANDO CONSEGUIR LA MEJOR EXPERIENCIA DE USUARIO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
![Page 15: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/15.jpg)
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
C o l a b o r a c i ó n d e L a n g p r o v i n g :
E s a ú S u a r e z F r o n t - e n d E n g i n e e r @ L a n g p r o v i n g
w w w. l a n g p r o v i n g . c o m
AHORA TOCA IMPLEMENTAR NUESTRAS UI INTENTANDO CONSEGUIR LA MEJOR EXPERIENCIA DE USUARIO
![Page 16: Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)](https://reader030.fdocuments.ec/reader030/viewer/2022032617/55b0699f1a28abb6698b4732/html5/thumbnails/16.jpg)
No maltrates a tus usuarios / clientes
w w w. l a n g p r o v i n g . c o m
Buenas prác t i ca s en di s eño de in ter face s web / móvi le s y la impor tancia de la s métr ica s de uso
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
Romén Rodr íguez C E O – L a n g p r o v i n g
@ r o m e n r g