Introducción al Desarrollo Web Responsive con HTML y CSS
Un curso de Javier Usobiaga Ferrer , Diseñador web
Aprende los fundamentos del Desarrollo Web Frontend
¡Lleva tu diseño al navegador! En este curso, Javier Usobiaga te enseñará a crear páginas web con las herramientas más fundamentales: HTML y CSS. Aprenderás a escribir tu propio código y cambiarás tu forma de ver (y de diseñar) la web, entendiendo cómo funciona por dentro y cómo diseñar una web responsive para que sea más efectiva. Y si el diseño no es lo tuyo, este curso puede suponer una buena base para comenzar en el mundo del Desarrollo Web Front-end.
¿Qué aprenderás en este curso online?
31 lecciones & 13 recursos adicionales
- 98% valoraciones positivas (2.5K)
- 49.369 estudiantes
- 31 lecciones (2h 18m)
- 13 recursos adicionales (9 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español, Inglés, Francés, Italiano, Portugués, Türkçe
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe
- Nivel: Iniciación
- Acceso ilimitado para siempre
¿Cuál es el proyecto del curso?
El proyecto final consiste en crear una página web responsive (la web de una cafetería ficticia) en base a un diseño facilitado como síntesis de las diferentes materias que veremos a lo largo del curso.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A todas aquellas personas que deseen adquirir unos conocimientos básicos de HTML y CSS, sean diseñadores o no.
Requisitos y materiales
Para este curso no necesitas grandes conocimientos técnicos ni de diseño. Necesitarás un ordenador y un editor de código gratuito.
Opiniones
Javier Usobiaga Ferrer
Un curso de Javier Usobiaga Ferrer
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 del curso y del proyecto
-
La web: HTML, CSS y JS
-
Editor de código. Crear un proyecto. Entorno de edición
-
Inspector y herramientas de desarrollador
-
-
U2
Estructura HTML
-
Las etiquetas HTML y los atributos
-
Etiquetas de texto
-
Imágenes y enlaces
-
Etiquetas de bloque
-
Etiquetas de documento
-
-
U3
Empezando con CSS
-
Vincular un archivo CSS y sintaxis de la CSS
-
Selectores básicos
-
Estilos tipográficos
-
Especificidad y estructura en las hojas de estilo
-
Selectores avanzados: las pseudo-clases
-
-
U4
Estructuras en CSS
-
Estilos del navegador y Reset CSS
-
El modelo de caja
-
Displays
-
Floats
-
Position
-
-
U5
Decoración en CSS
-
Estilos para listas
-
Border, border-radius y box-shadow
-
Fondos e imágenes de fondo
-
Webfonts
-
-
U6
Técnicas responsive
-
El diseño responsive y Mobile First
-
Estructura flexible
-
Las media queries
-
Navegación responsive
-
-
U7
Añadiendo interacción
-
Enlace de email
-
Transiciones en CSS
-
Vincular un archivo JavaScript
-
Navegación con JavaScript añadido
-
-
PF
Proyecto final
-
Desarrollo web respondive con HTML y CSS
-
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
PlusSi eres Plus, 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
¿Qué son los cursos online de Domestika?
Los cursos de Domestika son clases online que te permiten aprender nuevas habilidades y crear proyectos increíbles. Todos nuestros cursos incluyen la oportunidad de compartir tu trabajo con otros estudiantes y/o profesores, creando una comunidad activa de aprendizaje. Ofrecemos diferentes formatos:
Cursos Originales: Clases completas que combinan vídeos, textos y materiales didácticos para realizar un proyecto concreto de principio a fin.
Cursos Basics: Formaciones especializadas donde dominas herramientas de software específicas paso a paso.
Cursos de Especialización: Caminos de aprendizaje con varios profesores expertos sobre un mismo tema, perfecto para convertirte en especialista aprendiendo de diferentes enfoques.
Cursos Guiados: Experiencias prácticas ideales para adquirir habilidades concretas de forma directa.
Cursos Intensivos (Deep Dives): Nuevos procesos creativos basados en herramientas de inteligencia artificial en un formato accesible para una comprensión profunda y dinámica.
¿Cuándo empiezan y cuándo acaban los cursos?
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.
¿Qué incluyen los cursos de Domestika?
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.
¿Te han regalado un 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.
No lo he terminado aun y el curso ha sido excelente, el profesor es muy bueno explicando y captando la atención del estudiante mis 10/10
Excelente curso!
Me gusta la forma en que explica todo el material del curso. También me gusta cómo está estructurado todo el curso para que sea fácilmente accesible y fácil de completar con las lecciones. Actualmente estoy estudiando Programación de Computadoras en el Colegio Conestoga y con este curso, me ayudará a hacer algunas de mis clases de programación en el campus.
Me gusta como explica
Hay ciertos conceptos que se quedan sin explicar durante el proceso o conceptos que se explican sin nada de profundidad. Creo que el curso se podría hacer un poco más largo con el fin de que todo quede bien entendido.