Diseño Web Responsive Avanzado con Foundation 6 y SASS
4.4 (81 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
415 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Diseño Web Responsive Avanzado con Foundation 6 y SASS to your Wishlist.

Add to Wishlist

Diseño Web Responsive Avanzado con Foundation 6 y SASS

Aprende el Framework FRONTEND más AVANZADO del mundo, en este curso 100% práctico elaborarás 3 proyectos Web
4.4 (81 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
415 students enrolled
Last updated 8/2017
Spanish
Current price: $10 Original price: $95 Discount: 89% off
30-Day Money-Back Guarantee
Includes:
  • 15.5 hours on-demand video
  • 1 Article
  • 22 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Crea increíbles sitios web RESPONSIVE a cualquier dispositivo, este curso te llevará paso a paso en la elaboración de 3 PROYECTOS web diferentes.
  • Utilizar los distintos componentes de Foundation y adaptarlos a tus necesidades
  • Si deseas aprender Responsive Web Design, Foundation es tu mejor opción por su sintaxis sencilla y fácil de recordar
  • Utilizar los distintos componentes, variables y mixins de Foundation y adaptalo a tus necesidades
  • Conoce Media Queries y CSS para cambiar TOTALMENTE el aspecto de tu sitio web
View Curriculum
Requirements
  • Si deseas dar un paso más adelante en tus habilidades de Desarrollador Web este curso es para ti
  • Haber escrito un poco de HTML y CSS es suficiente para comenzar este curso
  • No es necesario tener experiencia con SASS
  • Durante el curso instalaremos Git, Node JS y Foundation CLI, pero te daré todos los pasos necesarios para lograrlo.
  • Hemos agregado como Convertir el diseño de este proyecto a un Tema de WordPress, para crear sitios 100% dinamicos!
Description

ACTUALIZADO DICIEMBRE 2016!

Además de crear 3 proyectos, hemos agregado 38 videos para que puedas convertir un Diseño hecho en Foundation 6 y SASS en un Tema de WordPress, para crear un sitio 100% dinamico!

¿Estas listo para crear asombros diseños adaptables para cualquier teléfono, tablet o computadora?

Hay muchos Frameworks Responsive para escoger hoy en día, pero Foundation es llamado el Framework Responsive más avanzado del mundo y en este curso aprenderás todo lo necesario para dominarlo.

Google recomienda tener un sitio Web Responsive para tener un mejor ranking. Este curso te ayudará a realizar diseños adaptables con Foundation for Sites.

Al finalizar este curso habrás construido un sitio web COMPLETO utilizando SASS y Foundation for Sites 6.

Who is the target audience?
  • Todo el sitio web será realizado escribiendo el código necesario, si lo tuyo es escribir código, este curso es para ti
  • Estudiantes que quieran desarrollar sitios web adaptables a gran velocidad, Deberian tomar este curso
  • Estudiantes que deseen aprender SASS deberian tomar este curso
  • Estudiantes que deseen aprender Responsive Web Design, deberían tomar este curso.
Curriculum For This Course
184 Lectures
15:36:38
+
Introducción al Curso: Revisando los Proyectos Finales
3 Lectures 12:44

Daremos un visto al proyecto final que construiremos en este curso.

Preview 04:22

Este será el segundo proyecto que aprenderás a realizar a lo largo del curso, será más avanzado, ya que tiene Gulp, ZURB Template, SASS, Handlebars, Flexbox y mucho más

Preview 03:58

En este video veremos lo que vamos a construir en este curso con Foundation 5 y SASS

Preview 04:24
+
Foundation 6: Instalando Foundation for Sites (MAC)
1 Lecture 08:54

Para trabajar con Foundation for Sites o la versión 6 es necesario tener Git y Node JS instalados, veamos como instalarlos en este video.

Instalar Foundation for Sites por Primera vez en una MAC
08:54
+
Foundation 6: Instalando Foundation for Sites (Windows)
3 Lectures 25:13

Si no tienes instalado Git, Node JS y Foundation, en este video instalaremos todo lo necesario para trabajar con Foundation for Sites en Windows.

Windows 7 Si es tu primera vez trabajando con Foundation 6 y SASS ve este video
08:48

Si utilizas Windows 10 necesitarás instalar Git, NodeJS, NPM, Gulp, Bower para poder instalar Foundation CLI. en este video veremos como hacerlo!

Windows 10 Si es tu primera vez trabajando con Foundation 6 y SASS ve este video
09:49

Si ya tienes instalado Foundation en tu computadora y quieres migrar a la nueva versión sigue este video.

NOTA: Si es la primera vez que trabajarás con Foundation en el siguiente capítulo encontrarás todos los detalles, para instalarlo.

Si ya has trabajado con Foundation y SASS ver este video
06:36
+
Foundation 6: Comenzando a trabajar con la Página Principal
21 Lectures 01:49:59

Para continuar el curso es necesario cambiar a la versión 6.3, veamos como hacerlo en este video

Habilitar Foundation For Sites 6.3
06:32

Aquí encontrarás los archivos PSD para este curso. Yo utilizo la versión CS6. Si no tienes Photoshop no te preocupes, encontrarás las imágenes ya cortadas y todo lo necesario para trabajar en el video anterior, en el archivo assets

Los Archivos PSD o Photoshop para esta sección
00:07

En este video veremos algunos de los archivos que estarán disponibles para descarga, de esta forma al finalizar el curso tus resultados serán iguales a los mios.

Los Archivos para este Curso (Proyecto 1)
01:22

Comenzaremos a escribir nuestro primer código HTML, agregaremos algunas la sección de Habitaciones para nuestro Proyecto.

Creando la sección de Habitaciones
08:20

Comenzaremos a conocer un poco de SASS, donde modificas algunas variables, etc.

Cambiando variables de SASS
03:41

En Foundation normalmente cambias las variables existentes, pero en caso de que algo no exista, puedes crear tu propio archivo de estilos, veremos como en este video.

Creando un archivo SCSS externo para nuestros estilos SASS
07:08

Los mixins te permiten declarar estilos que podrás volver a utilizar en tu código, Fondation tiene muchos mixins, pero en este video veremos el mixins de botones.

Utilizando y entendiendo Mixins
05:32

Agregar fuentes de Google, además de ser muy sencillo con SASS, hará que tus diseños luzcan atractivos, veamos como en este video.

Agregando Google Fonts con SASS
04:13

Agregaremos algunas imagenes a nuestro diseño que nos servirán como elemento de diseño de nuestro sitio web.

Agregando las imágenes de Fondo a nuestro diseño
03:22

Foundation for Sites hace que los Media Queries sean mas sencillos que nunca, veamos como utilizarlos

Media Queries con Foundation for Sites
04:55

Crearemos el HTML para crear una pequeña galería, más delante veremos componentes para hacerla 100% funcional

Creando una Galería de Imágenes
06:31

Veremos algunos estilos SASS para esta sección, además veremos algunas técnicas más avanzadas muy utilizadas hoy en dia :)

Estilos a nuestro Galería y sección Nosotros
06:24

Agregaremos una segunda imagen tal como se muestra en nuestro diseño de Photoshop

Agregando una segunda imagen de Fondo
01:53

Continuamos nuestro diseño, veremos algunos conceptos más sobre como centrar elementos con Foundation for Sites 6

Creando la sección para Reservaciones
03:43

Crearemos el Footer para este diseño, en esta parte agregaremos la parte del HTML

Comenzando a Crear el Footer (HTML y Clases de Foundation)
09:55

Foundation tiene su propia colección de Iconos, llamada Foundation Icons, veamos como agregarlos a nuestro diseño.

Agregando Foundation for Icons en el Footer
07:26

Finalicemos este Footer agregando algunos estilos de SASS.

Agregando estilos a nuestro Footer
08:30

Comenzaremos a trabajar con la parte del Video HTML5 una técnica muy utilizada hoy en día.

Agregando Video HTML5
03:59

En este video veremos como agregar un Logotipo y nuestro botón para activar el menú.

Agregando Nuestro Logotipo
03:51

Vamos a escribir un poco de CSS para hacer que nuestro diseño se vea como el archivo de Photoshop

Escribiendo Estilos al Header (Video 1 de 2)
04:57

En este video, finalizaremos nuestros estilos CSS para la parte superior. De ahí es momento de conocer los componentes de Foundation for Sites 6

Escribiendo Estilos al Header (Video 2 de 2)
07:38
+
Foundation 6: Agregando Componentes en Foundation for Sites
9 Lectures 46:45

En este video conoceremos el componente Off Canvas, en este componente puedes agregar lo que quieras, pero nosotros agregaremos una navegación en esta parte.

Agregando Off Canvas para nuestra navegación
05:15

Agregaremos un menú con submenu a nuestro off-canvas, Foundation for Sites tiene un componente llamado Drilldown que nos será muy útil.

Agregando Menú y Drilldown a nuestro Off-Canvas
05:18

En este video agregaremos algunos estilos a nuestro Menú Off canvas.

Estilos a nuestro Menú y Off Canvas
05:19

Foundation tiene un componente llamado Reveal, muy parecido a Modal en otros frameworks como Bootstrap, o Ligthbox en algunos otros. Veamos como implementarlo.

Agregando Reveal para las imágenes
04:22

Continuamos nuestro proyecto, en este video crearemos una pequeña función en jQuery para no estar repitiendo nuestras imágenes de la galería.

Creando una función JavaScript para cargar nuestras imágenes dinámicamente
09:20

Motion UI es una serie de animaciones y transiciones CSS3 especialmente hecho para Foundation, veamos como integrarlo a nuestro proyecto

Agregando Motion UI
02:53

En este video combinaremos 2 componentes, Reveal y Formularios.

Agregando un Formulario a una Ventana Reveal (Modal)
05:08

Las ventajas de Utilizar los campos de Texto para HTML5 son muchas, las veremos en este video.

Conociendo los Campos de Texto de HTML5
02:00

Foundation for Sites ofrece Validación para formularios, Abide validation es fácil de utilizar y muy poderoso, veremos como utilizarlo.

Abide Validation Para Validación de Formularios
07:10
+
Foundation 6: Trabajando con las Secciones Internas
15 Lectures 01:17:55

Antes de comenzar a trabajar con las páginas internas, hagamos un pequeño Template para no estar copiando todo el contenido una y otra vez.

Creando un Template para las Páginas Internas
04:42

Tenemos un div que actúa como una capa sobrepuesta a nuestro contenido (llamada overlay) veamos como hacer para que tome la altura dinámicamente ya sea para imágenes o video.

Creando una Función en JavaScript para Controlar la Altura de Nuestro Header
06:47

En este video finalizaremos la página de Nosotros.

Trabajando con la página de Nosotros.
05:48

Necesitamos una fuente más para nuestros enlaces y parrafos, vamos a agregarla con SASS.

Agregando una Fuente de Google Fonts para los Párrafos
02:19

En este video trabajaremos con la sección de Servicios, veremos push y pull columns

Creando la Sección de Servicios
07:20

En este video escribiremos un poco de CSS para central verticalmente nuestro diseño.

Centrando el Contenido Verticalmente
02:55

En este video veremos un componente Equalizer que ayudará a tener 2 divs con la misma altura, muy útil en algunos casos como este.

Utilizando Equalizer
03:54

En este video finalizaremos la sección de Habitaciones.

Finalizando la Sección de Habitaciones
05:53

Continuaremos trabajando nuestro diseño, en este video construiremos la página que tendrá el contenido para cada una de las habitaciones.

Creando las páginas para cada una de nuestras Habitaciones
09:35

Antes de pasar al componente Data Magellan, agregaremos un pequeño Menú, que nos ayudará para hacer el componente más fácild e trabajar.

Creando un Menú y cambiando los estilos CSS
04:45

Es momento de agregar Data-Magellan a nuestro sitio, es necesario agregar un poco de HTML, pero los resultados son increibles.

Agregando Data Magellan a nuestro sitio
03:27

Veamos como agregar un formulario de contacto, que será un poco diferente al que ya hicimos previamente

Creando el Formulario de Contacto (Video 1 de 2)
08:16

Finalizaremos nuestro formulario de Contacto en este video.

Creando el Formulario de Contacto (Video 2 de 2)
05:54

Una vez finalizado el HTML de nuestro sitio, es momento de crear cambiar algo de estilos para que se vea como nuestro diseño de Photoshop

Agregando estilos al Formulario de Contacto
04:12

Si deseas conocer donde puedes encontrar toda la información de Foundation y que variables puedes modificar, la documentación oficial es el lugar indicado para hacerlo.

¿Donde encontrar la documentación Oficial de Foundation for Sites?
02:08
+
Convirtiendo nuestro proyecto a un Tema de WordPress
38 Lectures 03:16:03

Vamos a instalar WordPress localmente para trabajar de forma más rápida

Instalando WordPress Localmente
05:29

Vamos a crear nuestro tema de WordPress para eso necesitaremos al menos 2 archivos, index.php y style.css

Creando un Tema en WordPress
04:40

Vamos a agregar las hojas de estilo a nuestra plantilla

Agregando hojas de estilo en nuestro tema
07:03

Vamos a agregar los archivos de JavaScript a nuestro Tema

Agregando Archivos de JavaScript a nuestro tema
06:29

Vamos a dividir nuestro diseño en distintos archivos, de esta forma nuestra cantidad de código se reducirá drasticamente :)

