DEV Community

Cover image for De cero a desarrollador web
Santos Romero
Santos Romero

Posted on • Updated on

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 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

  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 código

editores
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

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

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

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

projects
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-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

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

dark-mode
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.

9. Postula

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

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.

Discussion (8)

Collapse
mamdouhmoemin profile image
Moemin Mamdouh 👨‍💻

Fundador de Codewell aquí, ¡gracias por mencionarlo! Esto es de Google Translate, así que disculpe los errores.

Collapse
xantosromero profile image
Santos Romero Author

😲 I'm surprised. I reading your comment in this article is really amazing. Thank you very Moemim, founder of Codewell.

Collapse
laynierpd profile image
Laynier Piedra

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...

Collapse
xantosromero profile image
Santos Romero Author

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.

Collapse
ribosomatic profile image
Jesus Liñan

Llevo algunos días por aquí, es el primer post que veo en español, y está bueno! Buen análisis. 💪

Collapse
xantosromero profile image
Santos Romero Author

Muchas gracias Jesús por tu comentario. Seguiré subiendo más artículos.

Collapse
johnix70 profile image
Juan Salas

Buena ruta y excelentes consejos. Gracias.
Saludos desde México.

Collapse
xantosromero profile image
Santos Romero Author

Muchas gracias por encontrarlo útil.