Comparte si te a gustado:

Desarrollo web frontend en React JS con proyecto completo

Publicado en 19 Jun 2024

Udemy UK

Lo que aprender√°s

  • Desarrollar interfaces web usando React JS.
  • Manejar la sintaxis JSX utilizada en React JS.
  • Aprender los m√≥dulos b√°sicos de React JS como React Hooks o React Router.
  • Utilizar una API p√ļblica como parte backend de una aplicaci√≥n web.
  • Usar la librer√≠a Chakra UI para a√Īadir estilos a los componentes implementados con React.
  • A√Īadir iconos a interfaces web usando la librer√≠a React Icons.
  • Desplegar una aplicaci√≥n web usando Vercel.

Requisitos

  • Conocimientos b√°sicos de HTML.
  • Conocimientos b√°sicos de JavaScript.

Descripción

"Se busca desarrollador con conocimientos en React". Seguro que has visto esto en muchas ofertas de empleo y si has llegado hasta este curso es porque tienes la intenci√≥n de aprender m√°s sobre qu√© es React, sus principales caracter√≠sticas y qu√© ventajas ofrece. Pero antes una peque√Īa aclaraci√≥n, muy al contrario de lo que se suele pensar React JS no es un framework en s√≠ mismo sino una librer√≠a de JavaScript . Su principal funci√≥n es la de facilitar la creaci√≥n de interfaces de usuario de manera √°gil y vers√°til.

React nos permite crear aplicaciones web SPA (de una sola página) e incluso aplicaciones para móviles. Esto se logra mediante el complejo ecosistemas de módulos y herramientas que se han ido creando para obtener todo el potencial de esta librería y nos permite un desarrollo flexible. Cuenta además con un muy amplio respaldo en la comunidad, debido a que cuenta con Facebook como su principal impulsor, pero además nombres como BBC, Airbnb, Netflix, Dropbox y un largo etcétera hacen uso intensivo de React JS. Esto nos da una idea de su alcance.

En este curso aprenderás React a través del desarrollo completo de una aplicación web sobre libros. Para la parte backend utilizaremos una API implementada por el sitio web OpenLibra, por lo que solo tendremos que realizar peticiones a dicha API para obtener los datos que serán mostrados en la parte frontend, mediante la generación de una serie de vistas o interfaces web a través de React JS.

Además, junto con React emplearemos una gran cantidad de librerías y herramientas que utilizadas en conjunción nos permitirán desarrollar una aplicación web perfectamente funcional y que desplegaremos en producción. Entre ellas, me gustaría destacar las siguientes:

  • Node JS:¬†Node JS sirve para crear sitios web din√°micos muy eficientes, escritos con el lenguaje de programaci√≥n JavaScript. Normalmente, los desarrolladores se decantan por este entorno de ejecuci√≥n cuando buscan que los procesos se ejecuten de forma √°gil y sin ning√ļn tipo de bloqueo cuando las conexiones se multiplican. Dispone de un gestor de dependencias llamado npm, que es una herramienta de l√≠nea de comandos que ayuda a instalar y desinstalar paquetes, gesti√≥n de versiones y gesti√≥n de dependencias necesarias para ejecutar un proyecto.

  • Vite JS: Vite JS¬†es una herramienta de compilaci√≥n que tiene como objetivo proporcionar una experiencia de desarrollo m√°s r√°pida y √°gil para proyectos web modernos.

  • Chakra UI:¬†Chakra UI es una librer√≠a de componentes simple, modular y accesible que te da las bases para construir tus aplicaci√≥nes React con estilos y de forma totalmente personalizada.

  • React Icons:¬†Se trata de una peque√Īa librer√≠a que te permite a√Īadir √≠conos (desde distintas librer√≠as de √≠conos) a tus aplicaciones hechas con React. Te entrega los √≠conos en tu aplicaci√≥n como componentes, de tal manera que se hace m√°s f√°cil trabajar con ellos.

  • Vercel: Vercel es una plataforma en la nube para sitios est√°ticos y funciones sin servidor que se adapta perfectamente a su flujo de trabajo. Permite a los desarrolladores alojar sitios web y servicios web que se implementan instant√°neamente, escalan autom√°ticamente y no requieren supervisi√≥n, todo sin configuraci√≥n.

¬ŅPara qui√©n es este curso?

  • Desarrolladores web que quieran aprender la tecnolog√≠a React JS.
  • Programadores que est√©n comenzando a usar React JS y quieran reforzar los conceptos a trav√©s del desarrollo de un proyecto.

Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:

(Cupón válido para las primeras 1000 inscripciones): D95653D0B7315D9F861F
Udemy UK
Tags:

Articulos Relacionados

content

Universidad Desarrollo Web - FrontEnd Web Developer!

El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Ser√°s un FrontEnd Developer!

Ir al Curso
content

Angular: De cero a experto

Componentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más

Ir al Curso
content

Universidad Angular - De Cero a Experto en Angular!

Domina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y m√°s!

Ir al Curso
Suscríbete a nuestro boletín
Reciba los √ļltimos Cupones y promociones (Solicitar Cup√≥n)