Creando un Header y un Footer
03:14

Vamos a crear las páginas principales para nuestro proyecto

Agregando las páginas principales
02:39

La jerarquia de Temas será tu mapa cuando hagas un Tema de WordPress

Revisando la Jerarquia de Temas en WordPress
02:58

Vamos a crear la página de Habitaciones que nos servirá como Indice para las otras

Creando las páginas para habitaciones
05:03

Veamos como realizar una consulta a la Base de datos

Realizando una consulta a la Base de Datos
06:50

Veamos como ajustar las fotografias y como WordPress maneja las imagenes 

Ajustando las fotografias de las habitaciones
05:51

Veamos como instalar Advanced Custom Fields a nuestro theme

Agregando campos extras con Advanced Custom Fields
07:43

Vamos a agregar las imágenes principales a nuestra página principal

Agregando imágenes principales al Inicio
06:11

Veamos como mostrar información de otras páginas en la principal

Mostrando información de otra página en el Inicio
02:44

En este video vamos a crear una galería con WordPress

Creando una Galeria en WordPress
06:49

Vamos a finalizar nuestra galeria

Finalizando nuestra Galeria
05:43

Vamos a ajustar el tamaño de nuestras imágenes para que se vean bien con nuestra galeria

Ajustando las imágenes de la galeria
01:21

