Más contenido relacionado
Similar a sarah test.pptx
Similar a sarah test.pptx (20)
Último
Último (20)
sarah test.pptx
- 1. JavaScript
- 2. Es el lenguaje de programación de la web Agrega comportamiento e interactividad JavaScript
- 3. Usos simples como ordenar tablas y menús También complejos como apps o juegos JavaScript
- 4. Programa: serie de instrucciones para completar una tarea determinada JavaScript
- 6. Ejemplo
- 8. Variables
- 9. Las variables son contenedores que almacenan valores de distintos tipos Variables
- 10. Tipos de Variable El valor no se puede cambiar Los valores son reasignables Compartido por todos los contextos
- 11. Tipos de Dato Numeros Cuentas básicas Texto Concatenacion Booleanos Logica de boole
- 12. Consola & Avisos
- 13. Acceso a la Consola Podemos abrir la consola presionando F12 también con Ctrl + Shift + J Entre otros
- 14. Mensaje en la Consola
- 15. Avisos prompt: recibir números o texto confirm: recibir booleanos
- 16. Control de Flujo
- 17. Estructuras de Control Controlan el flujo de ejecución de las instrucciones de un programa Es decir, la forma en la que se ejecutan
- 21. Condicionales - IF Si se cumple Si no se cumple Condicion
- 22. Condicionales - SWITCH Variable o valor Casos: valores posibles Break: fin del caso Sino sigue ejecutando Default: siempre se cumple
- 23. Ciclos - WHILE Mientras la condición sea verdadera
- 24. Ciclos - FOR a Actualizar una variable Desde un valor hasta otro
- 25. Funciones
- 26. Conjunto de instrucciones que realizan una tarea concreta de manera reutilizable Funciones
- 27. Sintaxis Declaracion Nombre Parametros Retorno: devolución del resultado Llave Llave
- 28. Invocacion Utilizamos el nombre de la función, seguido por los parámetros entre paréntesis “( )”
- 29. Ejemplos
- 30. Ejemplos
- 31. Contexto El espacio encerrado por llaves “{ }” es un contexto independiente que posee sus propias variables locales
- 32. Variables Globales Variable Global Puede usarse en cualquier contexto
- 33. Variables Globales Puede usarse en cualquier contexto Variable Global
- 34. Variables Locales No está definida fuera de su contexto Variable Local !
- 35. Variables Locales Variable Local Puede repetirse el nombre
- 38. Funciones Anónimas y Flecha
- 39. Objetos
- 40. Colección de datos relacionados Que puede tener comportamiento Objetos
- 41. Diccionario - Sintaxis Llaves Pares clave:valor separados con comas
- 44. Diccionario - desde Función
- 45. Clases
- 46. Iteracion
- 47. Listas
- 49. Listas - Largo
- 50. Listas - for … of For … of: Para cada elemento de
- 51. Listas - forEach forEach: Para cada elemento
- 52. Listas - map map: Transforma cada elemento
- 53. JSON
- 54. JSON JSON: JavaScript Object Notation Formato basado en texto plano, para representar datos estructurados en la sintaxis de objetos de JavaScript
- 55. JSON - Ejemplo
- 56. JSON.stringify
- 57. JSON.parse
- 58. localStorage
- 59. DOM
- 60. DOM DOM: Domain Object Model El modelo de objetos del documento presenta las etiquetas html como objetos a los que podemos acceder o modificar
- 61. DOM - Arbol document <html> <head> <body> <title> <script> <nav> <main>
Notas del editor
- Que es JS Para qué sirve JS Concepto de algoritmo (ejemplo?) Cómo integrar al código HTML
- Variables Tipos de dato var / let / const Operaciones básicas de cada tipo (num / bool / string)
- Abrir consola Console log alert / prompt / confirm
- Estructuras de control: para que Operadores logicos & booleanos Condicionales: if / ternario / switch Ciclos: for / while / do while
- Qué son y objetivo Sintaxis (nombre, parámetros, cuerpo, retorno) Ejemplo Variables Globales vs Locales (ejemplo)
- Funciones como variables Sintaxis de funciones flecha
- Que son Sintaxis Metodos (?) https://codepen.io/nicolasezequielzulaicarivera/pen/MWqYmvG
- Que son Sintaxis Acceso y manipulación
- Que es Stringify y parse Ejemplo de local storage
- https://codepen.io/nicolasezequielzulaicarivera/pen/LYJZgey?editors=0012
- Qué es y para que se usa Nodos Metodos getElementByX / querySelector / querySelectorAll Ejemplo