El camino para ser Desarrollador Web

banner-el-camino-para-ser-desarrollador-web


Cuando empezamos a aprender algo nuevo es natural que no todas las cosas estén claras al inicio, vamos a encontrar una enorme cantidad de temas, algunos van a parecer complicados y otros muy sencillos, vamos a encontrar una enorme cantidad de palabras nuevas y técnicas, que van a parecer realmente difíciles de poder aprender.

En el desarrollo web pasa exactamente lo mismo, hay una enorme cantidad de personas que están intentado aprender desarrollo web, pero no saben por dónde empezar, porque hay una enorme cantidad de temas y algunos parecen complicados y otros parecen sencillos, pero realmente no lo son.

img-persona-aprendiendo-desarrollo-web

Para poder aprender desarrollo web en realidad nosotros tenemos que pensar que estamos aprendiendo algo que tiene un enfoque práctico, que al final vamos a ver resultados de manera práctica y que no solo nosotros vamos a verlos, sino que también una enorme cantidad de personas van a poder acceder a esa información que estamos creando.

Este artículo es una respuesta a la típica pregunta: ¿Cómo puedo empezar en el desarrollo web?

Antes de empezar, existen unos puntos que debes tener en cuenta:

- Debes tener paciencia, ya que no lo aprenderás todo en un día.
- Debes tener muchas ganas de que querer aprender, ya que habrá cosas que no entiendas al principio y te tocará consultar.
- Debes tener mucha pasión, sino, ni te tomes la molestia de aprender Desarrollo Web.
- No memorices las cosas, sino, entiéndelas, esto te ayudará mucho para aprender algo nuevo.
- Debes tener en cuenta que nunca dejaras de aprender, por más que llegues a ser un “PRO”.

Bueno, ahora que ya sabes esto, continuamos.

Te mencionaré que herramientas debes tener listas para empezar este largo y arduo camino del Desarrollo Web:

- Debes tener un editor de código, escoge entre: Sublime Text, Atom, Visual Studio Code y Brackets, ya que son los más conocidos. Por nada del mundo codees en Dreamweaver, evítate el bullying.
img-editores-de-codigo

- Debes tener instalado muchos navegadores, o por lo menos los más conocidos: Google Chrome, Mozilla Firefox, Opera, Safari e Internet Explor… este último óbvialo, no vale la pena. img-navegadores-mas-usados

- Usa imágenes de uso gratuito (sin coyright), algunos bancos de imágenes son: Pexels, Pixabay, Unsplash, etc. img-banco-de-imagenes-gratuitos


- Si quieres crear tus propios diseños, debes tener instalado programas de diseño como: Corel Draw, Photoshop o Ilustrator (Por el momento esto es opcional, ya que lo decidirás más adelante).
img-programas-de-diseño

Ahora es tiempo de empezar.

img-html5

¿Reconoces ese logo? Pues lo primero que tienes que aprender en tu camino a Desarrollador Web es HTML (o HTML5 que viene a ser lo más actual). Aprender HTML te ayudará a entender cómo es que está estructurada toda página web, porque, si no lo sabias toda página web (o mejor dicho sitio web) que vez en Internet está construido con HTML. Desde Facebook hasta Taringa, pasando por Twitter y YouTube. 

img-css3

Luego de aprender y entender cómo funciona HTML tienes que aprender CSS (dentro de CSS también esta CSS3, su versión más actual). Aprender CSS te ayudará a darle estilos a tu página web que hasta ahora lo tenías blanco, negro y azul. Podrás ponerle colores, tamaños, bordes, sombras, cambiarle la tipografía, efectos, animaciones y un largo etc. También aprende sobre las Media Queries, es muy importante hoy en día.

Podríamos decir que estos 2 lenguajes (OJO, no son lenguajes de programación) van de la mano. Es por eso que vemos muchos tutoriales y cursos en Internet que te enseñan HTML + CSS (o HTML5 + CSS3 que es lo más reciente).

img-javascript

Luego de aprender estos 2 lenguajes tienes que aprender JAVASCRIPT, que sí es un lenguaje de programación. Con JAVASCRIPT lograrás subir de nivel, de crear páginas web simples, lograrás crear páginas web avanzadas, con efectos y animaciones que entraran en contacto con el usuario, a lo que hoy en día llamamos “Interactividad con el usuario”.

Luego de aprender estos 3 lenguajes debes detenerte un momento y empezar a practicar. Primero crea páginas web simples, luego crea sitios web completos, en Internet encontrarás muchos sitios web que podrás mejorar. Recuerda, la práctica hace al maestro

img-practica-lo-aprendido

Un sitio web que te recomiendo visitar es w3layout, el cual contiene muchos sitios web de los cuales te podrás inspirar.

Hasta ahora todo chévere, pero, te preguntarás: ¿Cómo hago que los demás vean mi sitio web?

Ahora, infórmate sobre que es Hosting y Dominio, saber esta información es necesario. Entre los que te brindan estos servicios de manera gratuita tenemos a Hostinger y 000webhost. Al menos te servirán para que puedas probar tu sitio web en modo gratuito.
img-hosting-y-dominio-gratuito


También descarga una herramienta muy útil llamada Filezilla, con esta herramienta lograremos subirlo a la nube.
img-filezilla-software-para-subir-tu-sitio-web-a-internet

¿Cómo subir mi sitio web a Internet?

Busca tutoriales en Youtube sobre como subir mi sitio web a internet, no te preocupes, es fácil. En cuestión de minutos podrás ver tu sitio web desde cualquier PC o dispositivo móvil. 

Luego de haber practicado lo suficiente y haber subido tus sitios web a internet muchas veces, ya puedes ser llamado “Desarrollador Web Front-end”, ya que sabes crear sitios web que tienen buena estética. Si quieres aprender algo más, te recomiendo aprender Bootstrap (actualmente Bootstrap 4), que es un framework en el cual podrás crear sitios web más rápido.
img-el-framework-mas-usado-del-momento
Ahora, si quieres dar el salto y aprender algo de Back-end, tienes que aprender Bases de datos y SQL. Luego aprende un lenguaje de back-end, el más popular es PHP, aunque también tienes NodeJS, Python y muchos otros que lo puedes aprender luego de aprender PHP (valga la redundancia).
img-desarrollo-web-back-end
Sobre Back-end no puedo hablar mucho ya que aún no me estoy especializando en eso, pero sin duda cuando aprendas Desarrollo Web Front-end y Back-end serás llamado “Desarrollador FullStack”, es a lo que muchos aspiramos a ser, pero no es nada sencillo.

img-desarrollador-web-fullstack

Bueno y así llegamos al final del post. Sé que me faltaron mencionar muchas cosas como los iconos, plugin para agilizar el código, etc. Son cosas que iras aprendiendo según pasa el tiempo, no te preocupes.

Te recomienda visitar Recursos Geekers, en donde encontraras muchos y muy buenos vídeos y cursos de Desarrollo Web. Recursos Geekers es un pequeño blog en donde se encuentran recopilados los mejores videos-tutoriales y cursos de Desarrollo Web de Youtube. 

Otra plataforma en donde puedes aprender es CodecAcademy, regístrate, es completamente gratis.

Recuerda, sé paciente y estudia mucho, no desesperes, poco a poco llegarás a ser un gran Desarrollador Web.

Si llegué a olvidarme de mencionar algo, dímelo en los comentarios. Y si te gusto el post, compártelo con tus amigos.

Gracias por leerme y hasta la próxima =)
Jx


5 comentarios: