Academia Pragma | Ruta Front End

Pokédex

Ejercicio práctico

Tu misión es implementar una interfaz web responsive base de un Pokédex.

Hacer ejercicio

Horas

HTML

Semántico

En este enlace de w3schools.com nos explican los elementos semánticos de HTML 5

Horas

CSS

Main rules

Sigue el enlace para explorar 9 propiedades importantes CSS que debes conocer.

Horas

CSS

Flexbox

Aprende a usar las cajas flexibles de CSS o Flexbox y prueba tus conocimientos aquí

Navegar

Horas

CSS

Media Queries

Aprende en w3schools.com qué son y cuáles son los tipos de Media Queries.

Horas

JavaScript

Variables, condicionales y funciones

Aprende desde codecademy.com las bases sobre strings, booleanos, números, variables y mucho más.

Horas

TypeScript

Variables, condicionales y funciones

Aprende desde codecademy.com las bases sobre strings, booleanos, números, variables y mucho más.

Navegar

Horas

SEO

Checklist

Aumenta el posicionamiento en buscadores, teniendo en cuenta estas prácticas de optimización.

0,5

Horas

Mobile first

Google slides

Si tu sitio es bueno en dispositivos móviles, se traslada mejor a todos los dispositivos.

0,5

Horas

Estándares Front-end

Documento

Explora y asimila los estándares que hemos aprendido a usar en los proyectos de front-end en Pragma.

Horas

Pasos para una maquetación eficiente

Lección Pragma

Ten en cuenta estos 10 pasos para que puedas construir interfaces poderosas con HTML y CSS.

minutos

My music app

Ejercicio práctico

Tu misión es desarrollar una aplicación web responsive con tecnologías front-end vigentes y consumiendo la API de Spotify.

Hacer ejercicio

Horas

Sass

Curso online

En el video aprenderás conceptos de este poderoso pseudo-lenguaje para programar los estilos CSS de tu sitio.

Horas

BEM

Nombramiento de clases CSS

Aprende las mejores practicas para nombrar las clases del CSS.

Navegar

Horas

React

Curso online

Aprende los conceptos de una de las mejores bibliotecas de JavaScript para construir interfaces de usuario. Si eres Pragmático, obtén las credenciales aquí.

Iniciar curso

Horas

Vue

Curso online

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Vue.js. Si eres Pragmático, obtén las credenciales aquí.

Horas

Angular

Curso online

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular. Si eres Pragmático, obtén las credenciales aquí.

Horas

Diseño atómico

Google slides

Aprende no solo a construir interfaces, sino sistemas de diseño completos.

0,5

Horas

GIT galaxy

Google slides

Aprende sobre Git para la gestión de ramas y flujos de trabajo en el versionamiento de código.

Horas

Gatsby

SSR, GraphQL y React

Aplica Server Side Rendering y GraphQL en tus aplicaciones web con esta poderosa herramienta basada en React.

Documentación

Iniciar curso

Horas

Next.js

SSR y React

Framework construido sobre React que nos ayuda a construir aplicaciones de una forma más rápida y fácil.

Documentación

Iniciar curso

Horas

Contentful

CMS

Conoce el administrador de contenidos que, de la mano con Gatsby, ha dado grandes resultados en proyectos de Pragma.

Horas

JavaScript

Patrones asíncronos, manejo de errores, patrones de diseño

Perfecciona tu conocimiento y profundiza en conceptos más avanzados.

Horas

Pruebas unitarias

en Angular

Aprende a mejorar tu código de la mano de las pruebas unitarias utilizando Karma, Jasmine y Protractor.

Horas

Pruebas unitarias

en React

Aprende a mejorar tu código de la mano de las pruebas unitarias utilizando Jest y React-testing-library.

Horas

Progressive Web Apps

(PWA)

Aprende a construir aplicaciones web con experiencia de apps móviles, que pueden ser instalables en celulares y dispositivos de escritorio. Más información aquí.

Horas