Front-end con React

Más información

@

ó

Escríbenos a whatsapp

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

+ info

Inversión

Modalidad

On-demand

+ info

Diploma

Habilidades 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?

Lumetrio

On-demand

Accede al contenido cuando y cuantas veces quieras. Tú creas tus horarios.

Lumetrio

Aplica

Los proyectos finales y los ejercicios interactivos van a prepararte para tomar mejores decisiones en el mundo real.

Lumetrio

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.

¿Perdido?

Lee esta corta guía para saber qué comenzar a estudiar.

¿Por dónde empiezo?

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.

whatsapp