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