Vamos a crear nuestro formulario de contacto para la página principal

Creando un formulario de contacto en WordPress
07:44

Vamos a crear nuestro menú para el footer

Registrado y Creando un Menu en WordPress
03:44

En este video crearemos una zona de Widgets,  y verás como utilizarlos 

Creando una Zona de Widgets
05:13

Nuestro Diseño contará con 3 widgets distintos, vamos a agregar los otros

Creando todas las zonas de widgets necesarias
03:23

WordPress tiene una serie de variables con información útil, vamos a hacer uso de ellas en este video

Mostrando el logotipo, slogan y videos
03:50

Vamos a crear nuestro menú principal

Creando e Imprimiendo el Menú Principal
04:27

Nuestro menú tiene un atributo para utilizar el efecto de Drilldown, veamos como utilizarlo

Haciendo nuestro menú compatible con el Drilldown
08:45

Foundation provee una serie de Utilidades en JavaScript, vamos a utilizar box en este video

Conociendo las utilidades de JavaScript para nuestro Overlay
02:54

Veamos como crear un template para nuestras páginas en WordPress

Creando el Template para Páginas
07:22

Vamos a crear un template para la página de Nosotros

Creando el Template para la página de Nosotros
04:16

Ahora crearemos un Template para Servicios

Creando el Template para Servicios
04:56

