Programacion y bases de datos
PRIMERA ACTIVIDADBT1Modulo "Programacion" del "Tecnico Superior en Desarrollo de Aplicaciones Web"CARMEN CASTRO GONZaLEZ
START
DESCRIPCIoN
¡Bienvenid@!El módulo de "Programación" es un universo entero. En este recurso, nos centraremos en los cimientos: la Programación Estructurada.Dominar esta base (variables, bucles, condicionales) es el primer paso esencial antes de saltar a conceptos más avanzados como la Programación Orientada a Objetos (POO).¡Comencemos!
NEXT
CONTENTS
Estructuras de control
02.
Elementos básicos
01.
Estructuras de almacenamiento
Conclusión
04.
03.
NEXT
Los cimientos de la programacion.
01. Elementos bAsicos
NEXT
¿Qué es un Programa?
Lo basico
Imagina un programa como un gran mapa estelar, una serie de coordenadas precisas que tu nave (el ordenador) debe seguir para alcanzar un destino: ¡realizar una tarea o resolver un misterio cósmico!
+ INFO
NEXT
Lenguaje JavaScript
TU HERRAMIENTA PRINCIPAL
Video
JavaScript es el lenguaje fundamental del desarrollo web y la base de todas las tecnologías (como HTML, CSS, React o Angular) que se verán en el resto del ciclo.
NEXT
Variables
+ INFO
En el espacio, necesitas contenedores para almacenar recursos (oxígeno, combustible, minerales). En programación, usamos variables: 'cajas' para guardar datos volátiles como la puntuación de tu misión o el nombre de un planeta.
+ INFO
NEXT
Tipos de datos
¿qUe SE ALMACENA?
STRING
No todas las variables guardan el mismo tipo de información. En JavaScript, los 3 tipos de datos más básicos son:
NUMero
NEXT
booleano
Tipos de datos
juego: el clasificador de datos estelares
NEXT
+ INFO
OPERADADORES
tipos de operadores
Aritméticos
Lógicos
De comparación
Nos permiten encadenar varias comparaciones en una sola. && (Y lógico): Devuelve true si AMBAS son verdaderas. || (O lógico): Devuelve true si AL MENOS UNA es verdadera.Ejemplo: let puedeDisparar = (energiaLaser > 10 && municion > 0);
Unir preguntas
Son los símbolos que usamos para realizar cálculos matemáticos básicos, + Suma - Resta * Multiplicación / DivisiónEjemplo: let scoreFinal = 1000 + 250;
Matemáticas
Preguntas
Sirven para comparar dos valores. El resultado siempre es true (verdadero) o false (falso). == ¿Es igual? != ¿Es distinto? > ¿Es mayor que? <= ¿Es menor o igual que?Ejemplo: let estaVivo = (vidas > 0)
+INFO
+INFO
+INFO
NEXT
Debuggeando código
NEXT
Dando lógica y poder de decisión a tu código.
02. Estructuras de control
NEXT
¿Qué son?
EStructuras de Contr0l
Una estructura de control es aquella que nos permite controlar el flujo de un programa. Es decir, nos da el poder de decidir qué camino tomar (if) o de repetir una tarea varias veces (for, while)
NEXT
Selectivas (Múltiples)
Selectivas (Simples)
Selectivas (Dobles)
if / else
if
if / else
Solo evalúa una condición. Si esta es verdadera, se ejecutará una instrucción. Si es falsa, la ignora y el programa continúa.
Permite crear una cadena de condiciones. El código evalúa en orden: la primera condición que sea true se ejecuta, y todas las demás se ignoran.
Es la decisión de dos caminos. Evalúa una condición: si es verdadera, ejecuta el bloque if. Si es falsa, ejecuta el bloque else.
NEXT
Debuggeando código
NEXT
Repeticiones
for
WHILE
Se usa para repetir algo un número exacto de veces.Es un piloto automático que necesita 3 partes:- Inicio: (let i = 0) Un contador que arranca.- Condición: (i < 5) Se repite mientras se cumpla.- Incremento: (i++) El contador suma 1 en cada vuelta.
Se usa cuando no sabes cuántas veces se repetirá, solo que debe hacerlo mientras una condición sea true. - Solo comprueba una condición (ej: vidas > 0).
NEXT
Debuggeando código
NEXT
Debuggeando código
NEXT
Estructuras de control
juego: Repara el Código
NEXT
Guardando más de un dato a la vez.
03. Estructuras de almacenamiento
NEXT
¿Por qué que se necesitan más?
Una sola caja es insuficiente
Una variable simple (let energia = 100) solo guarda un dato a la vez. Pero, ¿cómo se gestionan las coordenadas de 100 planetas o el inventario completo de una nave? Se necesitan 'Bodegas de Carga': estructuras de almacenamiento que guardan colecciones de datos. Las dos más importantes son Arrays y Strings
NEXT
Arrays
LA BODEGA POR DENTRO
Un Array es una variable que funciona como la bodega de una nave. Permite guardar una lista ordenada de múltiples recursos en un solo contenedor.
Índice [ 0 ]Cristal
Índice [ 2 ]Datos
Índice [ 1 ]Blaster
NEXT
Strings
El Diario de Abordo
Un String (una cadena de texto) es más de lo que parece. En el fondo, es un 'array' especial que solo guarda una lista de caracteres (letras).
Índice [ 0 ]K
Índice [ 2 ]A
Índice [ 1 ]L
Índice [ 3..n ]ATU
NEXT
Debuggeando código
NEXT
Conceptos Desbloqueados:
Conclusiones de la Misión
- Variables (let) y Constantes (const): Las "cajas" para guardar datos.
- Tipos de Datos: Los 3 básicos (string, number, boolean).
- Operadores: Las herramientas para calcular (+) y comparar (>).
- Control (if, for): El poder de decidir qué camino tomar y de repetir tareas.
- Arrays ([ ]): Las "bodegas" para guardar listas de datos.
¡Misión cumplida! Has completado el entrenamiento básico en Programación Estructurada. Ya no solo das órdenes; ahora puedes crear programas con lógica, memoria y poder de decisión.
¡Ya tienes los cimientos! Ahora estás listo para el siguiente nivel: Programación Orientada a Objetos.
Las líneas que empiezan con // son comentarios.Son notas para ti o para otros programadores. El ordenador las ignora por completo al ejecutar el código. ¡Son vitales para explicar qué hace tu programa!
Los operadores son los símbolos que nos permiten realizar acciones con nuestras variables: hacer cálculos, comparar datos o tomar decisiones.
string (Texto): Para guardar palabras o frases. Siempre van entre comillas: let nombre = "Leia";
boolean (Booleano): Para guardar solo dos valores: Verdadero (true) o Falso (false).let misionFallida = false;
number (Número): Para guardar cualquier número, ya sea entero o con decimales.let vidasRestantes = 3;let energiaNave = 99.5;
Una constante (const) es como una "caja de seguridad". Es una variable cuyo valor NO se puede cambiar una vez que se ha asignado.Se usa para datos que siempre deben ser los mismos, como el valor de PI o el nombre de tu aplicación.
Las instrucciones deben ser claras y no pueden ser ambiguas. El ordenador hará exactamente lo que le digas.
CCG - Programación Estructurada
Carmen Castro
Created on November 1, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Urban Illustrated Presentation
View
Snow Presentation
View
Corporate Christmas Presentation
View
Historical Presentation
View
Scary Eighties Presentation
View
Memories Presentation
View
Winter Presentation
Explore all templates
Transcript
Programacion y bases de datos
PRIMERA ACTIVIDADBT1Modulo "Programacion" del "Tecnico Superior en Desarrollo de Aplicaciones Web"CARMEN CASTRO GONZaLEZ
START
DESCRIPCIoN
¡Bienvenid@!El módulo de "Programación" es un universo entero. En este recurso, nos centraremos en los cimientos: la Programación Estructurada.Dominar esta base (variables, bucles, condicionales) es el primer paso esencial antes de saltar a conceptos más avanzados como la Programación Orientada a Objetos (POO).¡Comencemos!
NEXT
CONTENTS
Estructuras de control
02.
Elementos básicos
01.
Estructuras de almacenamiento
Conclusión
04.
03.
NEXT
Los cimientos de la programacion.
01. Elementos bAsicos
NEXT
¿Qué es un Programa?
Lo basico
Imagina un programa como un gran mapa estelar, una serie de coordenadas precisas que tu nave (el ordenador) debe seguir para alcanzar un destino: ¡realizar una tarea o resolver un misterio cósmico!
+ INFO
NEXT
Lenguaje JavaScript
TU HERRAMIENTA PRINCIPAL
Video
JavaScript es el lenguaje fundamental del desarrollo web y la base de todas las tecnologías (como HTML, CSS, React o Angular) que se verán en el resto del ciclo.
NEXT
Variables
+ INFO
En el espacio, necesitas contenedores para almacenar recursos (oxígeno, combustible, minerales). En programación, usamos variables: 'cajas' para guardar datos volátiles como la puntuación de tu misión o el nombre de un planeta.
+ INFO
NEXT
Tipos de datos
¿qUe SE ALMACENA?
STRING
No todas las variables guardan el mismo tipo de información. En JavaScript, los 3 tipos de datos más básicos son:
NUMero
NEXT
booleano
Tipos de datos
juego: el clasificador de datos estelares
NEXT
+ INFO
OPERADADORES
tipos de operadores
Aritméticos
Lógicos
De comparación
Nos permiten encadenar varias comparaciones en una sola. && (Y lógico): Devuelve true si AMBAS son verdaderas. || (O lógico): Devuelve true si AL MENOS UNA es verdadera.Ejemplo: let puedeDisparar = (energiaLaser > 10 && municion > 0);
Unir preguntas
Son los símbolos que usamos para realizar cálculos matemáticos básicos, + Suma - Resta * Multiplicación / DivisiónEjemplo: let scoreFinal = 1000 + 250;
Matemáticas
Preguntas
Sirven para comparar dos valores. El resultado siempre es true (verdadero) o false (falso). == ¿Es igual? != ¿Es distinto? > ¿Es mayor que? <= ¿Es menor o igual que?Ejemplo: let estaVivo = (vidas > 0)
+INFO
+INFO
+INFO
NEXT
Debuggeando código
NEXT
Dando lógica y poder de decisión a tu código.
02. Estructuras de control
NEXT
¿Qué son?
EStructuras de Contr0l
Una estructura de control es aquella que nos permite controlar el flujo de un programa. Es decir, nos da el poder de decidir qué camino tomar (if) o de repetir una tarea varias veces (for, while)
NEXT
Selectivas (Múltiples)
Selectivas (Simples)
Selectivas (Dobles)
if / else
if
if / else
Solo evalúa una condición. Si esta es verdadera, se ejecutará una instrucción. Si es falsa, la ignora y el programa continúa.
Permite crear una cadena de condiciones. El código evalúa en orden: la primera condición que sea true se ejecuta, y todas las demás se ignoran.
Es la decisión de dos caminos. Evalúa una condición: si es verdadera, ejecuta el bloque if. Si es falsa, ejecuta el bloque else.
NEXT
Debuggeando código
NEXT
Repeticiones
for
WHILE
Se usa para repetir algo un número exacto de veces.Es un piloto automático que necesita 3 partes:- Inicio: (let i = 0) Un contador que arranca.- Condición: (i < 5) Se repite mientras se cumpla.- Incremento: (i++) El contador suma 1 en cada vuelta.
Se usa cuando no sabes cuántas veces se repetirá, solo que debe hacerlo mientras una condición sea true. - Solo comprueba una condición (ej: vidas > 0).
NEXT
Debuggeando código
NEXT
Debuggeando código
NEXT
Estructuras de control
juego: Repara el Código
NEXT
Guardando más de un dato a la vez.
03. Estructuras de almacenamiento
NEXT
¿Por qué que se necesitan más?
Una sola caja es insuficiente
Una variable simple (let energia = 100) solo guarda un dato a la vez. Pero, ¿cómo se gestionan las coordenadas de 100 planetas o el inventario completo de una nave? Se necesitan 'Bodegas de Carga': estructuras de almacenamiento que guardan colecciones de datos. Las dos más importantes son Arrays y Strings
NEXT
Arrays
LA BODEGA POR DENTRO
Un Array es una variable que funciona como la bodega de una nave. Permite guardar una lista ordenada de múltiples recursos en un solo contenedor.
Índice [ 0 ]Cristal
Índice [ 2 ]Datos
Índice [ 1 ]Blaster
NEXT
Strings
El Diario de Abordo
Un String (una cadena de texto) es más de lo que parece. En el fondo, es un 'array' especial que solo guarda una lista de caracteres (letras).
Índice [ 0 ]K
Índice [ 2 ]A
Índice [ 1 ]L
Índice [ 3..n ]ATU
NEXT
Debuggeando código
NEXT
Conceptos Desbloqueados:
Conclusiones de la Misión
¡Misión cumplida! Has completado el entrenamiento básico en Programación Estructurada. Ya no solo das órdenes; ahora puedes crear programas con lógica, memoria y poder de decisión.
¡Ya tienes los cimientos! Ahora estás listo para el siguiente nivel: Programación Orientada a Objetos.
Las líneas que empiezan con // son comentarios.Son notas para ti o para otros programadores. El ordenador las ignora por completo al ejecutar el código. ¡Son vitales para explicar qué hace tu programa!
Los operadores son los símbolos que nos permiten realizar acciones con nuestras variables: hacer cálculos, comparar datos o tomar decisiones.
string (Texto): Para guardar palabras o frases. Siempre van entre comillas: let nombre = "Leia";
boolean (Booleano): Para guardar solo dos valores: Verdadero (true) o Falso (false).let misionFallida = false;
number (Número): Para guardar cualquier número, ya sea entero o con decimales.let vidasRestantes = 3;let energiaNave = 99.5;
Una constante (const) es como una "caja de seguridad". Es una variable cuyo valor NO se puede cambiar una vez que se ha asignado.Se usa para datos que siempre deben ser los mismos, como el valor de PI o el nombre de tu aplicación.
Las instrucciones deben ser claras y no pueden ser ambiguas. El ordenador hará exactamente lo que le digas.