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 creación de un sitio web o una aplicación 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 más 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 tomaría si tuviera que empezar de nuevo.
👌Estos pasos van desde cero, por lo que es adecuado para principiantes.
Resumen
- Elige un editor
- Aprende HTML
- Aprende CSS
- Aprende JavaScript
- Construye proyectos
- Aprende Git & GitHub
- Elige un framework de JavaScript
- Construye un portafolio
- Postula
🚀vamos allá🚀
1. Elige un editor de código
Hay muchos editores de código disponibles como Visual Studio Code, Sublime Text, Atom, etc. Sugiero utilizar Visual Studio Code porque tiene múltiples 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 página web. Piensa algo así como el esqueleto humano. Hay muchos recursos disponibles para aprender. Recomiendo ampliamente FreeCodeCamp y W3Sshools para empezar.
3. Aprende CSS
CSS (Cascading Style Sheets) Hojas de Estilo en Cascada.
CSS permite mejorar la apariencia de una página web. Piensa algo así como la piel del cuerpo humano. Recomiendo nuevamente FreeCodeCamp y W3Schools para empezar.
4. Aprende JavaScript
JavaScript es el lenguaje de programación de la web y más popular del mundo.
JavaScript permite programar el comportamiento de las páginas web. Imagina a una persona caminando, brincando. Nuevamente recomiendo FreeCodeCamp y W3Schools para empezar.
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 desafío, descargar los archivos de diseño y empezar a codificar. Es perfecto para principiantes en desarrollo web.
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 diseñado 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 están 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.
7. Elige un framework de JavaScript
Framework es un marco de trabajo que abarca un proyecto completo bajo ciertas reglas.
Librería es un conjunto de funcionalidades que resuelven necesidades específicas de un proyecto.
React es la librería más popular de JavaScript en el momento.
Vue es el framework más popular de JavaScript.
Recomiendo empezar con cualquiera de estos (React, Vue) y después puedes aprender otro. Mira estos tutoriales de Traversy Media y The Net Ninja para comenzar.
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.
- RemoteTechJobs
- Remotefront
- Glassdoor
- Get on Board
- Product Hunt Jobs
- Remoteok
- Angelist
- Smart Talent
- Kabily Jobs
- Pragma
Conclusión
Hay muchos caminos que puedes tomar para convertirte en desarrollador web, puedes comprar un curso o puedes crear tu propia ruta de aprendizaje; de cualquier modo, si tienes claro lo que quieres lograr y la disciplina de aprender, sin duda conseguirás ser un desarrollador web competitivo.
Gracias por leer este artículo.
Siempre estoy dispuesto a ayudar, puedes seguirme en Twitter (xantosromero) para saludarme.
¿Estudias online?
Descarga la plantilla de estudio frontend gratis.
Top comments (10)
Fundador de Codewell aquí, ¡gracias por mencionarlo! Esto es de Google Translate, así que disculpe los errores.
😲 I'm surprised. I reading your comment in this article is really amazing. Thank you very Moemim, founder of Codewell.
Estos 9 pasos que mencionas equivalen a un millónnnn! Excelente tu recomendación, quedé muy satisfecho de la manera como nos orientas a los principiantes, quiero aprender esta difícil profesión y siempre estaba perdido porque no hallaba por donde empezar y ahora con tu exposición he aclarado mis dudas para comenzar. Gracias por compartir, espero poder contar con tu apoyo porque lo que viene, nada fácil será.
Será un placer. Muchas gracias por tus comentarios, y feliz viaje en este camino del desarrollo web.
Llevo algunos días por aquí, es el primer post que veo en español, y está bueno! Buen análisis. 💪
Muchas gracias Jesús por tu comentario. Seguiré subiendo más artículos.
Hola. Quieres decir Desarrollo web o frontend nada más? Que la web no es nada más lo que vemos. Al final cuando estudien un framework de Js tendrán que aprender a persistir los datos. Así que...
Es verdad, el desarrollo web es extenso. Este artículo orienta a que puedas crear una página web como mínimo, y en el proceso te adentrarás más en el desarrollo web.
Gracias por tu comentario.
Buena ruta y excelentes consejos. Gracias.
Saludos desde México.
Muchas gracias por encontrarlo útil.