Vamos a imprimir todos nuestros servicios como en nuestro template original

Mostrando lo servicios en su página
03:35

Vamos a finalizar la sección de servicios en este video 

Finalizando la sección de Servicios
05:53

Vamos a crear el template para la sección de habitaciones en este video

Creando la sección de habitaciones
08:42

En este video vamos a crear el Template para cada habitación

Creando la sección para cada Habitación
05:04

Continuamos avanzando en este proyecto, ahora crearemos la galeria para las habitaciones

Creando la galeria para las habitaciones
09:23

Vamos a agregar la imagen del separador a nuestra página de habitación

Agregando la imagen del separador y formulario en Habitaciones
03:56

Vamos a agregar otra habitación para ver como sería la forma de cargar todas las habitaciones

Agregando una habitación más
02:48

En este video vamos a crear nuestro formulario para reservaciones

Creando el formulario de reservaciones
03:30

Vamos a realizar algunos ajustes a nuestro formulario

Ajustes a nuestro Formulario de Reservaciones
07:18

Vamos a finalizar nuestro formulario de contacto

Últimos ajustes al formulario de Contacto y viendo donde se guardan los mensajes
05:01

Vamos a eliminar algunos archivos que ya no son necesarios para nuestra plantilla

Limpiando nuestro Tema de Archivos Innecesarios
03:32
+
Proyecto 2: Single Page con SASS, Gulp, Flexbox, Handlebars y más
37 Lectures 03:13:46

