Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
js-101
Search
Ignacio Anaya
September 19, 2017
Programming
0
63
js-101
Workshop Introductorio a la programacion usando JavaScript
Ignacio Anaya
September 19, 2017
Tweet
Share
More Decks by Ignacio Anaya
See All by Ignacio Anaya
Security is not a feature‼️
ianaya89
2
470
Rompiendo Paradigmas Otra Vuez! 🔨📜3️⃣
ianaya89
0
130
Security is not a feature!
ianaya89
1
340
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
110
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
270
Vue.js, PWA & The Subway Dilemma
ianaya89
0
170
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
120
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
98
Other Decks in Programming
See All in Programming
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
Jakarta EE meets AI
ivargrimstad
0
510
iOSでQRコード生成奮闘記
ktcryomm
2
110
はじめての Go * WASM *OCR
sgash708
1
110
たのしいSocketのしくみ / Socket Under a Microscope
coe401_
8
1.4k
Datadog Workflow Automation で圧倒的価値提供
showwin
1
280
Jasprが凄い話
hyshu
0
180
Webフレームワークとともに利用するWeb components / JSConf.jp おかわり
spring_raining
1
120
DevNexus - Create AI Infused Java Apps with LangChain4j
kdubois
0
120
Jakarta EE meets AI
ivargrimstad
0
550
バッチを作らなきゃとなったときに考えること
irof
2
550
GoとPHPのインターフェイスの違い
shimabox
2
210
Featured
See All Featured
Unsuck your backbone
ammeep
669
57k
The Invisible Side of Design
smashingmag
299
50k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Adopting Sorbet at Scale
ufuk
75
9.2k
How to Ace a Technical Interview
jacobian
276
23k
Building an army of robots
kneath
303
45k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Docker and Python
trallard
44
3.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Side Projects
sachag
452
42k
GraphQLとの向き合い方2022年版
quramy
44
14k
Transcript
{ 101 } { 101 } - @ianaya89 1
Ignacio Anaya - @ianaya89 - Full Stack Developer, Tech Trainer
& Speaker. - Organizador @Vuenos_Aires - Embajador @Auth0 { 101 } - @ianaya89 2
! { 101 } - @ianaya89 3
! Programar { 101 } - @ianaya89 4
! Lenguaje de Programación { 101 } - @ianaya89 5
! JavaScript { 101 } - @ianaya89 6
! Por Qué JavaScript? { 101 } - @ianaya89 7
{ 101 } - @ianaya89 8
console.log 4 ! Mostrar información 4 " Global $ console.log(1989)
$ console.log(13, 10, 1989) { 101 } - @ianaya89 9
Tipos de Dato 4 ! Numeros - Number 4 "
Cadenas de Caracteres - String 4 #$ Booleanos - Boolean { 101 } - @ianaya89 10
Tipos de Dato Number 4 Enteros / Decimales 4 Positivos
/ Negativos 4 Operaciones Aritméticas 1, -1, 9.5, 0, 99999 { 101 } - @ianaya89 11
Tipos de Dato String 4 Conjuntos de caracteres 4 Comillas
(simples o dobles) 'Esto es un String' "Y esto también" { 101 } - @ianaya89 12
Tipos de Dato Boolean 4 logica binaria (0 o 1)
4 true o false true false { 101 } - @ianaya89 13
Tipos de Dato Ejemplos console.log(1, 2, 3) console.log('Hola JavaScript !')
console.log(true, false) { 101 } - @ianaya89 14
! Variables 4 Referencias a valores ! 4 Reutilización 4
var var miVariable = 'Esto es una variable' console.log(miVariable) { 101 } - @ianaya89 15
! undefined 4 Tipo de dato var miVariableSinValor console.log(miVariableSinValor) {
101 } - @ianaya89 16
! Operadores 4 Asignación 4 Aritméticos 4 Comparación { 101
} - @ianaya89 17
Operadores Asignación var miVariable = true var miOtraVariable = 25
{ 101 } - @ianaya89 18
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
Operadores Aritméticos var x = 1 var y = 2
var z = x + y // 3 { 101 } - @ianaya89 20
Operadores Comparación var mayor = 3 > 2 // true
var menor = 3 < 2 // true { 101 } - @ianaya89 21
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
! Condicionales 4 Toma de decisiones 4 Evaluar condiciones 4
if - else { 101 } - @ianaya89 23
Condicionales if var haceFrio = true if (haceFrio) { console.log('❄')
} { 101 } - @ianaya89 24
Condicionales else var haceFrio = false if (haceFrio) { console.log('❄')
} else { console.log('☀') } { 101 } - @ianaya89 25
! Array 4 Colecciones de datos 4 Indices { 101
} - @ianaya89 26
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
! Object 4 Colecciones de tipo clave: valor 4 Modelar
la vida real { 101 } - @ianaya89 28
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
Más ? { 101 } - @ianaya89 30
!" 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
Preguntas? { 101 } - @ianaya89 32
{ fin } { comienzo } { 101 } -
@ianaya89 33
! Gracias! @ianaya89 { 101 } - @ianaya89 34
{ 101 } - @ianaya89 35