JavaScript & TypeScript

El lenguaje de la web

JavaScript es el único lenguaje que corre nativamente en navegadores. TypeScript agrega tipos para menos errores.

JavaScript vs TypeScript

💡 Recomendación: Usa TypeScript para proyectos serios.

Conceptos fundamentales

Variables

const nombre = "Ana"     // No cambia
let edad = 25            // Puede cambiar
// var está obsoleto, no lo uses

Funciones

// Arrow function (preferida)
const sumar = (a: number, b: number): number => a + b

// Función tradicional
function multiplicar(a: number, b: number): number {
  return a * b
}

Arrays

const frutas = ['manzana', 'pera', 'uva']

frutas.map(f => f.toUpperCase())     // Transforma
frutas.filter(f => f.length > 4)     // Filtra
frutas.find(f => f === 'pera')       // Busca uno

Objetos

interface Usuario {
  nombre: string
  edad: number
  email?: string  // Opcional
}

const usuario: Usuario = {
  nombre: "Ana",
  edad: 25
}

Async/Await

// Llamar API
async function obtenerUsuario(id: string) {
  const res = await fetch(`/api/users/${id}`)
  const data = await res.json()
  return data
}

// Usar
const usuario = await obtenerUsuario('123')

Practica

→ Todo App con React

Enlaces útiles

• 📖 TypeScript Handbook
• 🎓 JavaScript.info