Minicurso #1 -

Introducción al lenguaje y  a la programación

  • Acceso a mi muro de Patreon con artículos y tutoriales.
  • mini-cursos exclusivos
  • Cursos de Paga
  • Workshops: con proyectos reales
  • Asesorías personales
  • Mi eterna gratitud por tu apoyo.

Historia

  • Javascript se introdujo en 1995
  •        no es
  • A partir de ECMAScript #6 tenemos una versión de javascript cada año.
  • Js no solo se encuentra en el navegador

Comentarios

Utilizados para describir código o dejar recordatorios

// 1.- Number (Números)
1, 2, 3, 4, 5.5, 10.88
// 2.- String (Cadenas de caracteres)
"Hola Mundo" 'YouDevs'
// 3.- Boolean (Booleano, True/False)
true, false

Tipos de datos simples

Valores y tipos

Existen muchos tipos de datos, cada tipo de dato tiene un rol para nuestros programas.

// 1.- Number (Números)
1, 2, 3, 4, 5.5, 10.88
// 2.- String (Cadenas de caracteres)
"Hola Mundo" 'YouDevs'
// 3.- Boolean (Booleano, True/False)
true, false

Tipos de datos simples

Numbers

Principalmente se emplean para hacer la aritmética que necesitan tus programas empleando los operadores aritméticos que nos proporciona el lenguaje

// Suma
1 + 2 + 4
// Resta
8 - 8
// Multiplicación
10 * 100
// División
100 / 10

// ¿Qué pasa si?
100 + 10 * 10
// y...
(100 + 10) * 10

Strings

se usan para representar texto. Muy útiles para solicitar datos a los usuarios o mostrar mensajes.

"YouDevs"
'YouDevs'

// Concatenar
"You" + "Devs"

Boolean

Solo tienen dos posibilidades o ser true o ser false, equivalente a 1 o 0

true
false

Variables (Bindings)

Permiten realizar algunas operaciones sobre los valores booleanos. En JS tenemos tres el operador lógicos: y (and), o (or), y no (not).

// define una variable:
let edad = 17;

expresión y declaración

  • expresión: todo lo que produce un valor
  • Declaración: algo así como una línea de código
// Declaración 
console.log(edad + 1); // (edad + uno, es una expresión)

// Podemos modificar los valores de las variables utilizando: =
edad =  19

Ops. de Comparación

Permiten realizar una comparación entre dos operandos (expresiones)

// Mayor que
10 > 11  // -> false

// Menor que
10 < 11  // -> true

// Diferente de
10 != 11  // -> true
10 != 10  // -> false

// Igual que
10 == 11  // -> false
10 == 10  // -> true

Ops. Lógicos

Permiten realizar algunas operaciones sobre los valores booleanos. En JS tenemos tres el operador lógicos: y (and), o (or), y no (not).

// && (and)
true && true  // -> true
true && false // -> false

10 < 11 && 2 > 1 // -> true
(10 < 11) && (2 < 1) // -> false

// || (or)
true && true   // -> true
true && false  // -> true
false && false  // -> false

(10 < 11) || (2 > 1)  // -> true
(10 < 11) || (2 < 1)  // -> false

Control de flujo

Es normal que nuestros programas tengan bifurcaciones (caminos)

if (expresión ) {
    // Declaraciones...
}
if (expresión ) {
    // Declaraciones...
} else {
    // Declaraciones...
}
if (expresión ) {
    // Declaraciones...
} else if (expresión){
    // Declaraciones...
} else if (expresión){
    // Declaraciones...
} else {
    // Declaraciones...
}

Funciones

Una función es como una variable, pero en lugar de unirse a un simple valor, la función se conecta con un bloque de código. Existen muchas funciones prescritas listas para usarse.

prompt()
alert()

Escribiendo una función

Una función técnicamente es darle a un bloque de código que realiza una tarea específica un nombre.

 

Existen varias formas de definir una función en js.

Bindings y Scopes

Cada en binding/variable tiene un alcance/scope/ámbito: parte del programa en el que la binding es visible.

// Variables de alcance global:
let n1 = 10, n2 = 20;

// num2 y n1 son variables de ámbito local:
function suma(num2) {
    let n1 = 20;
    return n1 + num2;
}

Estructura de Datos: Arreglos

// Array
let lista_de_numeros = [1,2,3,4,5,6,7,8,9,10];

Propiedades

let nombre = "YouDevs";
console.log(nombre.length); // -> 7

Casi todos los valores en js tienen propiedades, por ejemplo, si quieres saber cuánto mide un valor string

Métodos

let nombre = "YouDevs";
nombre.toUpperCase(); // -> YOUDEVS
nombre.toLowerCase(); // -> youdevs

Los valores string como los array contienen propiedades que contienen valores de función, estás propiedades son llamados métodos

Métodos

let nombre = "YouDevs";
nombre.toUpperCase(); // -> YOUDEVS
nombre.toLowerCase(); // -> youdevs

Los valores string como los array contienen propiedades que contienen valores de función, estás propiedades son llamados métodos

Bucles

while(expresión) {
    // Declaraciones 
}

Estructuras de control que permiten repetir (o iterar) un bloque de código un cierto número de veces

for (inicio; expresión; variable iteradora) {
  // Declaraciones
}

Estructura de datos:

Objetos

Mini-Proyecto

  • Identifica al espía
  • Lista de Alumnos
  • Ejercicios con objetos
  • www.patreon.com/YouDevs

MiniCurso #1 JS

By Carlos Hernández

Made with Slides.com

MiniCurso #1 JS

  • 196

More from Carlos Hernández