De cero a desarrollador web

De cero a desarrollador web en nueve simples pasos.

Pero antes de comenzar, conozcamos su significado.

Qu es el desarrollo web?

El desarrollo web es el trabajo que implica la creacin de un sitio web o una aplicacin web, puede ser bastante simple como una landing page, o una muy compleja como una red social como Facebook o Twitter. De cualquier manera, esta es una de las industrias ms interesantes en este momento.

Quiero hacer un descargo de responsabilidad. Hay varios caminos que puedes tomar mientras aprendes desarrollo web. Este es solo uno de tantos, el que yo tomara si tuviera que empezar de nuevo.

Estos pasos van desde cero, por lo que es adecuado para principiantes.

Resumen

1. Elige un editor
2. Aprende HTML
3. Aprende CSS
4. Aprende JavaScript
5. Construye proyectos
6. Aprende Git & GitHub
7. Elige un framework de JavaScript
8. Construye un portafolio
9. Postula

vamos all

1. Elige un editor de cdigo

Hay muchos editores de cdigo disponibles como Visual Studio Code, Sublime Text, Atom, etc. Sugiero utilizar Visual Studio Code porque tiene mltiples extensiones y una gran comunidad.
Puedes obtenerlo aqu. Descarga VS Code

2. Aprende HTML

HTML (HyperText Markup Language) Lenguaje de Marcado de HiperTexto.

HTML permite estructurar/marcar el contenido de una pgina web. Piensa algo as como el esqueleto humano. Hay muchos recursos disponibles para aprender. Recomiendo ampliamente FreeCodeCamp y W3Sshools para empezar.

• Responsive Web Design
• HTML Tutorial

3. Aprende CSS

CSS (Cascading Style Sheets) Hojas de Estilo en Cascada.

CSS permite mejorar la apariencia de una pgina web. Piensa algo as como la piel del cuerpo humano. Recomiendo nuevamente FreeCodeCamp y W3Schools para empezar.

• Responsive Web Design
• CSS Tutorial

4. Aprende JavaScript

JavaScript es el lenguaje de programacin de la web y ms popular del mundo.

JavaScript permite programar el comportamiento de las pginas web. Imagina a una persona caminando, brincando. Nuevamente recomiendo FreeCodeCamp y W3Schools para empezar.

• JavaScript FreeCodeCamp
• JavaScript Tutorial

5. Construye proyectos

Mejora tus habilidades codificando proyectos reales. Si no tienes ideas, visita Frontend Mentor o Dev Challenges para comenzar, all puedes elegir un desafo, descargar los archivos de diseo y empezar a codificar. Es perfecto para principiantes en desarrollo web.

• Frontend Mentor
• DEV Challenges
• Codewell

Recomiendo documentar el proyecto. Frontend Mentor tiene un plantilla muy completa.
Hasta este punto, ya puedes postular a empleos.

6. Aprende Git y GitHub

Git es un software de control de versiones diseado por Linus Torvalds, funciona en el computador local, y esta es la principal diferencia con GitHub.

GitHub es un repositorio en la nube para alojar proyectos utilizando el sistema de control de versiones Git.

Git y GitHub estn relacionados. Git trabaja de forma local y GitHub trabaja en la nube donde se suben los repositorios de proyectos.
Estos recursos son ideales para comenzar.

• A Guide to Git and Github
• Fundamentos de Git
• GitHub Tutorial
• Git Tutorial

7. Elige un framework de JavaScript

Framework es un marco de trabajo que abarca un proyecto completo bajo ciertas reglas.

Librera es un conjunto de funcionalidades que resuelven necesidades especficas de un proyecto.

React es la librera ms popular de JavaScript en el momento.
Vue es el framework ms popular de JavaScript.

Recomiendo empezar con cualquiera de estos (React, Vue) y despus puedes aprender otro. Mira estos tutoriales de Traversy Media y The Net Ninja para comenzar.

• React Tutorial
• Vue Tutorial

8. Construye un portafolio

Un portafolio es la vitrina de tus mejores proyectos que has desarrollado a lo largo de tu aprendizaje. Si eres de las personas que busca crear un portafolio nico, te sugiero algunas ideas de portafolio que puedes utilizar.

• Nico Portfolio
• Mark Portfolio
• Starter Portfolio
• Freelance Portfolio
• Strata Portfolio
• Prologue Portfolio

9. Postula

Hay muchos sitios disponibles para encontrar trabajo remoto. Recomiendo los siguientes sitios.

• Remotefront
• Glassdoor
• Get on Board
• Product Hunt Jobs
• Remoteok
• Angelist
• Smart Talent
• Kabily Jobs
• Pragma

Gracias por leer este artculo.

Estudias online?
Descarga la plantilla de estudio frontend gratis.