Programación con HTML, CSS y JavaScript
En esta unidad vamos a explicar cómo agregar una mejora al Cookie Clicker que permita ganar galletas extra con cada clic. Imagen para activar la mejora Al hacer click sobre esta imagen activarás la mejora de galletas extra. Puedes elegir cualquier imagen para tu juego, teniendo en cuenta simplemente que deberás colocarla dentro de la…
En esta parte implementaremos la funcionalidad básica del juego, es decir, un contador que acumule galletas a media que vayamos haciendo clicks. La galleta Puedes elegir cualquier imagen para tu juego. A continuación te proporcionamos una de ejemplo: Como iremos utilizando más imágenes a medida que vayamos añadiendo funcionalidad a nuestro juego, lo ideal es…
En las siguientes unidades aprenderemos a desarrollar nuestra propia versión del popular juego Cookie Clicker, utilizando simplemente tecnologías web. Además, podremos compilar nuestra aplicación en formato «apk» para instalarla en cualquier dispositivo móvil. Contando galletas Galletas extra por cada click Guardando el progreso Reiniciando el progreso del juego Añadiendo icono y estilos Compilando la aplicación…
Presentación Infografía Diapositivas y vídeo A través de esta presentación, estas diapositivas, y este vídeo, te familiarizarás con los contenidos clave de esta unidad. Introducción Las listas se comportan como cualquier otro texto en su mayor parte, pero hay algunas propiedades CSS específicas de las listas que debes conocer y ciertas recomendaciones a tener en cuenta. En esta unidad conoceremos…
Presentación Infografía Diapositivas y vídeo A través de esta presentación, estas diapositivas, y este vídeo, te familiarizarás con los contenidos clave de esta unidad. Introducción A la hora de dar estilo a los enlaces, es importante comprender cómo utilizar las pseudoclases para diseñar los estados de un enlace de manera efectiva y cómo diseñar enlaces para su uso en…
Utilizando una combinación de código HTML, CSS y JavaScript vamos a crear una página web de temática navideña con animaciones. Además, el usuario podrá interactuar haciendo clic en las imágenes. HTML CSS JavaScript Desarrollaremos una función que se ejecute al hacer clic en las imágenes. Dicha función realizará tres acciones: Imágenes y archivos de audio…
JavaScript es un lenguaje de programación esencial en el desarrollo web moderno. Es importante aprenderlo por varias razones: En resumen, aprender JavaScript abre puertas a numerosas oportunidades en el desarrollo web y es fundamental para cualquier persona interesada en la programación de aplicaciones multiplataforma. Conceptos importantes
Un objeto es una entidad fundamental en JavaScript que permite almacenar y organizar datos de diferentes tipos en una estructura única. Los objetos se componen de pares clave-valor, donde cada clave es una propiedad y cada valor puede ser cualquier tipo de dato, incluyendo otros objetos. Los objetos en JavaScript son muy flexibles y versátiles,…
Las funciones desempeñan un papel esencial en la creación de programas y aplicaciones porque incrementan la eficiencia, la modularidad y la legibilidad del código. En esta unidad abordaremos todo lo relativo a las funciones en JavaScript, desde su definición y tipos hasta parámetros, valores de retorno, ámbito, funciones anidadas, expresiones de función, y más. Además,…
Los tipos de datos son la base fundamental para almacenar y manipular información en cualquier lenguaje de programación. En JavaScript, existen varios tipos de datos básicos que se utilizan para representar diferentes tipos de valores. A continuación veremos los tipos de datos básicos en JavaScript, junto con ejemplos para cada uno de ellos. Números Los…