Vamos a comenzar creando el proyecto utilizando Foundation CLI

Preview 05:22

El ZURB template es muy complejo, tiene muchas funcionalidades, pero las iremos viendo poco a poco dentro del curso.

Preview 04:04

Panini te permitirá dividir tu diseño en distintos componentes, le dará a tu HTML cierto dinamismo, Veamos como comenzar a trabajar con el.

Preview 05:20

Gracias a Handlebars, podemos utilizar variables dentro de los templates, veamos como hacerlo en este video.

Variables dentro de los Templates
05:05

Veamos como leer un archivo JSON y un YML con el ZURB Template.

Handlebars dentro de ZURB Template (leyendo un archivo YML y JSON)
05:52

Veamos el diseño en Photoshop que estaremos utilizando durante el curso, este archivo estará para descarga.

Nota el archivo requiere las fuentes Note Sans y Open Sans, además esta en Photoshop CS6.

Incluí el diseño en .jpg si no tienes photoshop, no necesitas Photoshop si no lo tienes para terminar el diseño, las imagenes y los colores los agregaremos más delante y todo estará disponible.

Viendo el Diseño de Photoshop para esta sección
02:27

Por default, Foundation no viene con Flexbox habilitado, lo habilitaremos en este video y haremos nuestra primer prueba

Preview 05:09

Nuestro Proyecto cuenta con una serie de imágenes para utilizar, vamos a agregarlas en este video.

Importando las imágenes a nuestro proyecto y creando un Header
05:39

Veamos como crear un menú de navegación con Foundation y Flexbox

Creando un menú de navegación
06:10

Veamos algunos métodos disponibles con JavaScript para detectar la medida actual.

Media Queries con JavaScript para detectar resizing
06:22

Veamos como detectar el tamaño actual de nuestro sitio web con JavaScript y Foundation

Detectando el tamaño actual con JavaScript
03:31

En este video agregaremos Orbit Slider a nuestro proyecto

Agregando Orbit Slider (Parte 1 de 2)
08:05

Nuestro Slider funciona, pero veremos como agregar botones de navegación y otras opciones.

Agregando Orbit Slider (Parte 2 de 2)
03:21

Motion UI te permitirá agregar animaciones a tu sitio de Foundation, veamos como implementarlo.

Agregando Animaciones a nuestros slides con Motion UI
05:35

En este video veremos como agregar una hoja de estilos que tendrá todo nuestro SASS

Agregando una hoja de estilos con SASS
03:47

Veamos como darle algo de estilos a nuestro menú principal.

Dando estilos a nuestro Menú Principal
06:51

En este video editaremos nuestro menú responsive con SASS.

Dando estilos a la navegación Responsive
06:19

Vamos a darle algo de estilos a nuestro slider para que se vea como nuestro diseño PSD

Estilos CSS a nuestro Slider
04:05

Veamos algunas clases de Flexbox que vienen con Foundation 6.

Creando la sección sobre nosotros con Flex Grid
05:30

En este video agregaremos Foundation Icons a nuestro diseño.

Agregando Foundation Icons a nuestro proyecto
04:34

Veamos como agregar una fuente Noto Sans a nuestro diseño.

Agregando una fuente de Google Fonts y aplicándola a nuestros headers
02:47

Vamos a darle estilos a nuestra sección de nosotros.

Finalizando los estilos de la sección Sobre Nosotros
05:01

Agregaremos un menú de redes sociales con Foundation Icons y Flexbox

Creando un menú de redes sociales en el header
03:45

Vamos a agregar algunos estilos para que nuestro menú se vea como deseamos.

Finalizando nuestro menú de redes sociales
03:03

En este video leeremos un archivo JSON con Handlebars para mostrar los productos de esta tienda virtual.

Leyendo un JSON para mostrar nuestros productos
04:45

Veamos como integrar Foundation a nuestro JSON para mostrar los productos como deseamos.

Agregando HTML a nuestros productos para mostrarlos con Foundation
05:21

Agregaremos algo de SASS a nuestros productos para terminar esta sección

Finalizando la sección de productos con SASS
10:38

Vamos a crear la sección de testimoniales con un Slider

Trabajando con la sección de Testimoniales
05:50

Vamos a ver que variables podemos editar para testimoniales en Foundation

Estilos a nuestro Slider de Testimoniales
05:48

Flexbox te permitirá re ordenar elementos muy fácilmente, veamos como hacerlo desde html y desde CSS

Preview 06:51

Veamos como crear un formulario de Contacto.
Nota en los archivos del curso encontrarás un GIST de todo este código.

Creando un formulario de Contacto
06:52

Vamos a darle estilos a nuestro formulario de Contacto

Agregando Estilos a nuestro formulario
07:15

Vamos a crear un footer para nuestro Single Page

Creando un Footer
02:27

Veamos como alinear los elementos de Nuestro footer fácilmente con flex-grid

Clases de Foundation y Flexbox para alinear elementos
02:46

Veamos como crear un menú que detecte el scrolling del usuario de Data Magellan

Agregando Data Magellan y detectando el Scrolling del usuario en el sitio
06:24

Veamos como detectar la sección actual en la que se encuentre el usuario.

Detectando la sección actual del sitio web en la barra de navegación
05:19

Vamos a darle los toques finales a nuestro diseño, veremos que detalles le podemos dar para dispositivos móviles.

Toques finales para dispositivos móviles
05:46
+
Novedades en Foundation For Sites
1 Lecture 27:09

En este video veremos algunas de las novedades en Foundation 6.3, algunos nuevos componentes y nueva sintaxis

Novedades en Foundation 6.3
27:09
+
Proyecto 3: Foundation 5 y SASS
3 Lectures 04:19

Veamos los archivos Photoshop para este curso. Los archivos funcionan para la versión de Photoshop CS6. Y requieren 2 fuentes, en los recursos encontrarás los enlaces para estas fuentes.

Los Archivos Photoshop para este curso. (Proyecto 1)
02:11

He agregado los ejercicios para cada video, aquí te mostraré como funcionan.

Preview 01:11

Los Code Snippets fueron Diseñados para hacerte más fácil el comparar tu código con el mio y veas exactamente que escribo, espero te sean de utilidad.

Utilizando los Code Snippets
00:57
8 More Sections
About the Instructor
Juan Pablo De la torre Valdez
4.5 Average rating
3,774 Reviews
13,504 Students
19 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.

----------------------------------------------------------------------------------------

Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.