{Modern Frontend Developers}

Herramientas y tecnologías que nos potencializarán

@khriztianmoreno

# CHAPTER:ME

Cristian Moreno 👨🏼‍💻

Digital Education Advocate & Fullstack Javascript Engineer

 

GDE at Google

MVP at Microsoft

MDE at Cloudinary

AWSCommunity at Amazon

Ambassador at Auth0

 

Para ser un Frontend Developer, hoy en día tenemos que conocer mas herramientas que las que usábamos una década atrás.

🤯😵‍💫🤯😵‍💫🤯

Convencciones

● Considero que son temas que deberías conocer.
● Puede ser valioso para tu Carrera
● Es una recomendación personal
● Te dará mayor campo de trabajo/acción 

Recomendado

👨🏼‍🏫

Alternavita

🕵🏻‍♀️

● Es otro camino o tecnología que podrías aprender o estudiar si la opinión personal no te gusto
● En cualquier caso es importante que tengas en el radar este tema.
● No es necesario que seas experto, pero si que conozcas porque esta allí.

Learn anytime

🧝🏻‍♀️

● Puede ser una tecnología, herramienta que ya no se este usando o extremadamente nueva.
● Existe algo que reemplazo esta.

# CHAPTER 2

Obligatorio

Package managers

Build Tools

Linters & Formatters

Build Tools

Task Runners

Build Tools

Module Boundlers

Elegir el framework js

State management

  • Styled Components
  • CSS Modules
  • Styled JSX
  • Emotion

Modern CSS

CSS Frameworks

# CHAPTER 2

Testing

Aprender la diferencia entre Unit, Integration y Functional Testing.

Aprender como escribir test con las siguientes herramientas.

Testing

  • HTML Templates
  • Custom Elements
  • Shadow DOM

Web Components

TypeScript es un lenguaje de programación fuertemente tipado que se basa en JavaScript, lo que le brinda mejores herramientas a cualquier escala.

Type Checker

  • Storage
  • Web Sockets
  • Service Workers
  • Location
  • Notifications
  • Device Orientation
  • Payments
  • Credentials

Web APIs - PWA

Server Side Rendering (SSR)

Static Side Generatos (SSG)

GraphQL

Cloud Functions

Mobile Applications

Native

React

Flutter

Ionic

  • Electron
  • Tauri
  • NW.js
  • NodeGUI
  • Meteor

Desktop Applications

Y por ultimo

pero no menos importante

@khriztianmoreno

Thanks 🙇🏼 🙏🏼 👨🏼‍💻

khriztianmoreno.dev

Made with Slides.com