Clase del Lunes 16/11/2020

Las Prácticas

• Meet de la clase
• Prácticas

Introducción a la Asincronía

Usaremos exhaustivamente en este capítulo el libro https://javascript.info/.

Por si quieren tener el libro en local les facilito unas instrucciones de como hacerlo en este repo:

• ULL-MII-SYTWS/javascript-info-meta

ES2015 Modules with WebPack: The Async Module

• La práctica p8-t2-async-webpack-esmodule

• The Async module provides Async as a collection of purely ES2015 modules, in an alternative async-es package on npm.

  1
        $ npm install async-es
  

  1
  2
        import waterfall from 'async-es/waterfall';
        import async from 'async-es';
  

  • Seguiremos el tutorial Webpack: Getting Started
    • Link to https://unpkg.com/: is a fast, global content delivery network for everything on npm.
  • See a solution here: Using the Async ES2015 module in the Browser with webpack (private branch)

  • Public branch

    1
    2
    3
    4
    5
    6
    7
        ➜  load-script-seq git:(private) ✗ pwd
        /Users/casianorodriguezleon/campus-virtual/2021/learning/asyncjs-learning/load-script-seq
        ➜  load-script-seq git:(private) ✗ git remote -v
        origin	git@github.com:ULL-ESIT-PL/async-js-series-webpack.git (fetch)
        origin	git@github.com:ULL-ESIT-PL/async-js-series-webpack.git (push)
        private	git@github.com:ULL-ESIT-PL/async-js-series-webpack-private.git (fetch)
        private	git@github.com:ULL-ESIT-PL/async-js-series-webpack-private.git (push)
    

Promises

• Promises: Basics: https://javascript.info/promise-basics
  • load-script con promesas
  • Chuck Norris jokes example (UAI 2015):
    • index.html
    • script.js
• Order: Promises vs Callbacks
• Example: Unhandled Promise Rejection (uai2015)

Web Wokers

• Web Workers

Enlaces de ayuda

• Sala de Chat
• Presentación de la Asignatura SYTWS
• Repositorio con apuntes y recursos