Front-end con React
Más información
En este curso te presentaremos el lenguaje que da estructura a todos los sitios web: HTML. Aprenderás a estructurar cualquier sitio web y colocar los elementos necesarios para su funcionamiento.
Luego, con CSS, podrás darle estilo a tu sitio o aplicación web. Este lenguaje te permitirá dar colores, tamaños, fuentes y todo lo necesario para que tu página sea única. Además, te enseñaremos a utilizar Bootstrap, una librería que contiene varias de las propiedades más utilizadas en CSS y que facilitará tu trabajo al permitirte escribir código más rápido.
Por último, te introduciremos al mundo de React, una librería de JavaScript para desarrollar interfaces de usuario. Hoy en día muchas empresas utilizan React para el desarrollo de sus aplicaciones, como Instagram, Twitter y Netflix, entre otras.
Ver primer capítulo gratis
Duración
3 meses
Aprobación
Proyecto final
Método
Lumetrio
+ infoInversión
USD 150
pago únicoModalidad
On-demand
+ infoDiploma
Sí
ver ejemploHabilidades que incorporarás
HTML
Te presentaremos el lenguaje que da estructura a todos los sitios web. Aprendé a armar cualquier sitio y colocar los elementos que necesites
CSS
Podrás darle estilo a tu sitio o aplicación web. Aprende el lenguaje que te permitirá dar colores, tamaños, fuentes y todo lo necesario para que tu página sea única
React
Aprendé a usar la librería más demandada por el mercado. Creá aplicaciones y sitios web únicos con las funcionalidades que tu quieras.
¿Por qué Lumetrio?
On-demand
Accede al contenido cuando y cuantas veces quieras. Tú creas tus horarios.
Aplica
Los proyectos finales y los ejercicios interactivos van a prepararte para tomar mejores decisiones en el mundo real.
Comunidad
Conéctate con profesores y otros estudiantes para consultar todas las dudas que tengas. Te acompañaremos a lo largo de todo tu aprendizaje.
Programa del curso
HTML
SEMANA 1
1 Introducción
Veremos que significa HTML y para qué se utiliza.
2 Etiquetas
El lenguaje se basa en etiquetas y aquí aprenderás como utilizarlas.
3 Boilerplate
Veamos las etiquetas básicas de todo sitio web.
SEMANA 2
4 Texto
Aprenderemos como agregar texto a nuestro front-end.
5 Imágenes
Agregaremos nuestras imágenes al sitio.
SEMANA 3
6 Links
Veremos cuales son las etiquetas necesarias para navegar en nuestro sitio.
7 Tablas
Estudiaremos a las tablas y como crearlas.
SEMANA 4
8 Listas
Veremos como y cuándo crear listas .
9 Divs
La etiqueta más utilizada en todo HTML.
CSS
SEMANA 5
1 Introducción
Veremos que significa CSS y para qué se utiliza.
2 Hojas de estilos
¿Cómo organizamos nuestro código CSS?
3 Selectores básicos
Comenzaremos a utilizar los selectores principales.
SEMANA 6
4 Color
Le daremos color a nuestro front-end.
5 Padding y Margin
Aprenderemos a darle el espacio a los elementos de nuestro sitio.
SEMANA 7
6 Texto
Le daremos el estilo que querramos a nuestros textos.
7 Selectores avanzados
Profundizaremos en selectores para hacer modificaciones más especificas .
SEMANA 8
8 Display
La propiedad display nos ayudará a organizar nuestro sitio con mayor libertad.
9 Display Flex
La forma más utilizada de display actualmente.
10 Media Queries
La herramienta principal para hacer tu sitio responsivo.
Bootstrap
SEMANA 9
1 Introducción
Veremos qué es Bootstrap y para qué se utiliza.
2 Responsividad
Bootstrap nos ayuda a manejar la responsividad de nuestro sitio.
3 Grid
Estudiaremos el sistema grid que nos ofrece.
4 Botones
Veremos los botones de bootstrap y como aplicarlos a nuestro front-end.
SEMANA 10
5 Navegación
Podremos rearmar la navegación utilizando Bootstrap.
6 Íconos
Colocaremos íconos para darle más personalidad a nuestra página.
7 Display Flex
Aprendermos a utilizar las clases pre-hechas para display flex .
8 Formularios
Crearemos formularios para recibir información de nuestros visitantes.
React
SEMANA 11
1 Introducción
Veremos qué es React y para qué se utiliza.
2 Elementos básicos
Una introducción a los elementos mas importantes de React.
3 Componentes
¿Qué son los componentes? ¿Para qué sirven?
SEMANA 12
4 Primer componente
Crearemos nuestro primer componente y lo agregaremos a la página.
5 Props
Aprenderemos qué son las Props y como utilizarlas a nuestro favor.
6 State
Le daremos dinamismo a nuestros componentes utilizando su estado.
Prepárate para el desafío
Conoce los pasos a seguir para capacitarte en Lumetrio
¡Comienza ya! 1
Empieza cuando y donde quieras.
Registrate gratis y ve el primer módulo de cada curso sin costo.
2 Acceso al curso
Si el curso te gustó, puedes comprarlo para tener acceso completo de por vida. En caso que no se adapte a lo que necesitas, te devolvemos el 100% del valor.
3 Proyecto final + Diploma
El último paso en tu formación consiste en crear un proyecto final donde pondrás en práctica todo lo aprendido y formará parte de tu portfolio profesional. Contamos con un diploma que se puede conectar directamente a Linkedin para que muestres al mundo tus logros.
