Formación Tu ruta completa de carrera en Front-end

Paso a paso

1. 1 Primeros pasos en programación y en JavaScript

   En esta primera etapa, construirás tu base en programación, comenzando con lógica de programación y Git y Github.

   • Lógica de programación con JavaScript

   • ARTIGO

     Glosario de Front-end | Alura Cursos Online

2. 2 HTML & CSS

   Vamos a dar nuestros primeros pasos con un sólido conocimiento de HTML, al fin y al cabo esa es la base de toda web. Más que aprender sobre las tags o etiquetas, necesitamos entender la importancia de un código semántico y bien estructurado y cómo tener una buena estructura para la aplicación de los estilos con CSS.

   Como la web es un lugar para todos, es esencial que sus sitios estén adaptados para cualquier persona, pensando en eso veremos cómo estructurar nuestro pensamiento teniendo en cuenta la la accesibilidad y cómo el código que creamos impacta directamente el grado de accesibilidad de una página.

   • Desde cero: HTML y CSS para proyectos Web

3. 3 Front-End UI

   Ahora, vas a sumergirte en técnicas y tecnologías más recientes y profundas que las de CSS, que te aportarán una nueva mirada al desarrollo de front-end.

   Desde los plugins para hacer el chequeo y padronización de códigos, pasando por layouts responsivos y maneras de posicionar los elementos con Flexbox y Grid CSS. Veremos como el CSS creció y hoy ofrece un océano de posibilidades para designers.

   • CSS: profundiza en los estilos

4. 4 JavaScript el lenguaje de la web

   Llegó el momento de que profundicemos en el lenguaje que hace con que la web sea dinámica y que sea responsable por la mayoría de las interacciones entre las personas y nuestros sitios.

   Aquí vamos a entender a fondo como JavaScript se comporta como lenguaje, pero aún no veremos como hacer la integración con las páginas. Eso es porque existe una separación de conceptos entre lo que forma parte del lenguaje JS y que son las WebAPIs que veremos en otros módulos más avanzados.

   Como existe esa separación, es muy importante que tengas conocimiento amplio de JavaScript que facilitará tu vida al aprender un nuevo framework.

   • Desarrolla aplicaciones Web con Javascript

5. 5 Explorando React con Javascript

   React es un framework de JavaScript utilizado para el desarrollo de interfaces de usuario en páginas web, centrándose en la creación de aplicaciones de página única (SPAs).

   Por su facilidad, flexibilidad y escalabilidad, es ampliamente utilizado para crear aplicaciones complejas que necesitan actualizarse en tiempo real.

   A lo largo de los contenidos de esta formación, te sumergirás en temas como: implementación de componentes reactivos, enrutamiento de la aplicación con React Router, y muchos otros.

   • Explora React con JavaScript

6. 6 Aplica Typescript en el Front-End

   Si conoces JavaScript, entonces es momento de conocer TypeScript, su poderoso hermano. TypeScript está redefiniendo la forma en que desarrollamos y asegurando que nuestros proyectos tengan una calidad aún mayor.

   En nuestra formación, no solo revelaremos los secretos de TypeScript, sino que también mostraremos cómo este lenguaje se ha convertido en un verdadero game-changer en el universo de los desarrolladores. Prepárate para una experiencia transformadora, llena de insights, mejores prácticas y, por supuesto, ¡mucho trabajo práctico!

   ¿Quieres entender el hype detrás de TypeScript? ¿Quieres llevar tus proyectos a niveles nunca antes alcanzados? Entonces, esta es tu oportunidad. Ven a descubrir TypeScript con nosotros y ¡mira cómo tu productividad despega!

   • Aplica TypeScript en el Front-End

7. 7 React con Typescript

   Usar React con TypeScript mejora la seguridad del código gracias al tipado estático, evitando errores en tiempo de ejecución. Proporciona una mejor experiencia de desarrollo con autocompletado y sugerencias en editores como VS Code. Facilita el mantenimiento y escalabilidad al hacer el código más legible y estructurado. Ayuda en la refactorización al identificar cambios necesarios en todo el proyecto. Mejora la integración con librerías y APIs que ya cuentan con definiciones de tipos.

   • React con Typescript