Mamá quiero ser Programador!

GDG Cali

¿Qué es un desarrollador de software?

  • Dominar al menos un lenguaje de programación
  • Conocer sobre bases de datos
  • Conocer los principios de la arquitectura y diseño de software
  • Construir código
  • Gestionar código con un sistema de control de versiones
  • Conocer sobre metodologías de desarrollo de software (principalmente la metodología ágil)
  • Tomar café sin azúcar

¿Por qué ser desarrollador?

Frontend

Developer

El desarrollador Frontend es el Diseñador?

No necesariamente

Objetivo principal del Desarrollador Frontend

Asegurar de que la información que se da a conocer a travez de la web o de la app sea lo más efectiva posible al usuario

Responsabilidades del Frontend

  • Decidir el diseño, la arquitectura y la estructura de la página web
  • Desarrollar funciones para mejorar la experiencia de los usuarios
  • Lograr un equilibrio entre el diseño funcional y el estético.
  • Asegurar que el diseño de la web se adapte a cualquier pantalla
  • Construir código reutilizable para su uso futuro
  • Asegurarse de que las páginas web están optimizadas para obtener la mejor velocidad y escalabilidad
  • Mantener la coherencia de la marca en todo el diseño

Cuánto gana un desarrollador Frontend?

Colombia

Qué debo saber para ser un desarrollador frontend?

Programar

Cómo funciona internet

Http

Dominios

DNS

Servidores

Hosting

Navegadores

HTML

HyperText Markup Language

https://lenguajehtml.com/html/

CSS

Cascading Style Sheets

JavaScript

Solo JavasCript

HTML

Estructura

CSS

Diseño

JavaScript

Interactividad

HTML

CSS

JavaScript

Roadmap

Git

https://codigofacilito.com/cursos/git

Github

Terminal

https://terminaldelinux.com/

Esenciales

Roadmap

Intermedio

Manejadores de paquete

npm / yarn

API Rest

GraphQL

Comunicación con Servidor

Module bundlers

webpack / vite

Roadmap

Intermedio

Frameworks / Librerías de Javascript

Angular

By Google

React

By Meta

Vue

Open Collective

Svelte

Open Collective

Basados en Componentes

Roadmap

Intermedio

Frameworks, Herramientas y Librerías de CSS

Frameworks

Si necesitan Javascript

Tailwind css

Material UI

Chakra UI

Frameworks

No necesitan Javascript

Bootstrap css
Bulma css

Arquitectura

BEM

OOCSS

SMACSS

Roadmap

Intermedio

Frameworks, Herramientas y Librerías de CSS

SASS

LESS

Stylus

Pre-procesadores

CSS Moderno

Css-in-js

Styled-components

CSS Modules

Roadmap

Avanzado

Jest

React-testing-library

Cypress

Testing

Pruebas unitarias

Pruebas de integración

Pruebas E2E

Progresive web apps

Server side rendering

Client side rendering

Incremental static generation

Conceptos

Frontend Roadmap

Intermedio

Básico

Elementales

HTML

CSS

JavaScript

Esenciales

Programar

Terminal

Terminal

Git / Github

Manejadores de paquetes

Module Bundlers

Comunicación Backend

Elementales

Frameworks JS

Angular

Vue

Svelte

React

Herramientas CSS

Arquitectura

Frameworks

Pre-procesadores

CSS Moderno

Testing

PWA

SSR

CSR

ISG

Avanzado

Jest

react-testing-library

Cypress

BEM, OOCSS, SMACSS

Bootstrap, Tailwindcss, Material UI...

Sass, Less, Stylus

Styled-components, CSS Modules

Webpack, vite

npm, yarn

API Rest, Graphql

Backend Developer

Full Stack Developer

Consejos

  • Prácticar, crear proyectos propios, resolver problemas cotidianos con software.
  • Únirse a una comunidad.
  • Leer, ver videos, cursos... aprender cada día
  • Mejorar tus habilidades blandas (comunicación, gestión del tiempo, empatía, team-work, liderazgo, etc)
  • English!

Ronda de preguntas

Mamá quiero ser Programador

By Stiven Castillo

Mamá quiero ser Programador

  • 31