Desarrollo Frontend

4 meses

Aprende a crear aplicaciones web y móviles desde cero utilizando buenas prácticas de programación; programación con Javascript y React Js para realizar sitios complejos, dinámicos y escalables.

Descripción

En esta carrera de desarrollo Frontend aprenderás a crear aplicaciones web y móviles desde cero utilizando buenas prácticas de programación. Aprenderás a programar con Javascript y React Js que te permitirá realizar sitios complejos, dinámicos y escalables.

Al finalizar la carrera podrás trabajar en cualquier empresa que requiera desarrollador FrontEnd en React y/o React Native.

Requisitos previos

¿Qué incluye?

La carrera tiene como objetivo fundamental formarte como profesional en las tecnologías más requeridas del mercado para construir interfaces y aplicaciones modernas en React y React Native. Nuestra fundación tiene como principal meta formar a nuevos profesionales o reconvertir a personas que utilizan algunas tecnologías poco utilizadas a lenguajes más demandados.

React es una biblioteca escrita en JavaScript, desarrollada en Facebook para facilitar la creación de componentes interactivos, reutilizables, para interfaces de usuario. Se utiliza en Facebook para la producción de componentes, e Instagram está escrito enteramente en React. Uno de sus puntos más destacados, es que no sólo se utiliza en el lado del cliente, sino que también se puede representar en el servidor, y trabajar juntos.

1.- DOM virtual. La principal ventaja de React es la de poder generar el DOM (“Modelo de Objetos del Documento”, estructura de los elementos que se generan en el navegador web al cargar una página) de forma dinámica. Esto permite visualizar los cambios de los datos sin la necesidad de renderizar toda la página de nuevo, sino solamente el componente que haya sido actualizado. Gracias a esta característica mejora: la experiencia de usuario al navegar por la aplicación web, la rapidez en la carga de las páginas y facilita el mantenimiento de la aplicación.

2.- Amplia comunidad. Al estar basado en JavaScript, cuenta con una amplia comunidad que dispone de un gran número de librerías externas.

3.- Compuesto por componentes. Como ya hemos mencionado anteriormente, las aplicaciones webs desarrolladas con React están basadas en componentes reutilizables. Esto facilita que la aplicación sea más escalable y fácil de mantener, ya que los errores sucederán en la propia funcionalidad del componente o en la comunicación con los demás.

4.- ECMAScript 6. Se trata del último estándar para JavaScript. Aporta mayor flexibilidad y versatilidad al código, lo cual facilita el desarrollo del software. Además, para que los navegadores más antiguos no se queden obsoletos, este código de última generación puede ser traducido con Babel, una herramienta que se encarga de transformar el código JavaScript escrito con la especificación ECMAScript 6 en código que cualquier navegador puede interpretar.

5.- Isomórfico. Desde el punto de vista del posicionamiento web, el principal problema de los frameworks es que, debido al desacoplamiento entre la parte del cliente y el servidor, los datos que se van a mostrar en el HTML se obtienen mediante peticiones a la API, que es la que suministra los datos desde el servidor y, una vez que el framework obtiene los datos, construye el HTML. De esta manera, cuando Google (o cualquier otro buscador) rastrea la web, el contenido del HTML está vacío y no es capaz de interpretar las palabras claves. Esto provoca que el posicionamiento web de un CMS como WordPress sea más óptimo que el de un desarrollo basado en un framework. Sin embargo, gracias al isomorfismo de React, es posible construir el HTML con el contenido ya renderizado y obtener un posicionamiento web tan óptimo como un WordPress.

6.- Integración con Redux. Al tratarse de una librería, podemos agruparla junto a otras librerías como Redux para conseguir mayor funcionalidad y facilitar el desarrollo. Redux y React encajan muy bien ya que ambos trabajan con estados. Mientras que cada componente React tiene su propio estado (datos de cada componente que se van modificando a lo largo de su ciclo de vida), la función de Redux es emitir actualizaciones de los estados en respuesta a acciones.

7.- React Native. Facilidad para generar aplicaciones móviles usando el mismo código JavaScript de la aplicación web.