Introducción a la programación en JavaScript
Un curso de Javier Usobiaga FerrerDiseñador web
Un curso de Javier Usobiaga Ferrer, Diseñador web
Iníciate en el lenguaje de programación esencial para la creación de webs interactivas
JavaScript es considerada la "tercera parte de la web" y el lenguaje de programación diseñado para agregarle una capa de interactividad a cualquier página web. En conjunto con HTML y CSS forman los tres lenguajes de programación más importantes.
Este curso es una introducción a JavaScript, partiendo desde lo más básico —sintaxis y variables— y progresivamente irás ampliando conocimientos —condicionales, arrays, loops, eventos—utilizando un juego de Memory que irás mejorando poco a poco de la mano de Javier Usobiaga, diseñador web y fundador del estudio Swwweet con más de 10 años de experiencia.
Si este es tu primer acercamiento al diseño web, es recomendable que hagas antes el curso, también de Javier Usobiaga, de Introducción al Desarrollo Web Responsive con HTML y CSS.
¿Qué aprenderás en este curso online?
25 lecciones & 14 recursos adicionales
¿Para qué sirve JavaScript?
3 minutos, 16 segundos
Configuración del editor
4 minutos, 22 segundos
Incorporando JS a nuestra web
6 minutos, 42 segundos
Elementos y sintaxis
10 minutos, 36 segundos
Variables, numerales, literales
7 minutos, 27 segundos
Operadores, funciones
10 minutos, 19 segundos
¿Qué incluye este curso?
Empezarás conociendo a Javier, su trabajo y sus influencias en el mundo del diseño y desarrollo web.
Entenderás qué es JavaScript, para qué funciona y por qué es uno de los lenguajes de programación básicos de la web, junto a HTML y CSS. Aprenderás a configurar tu editor de código para trabajar de manera más cómoda y, luego, verás cómo incorporar JavaScript a una web.
Tus primeras interacciones con JavaScript involucrarán variables, funciones, eventos y loops, que aprenderás a escribir junto a otras funciones básicas complementarias de JavaScript.
A partir de aquí, empezarás a diseñar tu juego de Memory, empezando por el array, o listado de valores, que representa la baraja de cartas que integran el juego.
Añadirás eventos y azar al reparto de cartas para ir introduciendo dificultad en el juego.
Lo siguiente será agregar el primer elemento de interactividad a tu juego de Memory: marcar como erróneo o correcto el par de cartas seleccionado. Poco a poco irás creando funciones que resuelvan una parte concreta del script, como el acierto, el error, entre otros, y también, gestionando feedback ante dichos aciertos y errores.
Siguiendo el incremento de dificultad, añadirás un cronómetro, niveles de juego, efectos de sonido y nuevos detalles a la interfaz del juego.
Por último, harás un repaso de las diferentes librerías y recursos que complementan JavaScript, como jQuery, React y Vue.
¿Cuál es el proyecto del curso?
Realizarás una mejora —nuevas reglas, correcciones, efectos— sobre el juego de Memory que crearás a lo largo del curso.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A cualquier persona con interés por el diseño web y que tenga conocimientos básicos de HTML y CSS.
Requisitos y materiales
Necesitarás conocimientos básicos de HTML y CSS, además de un ordenador y un editor de código.
Opiniones
- j3_87PLUShace 26 días
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
- hace 3 meses
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- hace 5 meses
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- hace 5 meses
Great course and very detailed!
- hace 5 meses
Muy buen curso
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
- Influencias
- U2
Empezando con JavaScript
- ¿Para qué sirve JavaScript?
- Configuración del editor
- Incorporando JS a nuestra web
- Elementos y sintaxis
- U3
Primeras interacciones
- Variables, numerales, literales
- Operadores, funciones
- Event listeners
- Alterar el contenido del DOM
- Condicionales y booleanos
- U4
Una baraja de cartas
- Operaciones con arrays
- Loops
- Eventos en loop
- Los objetos en JavaScript. El azar o Math.random()
- U5
Un juego de Memory
- Interacción básica
- Comunicación entre funciones
- Organización de archivos
- Gestionando el feedback
- U6
Sube de nivel
- Cronómetro y contador
- Niveles de juego
- Efectos de sonido
- Completando la interfaz
- U7
Librerías y recursos
- Librerías de JavaScript
- Recursos
- PF
Proyecto final
- Introducción a JavaScript
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
El curso está diseñado para personas con conocimientos básicos de programación y HTML/CSS, pero no es necesario ser experto. Es ideal si ya tienes una base y quieres profundizar en interactividad y lógica en JavaScript.
Solo necesitas una computadora con acceso a internet y un editor de código gratuito como VSCode, Brackets o Atom. También se recomienda tener conocimientos básicos de HTML y CSS para aprovechar al máximo el contenido.
Aprenderás a manipular el DOM, manejar eventos, usar variables, funciones, condicionales, arrays y objetos, además de crear un juego de memoria completo con niveles, cronómetro, animaciones y efectos visuales en JavaScript.
El curso se centra en el desarrollo de aplicaciones web interactivas usando JavaScript, con un enfoque práctico en la creación de un juego de memoria digital, aplicando lógica, estructuras de datos y técnicas modernas de programación.
Sí, crearás un juego de memoria completamente funcional, implementando lógica de niveles, cronómetro, manejo de eventos, arrays multidimensionales, animaciones y reinicio de partida usando JavaScript puro.
Se recomiendan editores gratuitos como VSCode, Brackets o Atom. Aprenderás a instalar extensiones como Prettier o Bracket Colorizer y a configurar opciones de formateo y linting para mejorar la legibilidad y calidad del código.
Podrás crear juegos web interactivos, aplicaciones modulares, interfaces dinámicas y experimentar con animaciones, efectos visuales y lógica avanzada usando JavaScript y HTML/CSS.