5- FUNDAMENTOS DE PROGRAMACION

Vista previa del material en texto

FUNDAMENTOS DE 
PROGRAMACION
ING. Daniel Sánchez - dasanchez@itla.edu.do
TEMAS ANTERIORES
FUNDAMENTOS DE PROGRAMACION 2
• Estructura repetitiva (for)
• Funciones
• Programación orientada a objetos (POO)
TEMAS
FUNDAMENTOS DE PROGRAMACION 3
• Revisión de la materia hasta el dia de hoy
• Ultimo vistaso a JS
o Local storage
o Listas
o Las bibliotecas
• Practicas
o TODO list
o Validacion de formularios
REVISIÓN DE LA MATERIA HASTA EL DIA DE 
HOY
FUNDAMENTOS DE PROGRAMACION 4
LOCAL STORAGE 
FUNDAMENTOS DE PROGRAMACION 5
El almacenamiento local en JavaScript se refiere a un mecanismo que permite a las 
aplicaciones web almacenar pares clave-valor en el navegador web de un usuario. Este 
almacenamiento persiste incluso después de que se cierre la ventana del navegador o se 
reinicie el navegador. Proporciona una forma sencilla de guardar pequeñas cantidades de 
datos de forma segura en la máquina del usuario.
LOCAL STORAGE
FUNDAMENTOS DE PROGRAMACION 6
// Almacenando datos
localStorage.setItem('clave', 'valor');
// Recuperando datos
const miValor = localStorage.getItem('clave');
console.log(miValor); // Salida: 'valor'
// Eliminando datos
localStorage.removeItem('clave');
// Limpiando todos los datos
localStorage.clear();
• setItem(clave, valor) se usa para almacenar datos. La 
clave es un identificador de cadena y valor puede ser 
cualquier objeto de JavaScript que se pueda convertir en 
una cadena.
• getItem(clave) recupera el valor asociado con la clave 
dada.
• removeItem(clave) elimina el elemento con la clave 
especificada del almacenamiento local.
• clear() elimina todos los elementos del almacenamiento 
local.
LOCAL STORAGE
FUNDAMENTOS DE PROGRAMACION 7
• Crear un programa que guarde la informacion de una lista de estudiantes utilizando un 
local storage.
• Crear un login y un logout
LISTAS
FUNDAMENTOS DE PROGRAMACION 8
En JavaScript, las listas pueden referirse a dos tipos principales de estructuras de datos: 
arrays y listas enlazadas. Los arrays en JavaScript son objetos que almacenan una 
colección ordenada de elementos. Pueden contener cualquier tipo de datos, incluyendo 
números, cadenas, objetos u otros arrays.
LISTAS
FUNDAMENTOS DE PROGRAMACION 9
// Declaración de un array
let miArray = [1, 2, 3, 4, 5];
// Accediendo a elementos del array
console.log(miArray[0]); // Output: 1
console.log(miArray.length); // Output: 5
// Añadiendo elementos al array
miArray.push(6);
console.log(miArray); // Output: [1, 2, 3, 4, 5, 6]
// Eliminando el último elemento del array
miArray.pop();
console.log(miArray); // Output: [1, 2, 3, 4, 5]
LAS BIBLIOTECAS O LIBRERIAS
FUNDAMENTOS DE PROGRAMACION 10
Las bibliotecas en JavaScript son conjuntos de funciones y utilidades predefinidas que 
facilitan el desarrollo de aplicaciones web. Estas bibliotecas son escritas por 
desarrolladores para resolver problemas comunes o para proporcionar funcionalidades 
específicas de una manera eficiente y reutilizable.
• JQuery Validation
• Lodash
• Framework
PRACTICAS
FUNDAMENTOS DE PROGRAMACION 11
• Crear una lista de tareas
o Agregar tarea
o Eliminar tarea
o Completar tarea
o Desmarcar tarea
o Avanzado
▪ Cambiar posición de tarea
▪ Manejor de usuarios y tareas
• Crear formulario de registro
o Nombre
o Apellidos
o Email
o Telefono
o Password
o Avanzado
▪ Validar los campos
	Slide 1: Fundamentos de Programacion
	Slide 2: Temas anteriores
	Slide 3: Temas
	Slide 4: Revisión de la materia hasta el dia de hoy 
	Slide 5: Local storage 
	Slide 6: Local storage
	Slide 7: Local storage
	Slide 8: Listas
	Slide 9: Listas
	Slide 10: Las bibliotecas o Librerias
	Slide 11: Practicas