¡Te doy la bienvenida a la Escuela de Desarrollo Web! Esta es la escuela de Platzi que te llevará de 0 a pro en el área de Desarrollo Web, desde las bases del Frontend, el dominio de los navegadores, hasta el Backend y el despliegue de tus aplicaciones.
En este Post te explicaré el largo pero gratificante camino que he seguido en 9 años de experiencia haciendo desarrollo web para guiarte en el camino de ser una verdadera desarrolladora web. También te quiero contar todo lo que me hubiera gustado saber cuando estaba empezando como desarrollador.
Si estás iniciando en este mundo o llevas muy poco estudiando para convertirte en una desarrolladora o desarrollador, este blogpost se puede convertir en una guía para que puedas lograrlo. (Guárdalo en un lugar seguro y accesible 😉)
En cambio, si eres una persona con experiencia o ya estás trabajando en la industria como desarrolladora o desarrollador, aquí podrás encontrar temas de apoyo para mejorar en tu carrera y cubrir puntos que tal vez no conocías. Te invito a terminar el post y compartir con tus compañeros en los comentarios sobre tus experiencias.
¿Por qué es importante aprender a programar?
La industria tech ha estado creciendo de manera acelerada en los últimos años, sin importar cuántas personas se gradúan al año de la universidad, la industria tendrá más necesidad de profesionales que universidades graduando estudiantes.
Recuerda cómo era tu vida hace 10 o 15 años: ¿qué hacías? ¿Cómo era tu celular? ¿Cómo era tu forma de consumo? ¿Cuáles eran tus hobbies? ¿Cómo te comunicabas con tus amigos? ¿Cómo conocías nuevos amigos o personas? ¿Te imaginabas tener acceso a todo desde tu celular o computadora sin importar el lugar donde estuvieras?
Actualmente solo necesitamos un celular o computador y acceso a internet para poder lograr cualquier cosa: rentar o tomar un patín eléctrico o bici, puedo hacer pagos de servicios y ni hablar de todo el entretenimiento que tenemos a nuestro alcance con tal solo algunas apps y páginas web.
Si te hubiera contado de eso en el 2010 o 2005, posiblemente lo verías imposible. Pero las cosas no terminan ahí. Cada mes nace una nueva empresa que intenta resolver un problema con la tecnología. Vamos desde lo más básico hasta las cosas más complejas, como construir cohetes que regresen a la tierra una vez que fueron utilizados para recuperar la inversión, ó carros voladores que se manejan solo para solucionar los tiempos de traslado, huella de carbono y tráfico en el mundo…
¡Tú puedes ser parte fundamental de ese nuevo mundo! Puedes convertirte en un desarrollador que dará vida a nuevos productos y soluciones para mejorar la vida de la humanidad. Y lo más importante: dejar de ser solo un consumidor y convertirte en un creador que tendrá un lugar en la industria del mañana.
Aprender a programar nos da un conjunto de habilidades que enfocamos a resolver problemas, es por eso que las empresas te van a contratar, porque mientras mejor seas resolviendo problemas, mejores oportunidades encontrarás para aplicar tus conocimientos.
¿Qué desafíos encontrarás para convertirte en Web Developer?
¡Advertencia! Este no será un camino sencillo, muy probablemente tendrás momento de frustración, días donde creas que esto no es para ti, donde te digas que no naciste para ser una programadora y que mejor te dedicas a otra cosa, días donde verás que otros programadores avanzan más rápido que tú y te preguntarás cómo es que ellas o ellos saben todo eso y tú no. ¿Cómo lo hacen? ¿Quién se los enseño si todos tomamos el mismo curso?
Pero quiero que leas bien esto: TODOS PASAMOS POR ESO. Sin importar cuántos años lleves en la industria, todos los días verás problemas nuevos y habrá momentos donde te sientas de esta forma. Eso es normal y nos pasa a todos los desarrolladores, pero es importante aprender a soltar y enfocarnos en resolver los problemas.
De igual forma, es importante saber preguntar y buscar soluciones. Créeme, todo lo que necesitas está en internet de una u otra forma y si hacemos las preguntas correctas, lograremos salir adelante.
¿Qué herramientas usamos en Web Development?
Quiero presentarte a tus nuevos mejores amigos: Stack Overflow, Google y Platzi. Son herramientas de búsqueda que te serán de mucha ayuda. No intentes memorizar todo, recuerda que muchas de las tecnologías que vamos a ir aprendiendo en el camino para convertirnos en Desarrolladores Web son o muy repetitivas, o no las utilizarás todo el tiempo, es válido no recordarlas y buscar por ellas cuando las necesites.
¿Cómo me convierto en Web Developer?
Antes de comenzar la escuela, es importante que definas en qué te quieres especializar. Vas a encontrar mucho contenido y hay mucho más que está en camino (créeme). No es bueno ir saltando de curso en curso sin terminar primero o ir saltando de escuela en escuela sin concluir una de estas. Posiblemente has hecho algunas búsquedas en internet de qué tecnologías tendrás que aprender para comenzar como desarrollador, tal vez en estas búsquedas encontraste términos como JavaScript, HTML5, CSS3 o herramientas más específicas como React, Vue o Angular.
Sé que puede ser un poco abrumador todo el contenido y recomendaciones de tecnologías que vas encontrando, sobre todo cuando no tienes claro qué es lo que realmente necesitas para comenzar.
¡Pero no te preocupes! En la Escuela de Desarrollo Web no te vamos a dejar solo para que averigües por dónde ir, desde el comienzo encontrarás un camino claro para convertirte en Web Developer. En cada curso entenderemos dónde estamos parados, cuál es la finalidad de las herramientas que vamos a estudiar y cómo aplicar lo aprendido de aquí en adelante.
- Recuerda que aunque seas una desarrolladora o desarrollador con experiencia, siempre aprenderás algo nuevo repasando los conceptos básicos.
¡Qué pasos seguiremos en la Escuela de Desarrollo Web
- ¿Cómo funciona el navegador?
Antes de escribir código, aprenderás cómo funciona un navegador, la herramienta que utilizamos para navegar por internet (Chrome, Firefox, Safari…). ¿Cómo el navegador puede renderizar el código que tú escribes? ¿Cómo se comunica con la computadora para que los usuarios puedan interactuar con tu página web?
¿Cómo funciona la web?
Luego aprenderás cómo funciona internet. Vas a entender temas como protocolos, la diferencia entre web e internet, la historia de la web y cómo ha evolucionado para convertirse en lo que es hoy.
¿Qué herramientas utilizamos en Web Development?
Con los conocimientos básicos listos, veremos las herramientas que utilizarás como desarrolladora web y crearemos el setup (tu entorno de trabajo) que utilizarás de aquí en adelante.
Ya con tu entorno listo, es hora de comenzar con las bases. No me refiero a lo básico, sino a los fundamentos de la web. Veremos a detalle los 3 estándares web que entiende el navegador al momento de estar creando productos web: HTML, CSS y JavaScript. Aprender a detalle estas 3 tecnologías te dará una gran diferencia al momento de crear aplicaciones web listas para escalar y para generar interacción con usuarios reales.
¿Qué es HTML, CSS y JavaScript?
Para entender muy bien cómo trabajar con HTML, CSS y JavaScript comenzaremos con temas que no todos te enseñan, pero que son extremadamente importantes en la industria hoy en día.
- Aprenderás cómo crear productos que estén hechos para todo tipo de usuario, proyectos construidos con las mejores prácticas para ser utilizados en todas las plataformas sitios web multiplataforma y Responsive Design orientado a Mobile First, incluso para usuarios con algún tipo de capacidad diferente Accesibilidad. Recuerda que somos los responsables en dar la mejor experiencia a cada uno de los usuarios que puedan tener acceso a nuestro producto.
- Aprenderemos a preocuparnos por el rendimiento y la velocidad de carga de nuestro proyecto completo, entendiendo que cosas son las que pueden hacer que mi producto sea lento y como mejorar eso para brindar buena velocidad y una mejor experiencia al usuario final Web Performance.
Perfecto!, ya tienes todos los fundamentos que necesitas para construir productos Web, ¿ahora que?. Bueno, aquí apenas estamos a la mitad del camino, pero ciertamente ya tienes todo lo que se necesita para comenzar en este camino. Ahora será momento de comenzar a ver otro tipo de tecnologías que nos ayudan a crear proyectos como un profesional, aprenderemos de herramientas que están construidas arriba de los estándares que ya aprendimos.
Frameworks y Librerías
Actualmente en la industria existen dos tipos tecnologías que se utilizan para la construcción de productos web, estos son Frameworks y librerías y como te comenté en el párrafo de arriba, estas tecnologías están construidas arriba de las bases que ya conocemos y aquí es importante aprender: ¿Qué son? ¿Cuáles son sus diferencias? ¿Cuáles son sus fortalezas y debilidades? Y lo más importante ¿Qué tipo de problemas puedo solucionar con ellas?
Estoy seguro de que has escuchado hablar de Angular o React, pues estas dos tecnologías no están hechas para trabajar en conjunto, Angular es un framework de JS, mientras que React es una librería de JS, pero ambas nos ayudan a trabajar conceptos similares, proyectos de una forma modular.
Aquí vas a aprender de inicio que no existe la magia al estar trabajando con estas tecnologías, tus conocimientos en JavaScript te permitirán entender qué es lo que está pasando por debajo de estos frameworks y librerías y de igual forma, a identificar cual es el beneficio al decidir implementar una u otra en tu proyecto.
Recuerda esto:
- Toda tecnología (mejor conocidas como dependencias o librerías) extra que decidas agregar a tu proyecto tendrá un impacto negativo en el performance final, así que tomemos decisiones de manera inteligente.
Es importante comentar que un Web Developer profesional no se casa con una tecnología sino que entiende los pros y contras de cada una de ellas para cuando se presente un problema, saber qué herramienta te facilitará el resolverlo, esto es como tu cinturón de herramientas (sí, como el de batman) en el cual tienes muchas herramientas que te ayudan a solucionar problemas muy específicos.
De igual forma aprenderemos herramientas como Webpack, Babel, NPM / Yarn que son las que se utilizan al estar trabajando en desarrollos reales con Framework y Librerías.
¿Aun sigues aquí?
Uuuuf eso ha sido mucha información yo lo sé, ¿cómo te sientes? ¿ya estás listo para comenzar con la Escuela de Desarrollo Web? Te puedo asegurar que al pasar de los cursos, todo tendrá mucho más sentido y al ver tus resultados, todo este esfuerzo y trabajo valdrá mucho la pena.
Para terminar con tu camino a convertirte en un Web Developer, terminaremos viendo temas como:
- PWA (Progressive Web Applications)
- Temas a cubrir de seguridad en tus aplicaciones (esto es muy importante)
- Y Deploy y producción
¡Ahora sí! Siguiendo esta ruta ya tienes todo lo que necesitas para poder convertirte en un verdadero Web Developer y ayudar a construir los productos que solucionarán los problemas del mañana, y más importante aún, tienes todo lo que necesitas para convertirte en un creador.
¡Sin más, Bienvenida, bienvenido a la [Escuela de Desarrollo Web]
Curso Práctico de HTML y CSS
