Top ventas

Diseño, desarrollo y publicación de una página web

Un curso de Javier Usobiaga Ferrer
Diseñador web. Barcelona, España.
Se unió en abril de 2015
, Diseñador web

Haz un recorrido completo por el proceso de creación y publicación de una web usando HTML, CSS y JavaScript

  • Top ventas
  • 98% valoraciones positivas (360)
  • 14860 estudiantes
  • Audio: Español
  • Español, Inglés, Portugués, Alemán, Francés, Italiano, Polaco, Neerlandés

Haz un recorrido completo por el proceso de creación y publicación de una web usando HTML, CSS y JavaScript



  • 98% valoraciones positivas (360)
  • 14860 estudiantes
  • 27 lecciones (2h 58m)
  • 33 recursos adicionales (6 archivos)
  • Online y a tu ritmo
  • Disponible en la app
  • Audio: Español
  • Español, Inglés, Portugués, Alemán, Francés, Italiano, Polaco, Neerlandés
  • Nivel: Iniciación
  • Acceso ilimitado para siempre


En el diseño web, una buena interfaz busca complacer y responder a cómo el cerebro humano actúa. Eso significa que tenemos en todos nosotros un diseñador, a veces inconsciente o dormido, que es capaz de ver algo que funciona, que es armónico, aunque no entienda por qué. Si quieres aprender los principios de diseño de una web y despertar a ese diseñador que llevas dentro, estás en el lugar indicado.

En este curso verás las dos caras de la creación de una web: por un lado verás las técnicas básicas para planificar una web, organizar la información en wireframes, y crear una gramática visual con tipografía, paletas de colores, espaciados, composición, ilustración. Después te adentrarás en la construcción de esa página usando HTML, CSS, y JavaScript, hasta el momento de publicar la página en internet.

Tu guía durante este proceso será Javier Usobiaga, diseñador web, fundador del estudio Swwweet y profesor de otros cursos en Domestika como
Gráficos vectoriales SVG: ilustrar y animar con código, Layout web con CSS Grid, Flexbox y otras técnicas modernas, Introducción a la programación en JavaScript e
Introducción al Desarrollo Web Responsive con HTML y CSS, que pueden servirte como complemento a lo expuesto en este curso.

¿Qué aprenderás en este curso online?

Tabla de contenidos del curso

  • U1
    U1. Introducción
  • U2
    U2. Ideación de una web
  • U3
    U3. Diseño visual
  • U4
    U4. Sistema de plantillas
  • U5
    U5. Desarrollo frontend
  • U6
    U6. Interacción web
  • U7
    U7. Publicación de una web
  • PF
    PF Proyecto final
Ver detalle

Empezarás el curso conociendo a Javier y a algunos diseñadores y desarrolladores que escriben artículos y hacen diversos experimentos sobre las tecnologías web a los que merece la pena seguirles la pista. Descubrirás también los contenidos del curso.

Aprenderás sobre los principios del diseño visual y los elementos que lo componen, y trabajarás principalmente los más fundamentales, como la tipografía, el color, la retícula y la ilustración.

Obtendrás tu primer acercamiento a un generador de HTML estático y su sistema de plantillas, así como a la organización de archivos y la creación de páginas maestras.

En la siguiente unidad, empezarás a pasar el sistema de diseño planteado al código front-end: la tipografía, el color, la retícula y otros componentes.

Añadirás más elementos de interacción al proyecto a través de diferentes librerías y funciones de JavaScript.

Verás cómo funcionan los gestores de versiones de código y, finalmente, usarás un servicio de publicación para dar a conocer tu web al mundo.

¿Cuál es el proyecto del curso?

Crearás, desarrollarás y publicarás una página web con tu porfolio de trabajo.

Proyectos de estudiantes del curso

¿A quién está dirigido este curso online?

A todas las personas que tengan interés en aprender los principios del diseño de una web y que quieran publicar su propia página web.

Requisitos y materiales

Sería recomendable tener unos conocimientos básicos de HTML y CSS. Si no dispones de ellos, se recomienda completar el primer curso de Javier en Domestika: Introducción al desarrollo web responsive con HTML y CSS.

Necesitarás un ordenador y un editor de código (Javier te propondrá algunos gratuitos). También puede ser interesante contar con un programa de diseño visual como Sketch, Figma o Adobe XD, aunque no son imprescindibles.


Valoraciones

14860 Estudiantes
360 Valoraciones
98% Valoraciones positivas

Javier Usobiaga Ferrer

Profesor Plus
Diseñador web

Javier Usobiaga es diseñador web y desarrollador FrontEnd, desde hace más de 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.

También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.

Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.

En sus palabras “creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso”.


Contenidos

  • U1

    Introducción

    • Presentación
    • ¿Qué haremos en el curso?
    • Influencias
  • U2

    Ideación de una web

    • Arquitectura de la información
    • Inventario de contenidos
    • Objetivos del diseño, marco de trabajo y referencias
  • U3

    Diseño visual

    • Ilustración e iconografía
    • Retícula y ritmo vertical
    • Paleta de colores en una interfaz
    • Composición tipográfica
    • Investigación visual
    • Principios y herramientas
  • U4

    Sistema de plantillas

    • Estructura de archivos y funcionamiento
    • Condicionales y parciales
    • Páginas maestras y creación de nuevas páginas
    • Preparación del entorno y editores de código
  • U5

    Desarrollo frontend

    • Completando la interfaz
    • Componentes de interfaz
    • Sistema de retícula
    • Composición tipográfica y color
    • Organización del código
  • U6

    Interacción web

    • Completando la interacción
    • Implementando una galería
    • Menús interactivos y desplegables
  • U7

    Publicación de una web

    • Recursos adicionales
    • Servicios de publicación
    • Gestión de versiones de código
  • PF

    Proyecto final

    • Diseño, desarrollo y publicación de una página web

Qué esperar de un curso de Domestika

  • Aprende a tu ritmo

    Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.

  • Aprende de los mejores profesionales

    Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.

  • Conoce a profesores expertos

    Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.

  • Certificados
    Plus

    Si eres Plus o PRO, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.

  • Ponte en primera fila

    La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.

  • Comparte conocimientos e ideas

    Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.

  • Conecta con una comunidad creativa global

    Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.

  • Realiza cursos profesionalmente producidos

    Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.


Preguntas frecuentes

Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.

La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Si eres Plus o PRO, cuando completes el curso recibirás tu certificado personalizado al instante. Puedes ver todos tus certificados yendo a la sección Certificados de tu perfil. Podrás descargar los certificados en PDF y compartir el enlace online. Saber más sobre los certificados
Diseño, desarrollo y publicación de una página web. Un curso de Diseño Web y App de Javier Usobiaga Ferrer Top ventas

Diseño, desarrollo y publicación de una página web

Un curso de Javier Usobiaga Ferrer
Diseñador web. Barcelona, España.
Se unió en abril de 2015
  • 98% valoraciones positivas (360)
  • 14860 estudiantes