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
