< fRONTEND moderno />

< 2019 />

<Introducción al desarrollo web />

<???? />

< Introducción al desarrollo web />

< Standard languages />

< BAsic tools />

< HTML5 apis />

< Geolocation />

< Canvas />

< Drag and Drop />

< Web Workers />

api => {

console.log("Application Program Interface");

// Interfaz de Programación de Aplicaciones

}

< Canvas />

< DRAG and drop />

< WEB workers />

< geolocation />

< Compatibilidad />

if (Modernizr.geolocation) {

//código a ejecutar si la expresión en 'true' porque ha detectado la funcionalidad en el navegador

}

else

{

//acción o mensaje si no está soportada la geolocalización

}

< css frameworks />

< Javascript />

Ajax
Manipulación del DOM
Emascript 6+

< enfoque actual del DEsarrollo WEb />

< cAPas de una aplicación web />

< Standard languages />

< ERa javascript del desarrollo web />

< ????? />

27 de Mayo 2009

2008

</ framework's war />

< React />

Librería
By Facebook
Aprendizaje ( 4 a 5 semanas)
ES 6
JSX
FLUX
DOM Virtual

< angular />

Framework
By Google
Aprendizaje (4 a 8 semanas)
Typescript
Templates
MVC
DOM Regular

< DOM / Virtual DOM />

DOM

Virtual DOM

Update

DOM => {

console.log("Document Object Model");

//Modelo de Objetos del Documento

}

< JSX />

JSX => {

console.log("JavaScript XML");

}

class ShoppingList extends React.Component {
  render() {
    return (
      <div className="shopping-list">
        <h1>Shopping List for {this.props.name}</h1>
        <ul>
          <li>Instagram</li>
          <li>WhatsApp</li>
          <li>Oculus</li>
        </ul>
      </div>
    );
  }
}