clase2.md

Curso Incompany para INECO

HTML5 APIs, ECMA6, Patrones de diseño, AJAX avanzado, APIs externas, JS para Frontend, Automatización...

FICTIZIA » Cursos a medida para empresas

Clase 2

Arrays

• Documentación:

  • MDN Array
  • w3schools Array

• Propiedades:

  • .lenght

• Métodos:

  • .push()
  • .pop()
  • .shift()
  • .splice()
  • .map()
  • .isArray()
  • .concat()
  • .every()
  • .filter()
  • .forEach()
  • .indexOf()
  • .join()
  • .lastIndexOf()
  • .reduce()
  • .reduceRight()
  • .reverse()
  • .slice()
  • .some()
  • .sort()
  • .toLocaleString()
  • .toString()
  • .unshift()

Objetos

• Documentación:

  • MDN Object
  • w3schools Objects

• Métodos:

  • .defineProperties()
  • .defineProperty()
  • .freeze()
  • .getOwnPropertyDescriptor()
  • .getOwnPropertyNames()
  • .getPrototypeOf()
  • .isExtensible()
  • .isFrozen()
  • .isSealed()
  • .keys()
  • .preventExtensions()
  • .hasOwnProperty()
  • .isPrototypeOf()
  • .propertyIsEnumerable()
  • .toLocaleString()
  • .toString()
  • .valueOf()
  • .seal()

Funciones

Más información:

• MDN Function
• w3schools Functions
• Objeto Arguments
• Callbacks en Wikiwand

Otros:

• Callback Functions in JavaScript de Louis Lazaris
• Creando y utilizando callbacks de Pablo Novas en fernetjs
• Closures MDN
• Callbacks en Wikiwand

Los Navegadores

• 📺 Project Code Rush - The Beginnings of Netscape / Mozilla Documentary
• 📺 Download:The True Story of the Internet: La Guerra de los Navegadores Subtitulada
• Browser Wars: La historia de la guerra de navegadores y la historia de los userAgents
• Wikipedia | Guerra de navegadores
• PC Mag | Browsers: A Brief History
• The Telegraph | Web browsers: a brief history
• A Brief History of Web Browsers and How They Work
• Wikipedia | History of the web browser

Los Navegadores: Interpretes de JS

El Motor JavaScript (JavaScript Engine)

• V8 Engine de Google
• Chakra de Microsoft
• SpiderMonkey de Mozilla
• JavaScriptCore de Apple
• Carakan de Opera (Inactivo)
• Comparativa de Motores

Recursos

• Introducing: Goanna
• MDN | Gecko

Los Navegadores: Funcionamiento

• How JavaScript works in browser and node?
• HTML5 Rocks! | How Browsers Work: Behind the scenes of modern web browsers
• Philip Roberts: What the heck is the event loop anyway? | JSConf EU
• Behind the scenes of modern web browsers
• Does JavaScript use stack or heap for memory allocation or both?
• How JavaScript works: the rendering engine and tips to optimize its performance
• An overview of the engine, the runtime, and the call stack
• Inside Google’s V8 engine + 5 tips on how to write optimized code
• Memory management + how to handle 4 common memory leaks
• The event loop and the rise of Async programming + 5 ways to better coding with async/await

Hablemos de JavaScript y más allá...

• 📺 Douglas Crockford: The JavaScript Programming Language
• 📺 The Post JavaScript Apocalypse - Douglas Crockford
• 📺 dotJS 2012 - Brian Leroux - WTFJS
• 📺 What the... JavaScript?

Las funciones en JS: Funciones anónimas autoejecutadas (IIFE)

• Immediately-Invoked Function Expression (IIFE)
• Funciones autoejecutables en Javascript

Las funciones en JS: Funciones variádicas

• Bitácora del desarrollador: ¿Qué son las funciones variádicas?

Las funciones en JS: Entidades de orden superior

• Higher-Order Functions in JavaScript

Las funciones en JS: Recursión

• Recursion in Functional JavaScript
• JS-Challenges/recursion-prompts
• Understanding Recursion in JavaScript
• Recursion in JavaScript
• Learn and Understand Recursion in JavaScript
• Stackoverflow | Calling a javascript function recursively
• Programming with JS: Recursion
• ¿Qué es la recursividad o recursión? - Un ejemplo con JavaScript
• Understanding Recursion in JavaScript with Confidence

