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
67
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
490
Rompiendo Paradigmas Otra Vuez! 🔨📜3️⃣
ianaya89
0
140
Security is not a feature!
ianaya89
1
350
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
120
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
280
Vue.js, PWA & The Subway Dilemma
ianaya89
0
190
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
130
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
110
Other Decks in Programming
See All in Programming
XP, Testing and ninja testing
m_seki
3
230
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
260
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
260
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
57
16k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.9k
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
8.8k
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
890
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
720
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
700
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
150
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
110
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
630
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
94
6.1k
KATA
mclloyd
30
14k
Code Review Best Practice
trishagee
69
18k
How to Ace a Technical Interview
jacobian
277
23k
Unsuck your backbone
ammeep
671
58k
Being A Developer After 40
akosma
90
590k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
A Modern Web Designer's Workflow
chriscoyier
694
190k
RailsConf 2023
tenderlove
30
1.1k
A better future with KSS
kneath
239
17k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Why Our Code Smells
bkeepers
PRO
337
57k
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