aprendiendofrontend/aprendiendo-frontend

Recursos del canal de YouTube:

aprendiendo-frontend's Issues

Spread operator - ES2018

Ya hicimos el del Rest Operator, nos faltaría explicar el Spread Operator. https://www.youtube.com/watch?v=viOGjE4yf0I

• Guión
• Screencast
• Audio
• Producción

SUI - Cómo usar nuestras herramientas en cualquier proyecto

Presentación de nuestro suite de herramientas, explicar un poco la filosofía.

• sui-lint
• sui-test
• ...

Javascript asíncrono

Objetivo

• Explicación Async Away
• Ejemplos de implementación
• Producción del vídeo

SVG

Serie de videos sobre SVG.

• ¿Qué es SVG?
• Exportación
• Optimización
• Implementación
• Construir un set de iconos SVG

Typescript

Crear un vídeo explicando Typescript.

Houdini

Iniciar una serie de videos sobre Houdini.

• Explicación de qué es Houdini
• Ejemplos

Animación Aprendiento Frontend

Hacer un primer video con una animación del logo Aprendiendo Frontend con CSS, y continuar con una serie de videos migrando esa animación a WAAPI y librerías Javascript de animación.

Una vez tengamos varios videos, podemos la performance.

Optimización de imágenes para la web

Objetivo

• Explicación de la importancia de la optimización de imágenes
• Ejemplo de automatización para la optimización de imágenes
• Compartir un listado de recursos
• Producción del vídeo

Refactor React 13 a React 16

Objetivo:

• Aprender las novedades que aporta la nueva versión de React
• Cambios de sintaxis de CreateClass a Clases
• Uso de property Classes
• Stateless components
• Componentes funcionales puros

Quizás es muy ambicioso para hacerlo en una sóla entrega. Podría darlo un poco más en detalle y hacerla en 2 partes incluyendo alguna slide.

Como ejercicio me gustaría enseñar un contador. La idea es hacer algo lo más simple posible pero que tenga estado y algo de lógica. De manera que podremos crear un sólo componente inicialmente en React 13 y migrarlo a 16 separando lógica de presentación.

Explicando la nueva propiedad font-display

• Guión
• Screencast
• Audio
• Producción

PostCSS: CSSNext

Objetivo

• Explicar qué es CSSNext.
• Configurar de un entorno PostCSS para CSSNext con npm.