Las funciones en JS: Closures

• JavaScript Closures Demystified
• MDN | Closures
• JavaScript Closure y su funcionamiento
• Stackoverflow | How do JavaScript closures work?
• Understand JavaScript Closures With Ease
• Understanding JavaScript Closures: A Practical Approach
• Understanding JavaScript: Closures
• Understanding JavaScript Closures
• Closures en JavaScript (ES5)
• JavaScript. ¿Para qué sirven los closures?
• Closures in Javascript for beginners
• CSS-Tricks | JavaScript Scope and Closures
• Entendiendo closures en JavaScript
• I never understood JavaScript closures
• Definiendo conceptos: Closure y Scope en JavaScript

Conceptos: Hoisting (elevamiento)

• Understanding Hoisting in JavaScript
• Bitácora del desarrollador: Hoisting en JavaScript
• JavaScript Scoping and Hoisting
• JavaScript Hoisting Explained
• Diferencia entre let y var en ES6 y TypeScript

Conceptos: Programación defensiva

• Wikipedia | Programación defensiva
• The Art of Defensive Programming
• Defensive Programming In JavaScript
• Defensive coding examples
• Defensive JavaScript? Yes, Please!
• Defensive programming: the good, the bad and the ugly
• What is “Defensive Programming”?
• An In-Depth Look at Defensive Programming

Conceptos: Lenguaje de programación dinámico

• MDN | Lenguaje de programación dinámico

Conceptos: Duck typing

• Wikipedia | Test del pato
• Wikipedia | Duck Typing
• Duck Typing en Javascript Chequeando los tipos de datos
• instanceof considered harmful (or how to write a robust isArray)
• All about types in Javascript – Type detection
• Stackoverflow | Duck Typing in Javascript
• JavaScript and Duck Typing
• Duck Typing in JavaScript
• Using Duck Typing to Avoid Conditionals in JavaScript
• branneman/javascript-duck-typing.js

Conceptos: weak typing (Tipado Blando)

• Tipado seguro en Javascript
• The Shocking Secret About Static Types
• JavaScript’s type system
• Reddit | How do you deal with weak typing?
• Quora | How is Javascript typed?
• Understanding Loose Typing in JavaScript
• Introducing Type Safety To Your JavaScript Project? Think Again
• Wikipedia | Strong and weak typing
• Strong and weak typing

Conceptos: Coercion (Coerción/Imposición/Condicionamiento a la fuerza)

• JavaScript Coercion Rules
• Coerción de datos en Javascript
• Coercion en JavaScript
• Understanding JS: Coercion
• JavaScript type coercion explained
• What exactly is Type Coercion in Javascript?
• Understanding Javascript Coercion in 5 Easy Steps
• You Don't Know JS: Types & Grammar. Chapter 4: Coercion

This

• Entendiendo de verdad this en Javacript con Jorge Barrachina
• MDN | This
• La palabra clave this en JavaScript
• Entendiendo el significado de ‘this’ en JavaScript
• La palabra this y el contexto en Javascript
• Why THIS is so powerful in JavaScript
• Por qué hacemos self = this en JS?

Protype:

• Wikipedia | Programación basada en prototipos
• MDN | Herencia y la cadena de prototipos
• MDN | Inheritance in JavaScript
• Decoding the Prototypal Inheritance in JavaScript: Everything you need to know!
• Javascript inheritance behind the scene proto, [[prototype]] and prototype
• Stackoverflow | proto VS. prototype in JavaScript
• JavaScript Prototype Explained By Examples
• Quora | What is the difference between "proto" and "prototype"?
• JavaScript's Pseudo Classical Inheritance diagram
• Master the JavaScript Interview: What’s the Difference Between Class & Prototypal Inheritance?
• Prototypal inheritance
• Understanding JavaScript: Prototype and Inheritance
• Demystifying ES6 Classes And Prototypal Inheritance
• A Definitive Guide to JavaScript Prototypes

Objetos: ¿Los punteros son amor?

• Clonando objetos en JavaScript
• Copying Objects in JavaScript
• Best way to copy an object in JavaScript?
• What is the most efficient way to deep clone an object in JavaScript?
• How to Copy a JavaScript Object
• Immutable structures and cloning