js-101 - Speaker Deck

Slide 1

Slide 1 text

{ 101 } { 101 } - @ianaya89 1

Slide 2

Slide 2 text

Ignacio Anaya - @ianaya89 - Full Stack Developer, Tech Trainer & Speaker. - Organizador @Vuenos_Aires - Embajador @Auth0 { 101 } - @ianaya89 2

Slide 3

Slide 3 text

! { 101 } - @ianaya89 3

Slide 4

Slide 4 text

! Programar { 101 } - @ianaya89 4

Slide 5

Slide 5 text

! Lenguaje de Programación { 101 } - @ianaya89 5

Slide 6

Slide 6 text

! JavaScript { 101 } - @ianaya89 6

Slide 7

Slide 7 text

! Por Qué JavaScript? { 101 } - @ianaya89 7

Slide 8

Slide 8 text

{ 101 } - @ianaya89 8

Slide 9

Slide 9 text

console.log 4 ! Mostrar información 4 " Global $ console.log(1989) $ console.log(13, 10, 1989) { 101 } - @ianaya89 9

Slide 10

Slide 10 text

Tipos de Dato 4 ! Numeros - Number 4 " Cadenas de Caracteres - String 4 #$ Booleanos - Boolean { 101 } - @ianaya89 10

Slide 11

Slide 11 text

Tipos de Dato Number 4 Enteros / Decimales 4 Positivos / Negativos 4 Operaciones Aritméticas 1, -1, 9.5, 0, 99999 { 101 } - @ianaya89 11

Slide 12

Slide 12 text

Tipos de Dato String 4 Conjuntos de caracteres 4 Comillas (simples o dobles) 'Esto es un String' "Y esto también" { 101 } - @ianaya89 12

Slide 13

Slide 13 text

Tipos de Dato Boolean 4 logica binaria (0 o 1) 4 true o false true false { 101 } - @ianaya89 13

Slide 14

Slide 14 text

Tipos de Dato Ejemplos console.log(1, 2, 3) console.log('Hola JavaScript !') console.log(true, false) { 101 } - @ianaya89 14

Slide 15

Slide 15 text

! Variables 4 Referencias a valores ! 4 Reutilización 4 var var miVariable = 'Esto es una variable' console.log(miVariable) { 101 } - @ianaya89 15

Slide 16

Slide 16 text

! undefined 4 Tipo de dato var miVariableSinValor console.log(miVariableSinValor) { 101 } - @ianaya89 16

Slide 17

Slide 17 text

! Operadores 4 Asignación 4 Aritméticos 4 Comparación { 101 } - @ianaya89 17

Slide 18

Slide 18 text

Operadores Asignación var miVariable = true var miOtraVariable = 25 { 101 } - @ianaya89 18

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

Operadores Aritméticos var x = 1 var y = 2 var z = x + y // 3 { 101 } - @ianaya89 20

Slide 21

Slide 21 text

Operadores Comparación var mayor = 3 > 2 // true var menor = 3 < 2 // true { 101 } - @ianaya89 21

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

! Condicionales 4 Toma de decisiones 4 Evaluar condiciones 4 if - else { 101 } - @ianaya89 23

Slide 24

Slide 24 text

Condicionales if var haceFrio = true if (haceFrio) { console.log('❄') } { 101 } - @ianaya89 24

Slide 25

Slide 25 text

Condicionales else var haceFrio = false if (haceFrio) { console.log('❄') } else { console.log('☀') } { 101 } - @ianaya89 25

Slide 26

Slide 26 text

! Array 4 Colecciones de datos 4 Indices { 101 } - @ianaya89 26

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

! Object 4 Colecciones de tipo clave: valor 4 Modelar la vida real { 101 } - @ianaya89 28

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Más ? { 101 } - @ianaya89 30

Slide 31

Slide 31 text

!" 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