HTML, CSS y JavaScript para principiantes
Un curso de Yannick GregoireDesarrollador creativo
Un curso de Yannick Gregoire, Desarrollador creativo
Aprende las bases del diseño web creativo y construye páginas interactivas desde cero con HTML, CSS y JavaScript
Al igual que la pintura, la arcilla o la tela, los lenguajes de programación pueden ser un medio para expresar nuestras ideas creativas. Yannick Gregoire es un desarrollador que opera en la encrucijada entre el diseño, la codificación y la animación para construir sitios web funcionales pero artísticos. Ha trabajado con marcas como Mitsubishi, Sony y Canon, así como con varias organizaciones sin fines de lucro y estudios de diseño.
En este curso en línea, aprenda los fundamentos del desarrollo web usando HTML, CSS y Javascript. Yannick lo guía a través del proceso de creación de sitios web dinámicos de principio a fin, además de cómo usar la animación y las propiedades interactivas para darles vida. Explore las posibilidades creativas de la codificación para diseñar páginas atractivas.
¿Qué aprenderás en este curso online?
22 lecciones & 26 recursos adicionales
Configuración de su entorno de codificación
2 minutos, 7 segundos
Análisis de un documento de diseño y planificación
6 minutos, 0 segundos
Estructura del documento en HTML
5 minutos, 58 segundos
Transiciones, animaciones y filtros en CSS
14 minutos, 42 segundos
¿Qué incluye este curso?
Conoce a tu profesor del curso, Yannick Gregoire. Descubra qué lo llevó al diseño web creativo y de dónde obtiene su dosis diaria de inspiración, desde el código hasta las interfaces interactivas.
A continuación, obtenga una introducción al mundo del desarrollo web. Yannick lo lleva a través de los fundamentos de HTML, CSS y Javascript. Vea cómo se diseñan los sitios web y las herramientas que necesita para planificarlos y desarrollarlos.
Es hora de diseñar su sitio. Aprenda a escribir la estructura y el contenido de una página con HTML. Luego vea cómo diseñar esos elementos usando código CSS y darles vida con animaciones y transiciones.
Una vez que haya creado el marco, hágalo dinámico e interactivo con JavaScript. Profundice en los fundamentos como las variables, las funciones, el selector de consultas y los detectores de eventos para optimizar la experiencia del usuario.
Finalmente, Yannick le muestra cómo poner en marcha su sitio. También comparte algunos consejos sobre la línea de comandos y técnicas para mejorar su codificación para proyectos futuros.
¿Cuál es el proyecto del curso?
Diseñe un portafolio web de una página combinando HTML, CSS y JavaScript.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
Cualquier persona interesada en aprender desarrollo web creativo.
Requisitos y materiales
Todo lo que necesita para este curso es un navegador moderno y un editor de texto de su elección.
Opiniones
- hace 15 días
me gusta mucho el curso
- hace 2 meses
Me encanta porque he conseguido entender lo básico. Falta que el doblaje lo mejoren. Gracias.
- hace 2 meses
esnuy bueno productivo a nivel de crecicimiento profesional
- micheal001PLUShace 2 meses
i am really enjoying your videos but some are in different languages other than english just the subtitles are in english i wish all videos had english
- hace 3 meses
Excelente para principiantes
Desde que inició su carrera, Yannick ha colaborado con marcas como Mitsubishi, Canon y Sony. Tiene una pasión particular por asociarse con personas y organizaciones que tienen un impacto social positivo, lo que lo ha llevado a crear plataformas para la Cruz Roja Holandesa y N-Ost: Clima en Asia Central.
Contenidos
- U1
Introducción
- Presentación
- Influencias
- U2
Breve introducción al desarrollo web
- ¿Por qué crear sitios web con HTML, CSS y Javascript?
- Navegadores y herramientas para desarrolladores
- Configuración de su entorno de codificación
- Análisis de un documento de diseño y planificación
- U3
Trabajar en HTML y CSS
- Estructura del documento en HTML
- Etiquetas y atributos básicos en HTML 1
- Etiquetas y atributos básicos en HTML 2
- Comenzar a trabajar en CSS
- Propiedades de CSS 1
- Propiedades de CSS 2
- Consultas de medios y fuentes web en CSS
- Transiciones, animaciones y filtros en CSS
- U4
Trabajar en Javascript y publicar
- Comenzar con Javascript
- Variables y funciones
- La función querySelector
- Eventos
- Publicación del sitio web
- U5
Herramientas de construcción
- Terminal
- Node.js
- CSS final
- PF
Proyecto final
- HTML, CSS y JavaScript para principiantes
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
Sí, este curso está pensado para principiantes y cubre conceptos básicos de desarrollo web usando HTML, CSS y JavaScript. No se requiere experiencia previa en programación.
Solo necesitas una computadora con acceso a internet y un navegador web moderno. Se recomiendan herramientas gratuitas como un editor de texto (por ejemplo, VS Code) y Figma para análisis de diseño.
Aprenderás a construir sitios web hechos a mano con HTML, CSS y JavaScript, crear animaciones web, usar las herramientas de desarrollo del navegador y diseñar páginas web interactivas y visualmente atractivas.
Sí, el curso enseña cómo integrar HTML, CSS y JavaScript para estructurar, estilizar y añadir interactividad a tus proyectos web.
Sí, explorarás técnicas de animación web usando CSS y JavaScript, incluyendo keyframes, transiciones y efectos de movimiento interactivos.
Por supuesto. El curso te guía para aplicar tus habilidades en HTML, CSS y JavaScript para crear y publicar tu propio sitio web de portafolio.
Sí, aprenderás a inspeccionar, modificar y depurar elementos y estilos de sitios web en tiempo real usando herramientas como Chrome DevTools.