Como llegar a ser un desarrollador web paso por paso

|

👀
💙

Likes (0)

📣

Comentarios (0)

Si no me conoces aun mi nombre es Junior, desarrollador web. Durante un tiempo también fui maestro de desarrollo web y una de las cosas que notaba de los estudiantes es que mucho no tenían una guia clara de que debían aprender y que orden.

El camino a ser un desarrollador web es largo y puede ser abrumador y perdete en las tantas herramientas que se necesitan aprender.  Por eso decidí crear esta guia para que puedas seguirla paso a paso y sepas que aprender en cada paso. Cabe destacar que esta lista esta enfocada en desarrolladores Front-End.

1. Como funciona el internet

Si vas a ser desarrollador web tienes que entender como funciona a el internet, esto incluye lo siguiente:

  1. ¿Que es HTTP y HTTPS?
  2. Navegadores y como funcionan
  3. ¿Que es DNS y como funciona?
  4. ¿Que es un nombre de dominio?
  5. Como se hospedan las paginas web

2. HTML

HTML (Hyper Text Markup Language ) es lo que usamos para crear el esqueleto de las paginas web. Los puntos que tienes que aprender de HTML son los siguientes:

  1. Escribir HTML semántico
  2. Formularios y validaciones
  3. Aprender las mejores practicas
  4. Accesibilidad
  5. Lo básico de SEO (Search Engine Optimization) 

3. CSS

CSS (Cascading Style Sheets ) es lo que usamos para dar estilos a nuestras paginas web. Esta es la lista de cosas que debes aprender:

  1. Hacer layouts completos (Flex box, Grid)
  2. Crear diseños responsive y usar Media Queries

4. Javascript

JavaScript es lo que hace que nuestra pagina sea dinámica. JS puede ser desafiante al principio, en especial si es tu primer lenguaje de programacion pero con el tiempo le tomas el hilo. Asegurarte de aprender lo siguiente:

  1. Syntax y constructores básicos.
  2. Manipulación del DOM
  3. Fetch API 
  4. ES6+ y Modular JS
  5. Entender los conceptos hoisting, event bubbling, scope, prototype, shadow DOM, strict

5. Git

Git es un software gratis y open source para mantener un registro de los cambios en un proyecto de software, debes:

  1. Aprender lo comandos básicos de git
  2. Crear una cuenta en GitHub y aprender a usarlo

6. Conocimientos de seguridad de la web

Es importante que conozcas por lo menos lo básico cuando se trate de seguridad web:

  1. HTTPS
  2. CORS
  3. OWASP 
  4. Content Security Policy

7. Manejadores de paquetes

Debes aprender a usar uno de los siguientes manejadores:

  1. NPM
  2. YARN

8. Herramientas de desarrollo

Estas son algunas herramientas para hacer tu vida mas facil.

  1. NPM scripts
  2. Webpack
  3. esbuild
  4. Prettier
  5. ESLINT

9. Elige un framework

Ya para este punto debes elegir un framework, yo recomiendo React pero sino puedes elegir unos de los siguientes:

  1. React
  2. Vue.js
  3. Angular
  4. Svelte

10. Frameworks CSS

Asegurate de aprender algunos de los siguientes frameworks de CSS

  1. Tailwind CSS
  2. Chakra UI
  3. Material UI
  4. Radix UI

11. Librerías para pruebas

Hacer pruebas va a ser parte fundamentar de tu trabajos. Estas son algunas de la s mas usadas:

  1. Jest
  2. Cypress
  3. Enzyme

12. Seguir aprendiendo

En esta carrera no puedes dejar de aprender, siempre hay algo nuevo o una nueva actualización y debes ser autodidáctico para poder competir en este mercado que cada ves se vuelve mas competitivo.

¡Tu negocio puede estar aqui!
Escribenos
¡Unikob te necesita!

Los costos para mantener Unikob en linea son cubiertos solo por unos cuantos individuos apasionados por la comunidad.

Donar 💖