js-101

Workshop Introductorio a la programacion usando JavaScript

Transcript

1. { 101 } { 101 } - @ianaya89 1
2. Ignacio Anaya - @ianaya89 - Full Stack Developer, Tech Trainer & Speaker. - Organizador @Vuenos_Aires - Embajador @Auth0 { 101 } - @ianaya89 2
3. ! { 101 } - @ianaya89 3
4. ! Programar { 101 } - @ianaya89 4
5. ! Lenguaje de Programación { 101 } - @ianaya89 5
6. ! JavaScript { 101 } - @ianaya89 6
7. ! Por Qué JavaScript? { 101 } - @ianaya89 7
8. { 101 } - @ianaya89 8
9. console.log 4 ! Mostrar información 4 " Global $ console.log(1989) $ console.log(13, 10, 1989) { 101 } - @ianaya89 9
10. Tipos de Dato 4 ! Numeros - Number 4 " Cadenas de Caracteres - String 4 #$ Booleanos - Boolean { 101 } - @ianaya89 10
11. Tipos de Dato Number 4 Enteros / Decimales 4 Positivos / Negativos 4 Operaciones Aritméticas 1, -1, 9.5, 0, 99999 { 101 } - @ianaya89 11
12. Tipos de Dato String 4 Conjuntos de caracteres 4 Comillas (simples o dobles) 'Esto es un String' "Y esto también" { 101 } - @ianaya89 12
13. Tipos de Dato Boolean 4 logica binaria (0 o 1) 4 true o false true false { 101 } - @ianaya89 13
14. Tipos de Dato Ejemplos console.log(1, 2, 3) console.log('Hola JavaScript !') console.log(true, false) { 101 } - @ianaya89 14
15. ! Variables 4 Referencias a valores ! 4 Reutilización 4 var var miVariable = 'Esto es una variable' console.log(miVariable) { 101 } - @ianaya89 15
16. ! undefined 4 Tipo de dato var miVariableSinValor console.log(miVariableSinValor) { 101 } - @ianaya89 16
17. ! Operadores 4 Asignación 4 Aritméticos 4 Comparación { 101 } - @ianaya89 17
18. Operadores Asignación var miVariable = true var miOtraVariable = 25 { 101 } - @ianaya89 18
19. Operadores Aritméticos var suma = 1 + 9 // 10 var resta = 3 - 2 // 1 var division = 100 / 10 // 10 var multiplicación = 10 * 10 // 100 var x = 1 var y = 2 var z = x + y // 3 { 101 } - @ianaya89 19
20. Operadores Aritméticos var x = 1 var y = 2 var z = x + y // 3 { 101 } - @ianaya89 20
21. Operadores Comparación var mayor = 3 > 2 // true var menor = 3 < 2 // true { 101 } - @ianaya89 21
22. Operadores Comparación var igual = 1 == 1 // true var distinto = 2 != 1 // true var mayor = 3 > 2 // true var menor = 3 < 2 // true { 101 } - @ianaya89 22
23. ! Condicionales 4 Toma de decisiones 4 Evaluar condiciones 4 if - else { 101 } - @ianaya89 23
24. Condicionales if var haceFrio = true if (haceFrio) { console.log('❄') } { 101 } - @ianaya89 24
25. Condicionales else var haceFrio = false if (haceFrio) { console.log('❄') } else { console.log('☀') } { 101 } - @ianaya89 25
26. ! Array 4 Colecciones de datos 4 Indices { 101 } - @ianaya89 26
27. Array var numeros = [1, 2, 3, 4, 5] var palabras = ['Hola', 'mundo', 'cruel'] var deTodito = [true, 'JavaScript', 100, false] console.log(numeros[0]) // 1 console.log(palabras[1]) // 'mundo' console.log(deTodito[2]) // 100 { 101 } - @ianaya89 27
28. ! Object 4 Colecciones de tipo clave: valor 4 Modelar la vida real { 101 } - @ianaya89 28
29. Object var persona = { nombre: 'Jose Luis Felix Chilavert' edad: 52, esCrack: true } console.log(persona) console.log(persona.nombre) // Jose Luis Felix Chilavert { 101 } - @ianaya89 29
30. Más ? { 101 } - @ianaya89 30
31. !" Recursos 1. JavaScript para gatos 2. Free Code Camp BA - Introducción a JavaScript 3. NodeSchool.io - JavaScripting 4. Introducción a JavaScript en la web 5. Platzi - Curso de Programación básica 6. Eloquent JavaScript { 101 } - @ianaya89 31
32. Preguntas? { 101 } - @ianaya89 32
33. { fin } { comienzo } { 101 } - @ianaya89 33
34. ! Gracias! @ianaya89 { 101 } - @ianaya89 34
35. { 101 } - @ianaya89 35