Escuela de Desarrollo Web
En esta escuela aprenderás desde cero los fundamentos básicos como
son JavaScript, HTML5, CSS3, herramientas más específicas como
React, Vue, Angular y Node.js
Bases y Fundamentos
Básico
Curso Profesional de Git y GitHub
Curso Definitivo de HTML y CSS
Curso Práctico de HTML y CSS
Curso de Responsive Design:
Maquetación Mobile First
Curso de Responsive Design
Curso de Sistemas de Diseño
Curso de CSS Grid Layout
Curso Básico de JavaScript
Curso de Debugging con Chrome
DevTools
Curso de JavaScript Engine (V8) y el
Navegador
Curso de ECMAScript 6+
Curso de Closures y Scope en JavaScript
Curso de Asincronismo con JavaScript
Curso Profesional de JavaScript
Curso de Accesibilidad Web
Curso de Single Page Application con
JavaScript Vanilla
Taller de Creación de Router para Single
Page App con JavaScript
Curso de Gestión de Dependencias y
Paquetes con NPM
Curso de Webpack
Curso de Postman
Curso de JavaScript Testing con Jest
2019
Curso de Frontend Developer
Frameworks y Librerías
Intermedio
Curso de Preprocesadores CSS
Curso de Sass
Curso de React.js
Curso de React Avanzado
Curso Práctico de React JS
Curso de React Router y Redux
Curso de Fundamentos de TypeScript
Curso de Angular
Curso Profesional de Angular
Curso Básico de Vue.js
Curso Avanzado de Vue.js
Curso Profesional de Vue.js
Curso de Svelte
Curso de Sapper
Curso Práctico de Svelte y Sapper
Backend y Despliegue de Aplicaciones
Avanzado
Curso de Fundamentos de Node.js
Curso de Introducción al Despliegue de
Aplicaciones
Curso de Node.js
Curso Práctico de Node.js
Curso de Backend con Node.js
Curso Avanzado de Node.js
Curso de Server Side Render con Express
Curso de Autenticación con Passport.js
Curso de Integración de Backend y
Frontend
Curso de Next.js
Glosario
HTML : lenguaje de marcado para la elaboración de páginas web.
HyperText Markup Language (lenguaje de marcas de hipertexto)
por sus siglas en ingles.
CSS : Del inglés Cascading Style Sheets (hojas de estilo en cascada).
Es un archivo que termina en .css que está vinculado desde el
HTML y que controla el aspecto de la página web.
VER MÁS TÉRMINOS
El camino para convertirte en Web Developer.
¡Te doy la bienvenida a la Escuela de Desarrollo Web! Te explicaré el camino que debes seguir
y todo lo debes aprender para convertirte en una verdadera desarrolladora web. También te
quiero contar todo lo que me hubiera gustado saber cuando estaba empezando como
desarrollador.
Antes de comenzar con el contenido, quiero comentarte que si apenas 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.
En cambio, si eres una persona con experiencia o incluso 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?
Comencemos con entender por qué es importante aprender a programar y
crear productos web.
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.
Y sí, estás leyendo bien y estos no son datos nuevos, estos datos son el análisis de años de
estudio del crecimiento de la industria tech vs la cantidad de profesionales que terminan una
carrera en el área cada año. La industria tech ha crecido de forma brutal en la última década.
Sinos ponemos a pensar un poco, 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: desde estudiar, trabajar, pedir al super las compras del mes, conocer nuevas
personas alrededor del mundo, solicitar o rentar un carro para poder salir, rentar o tomar un
scooter electrico o bici, puedo hacer pagos de servicios y ni hablar de todo el entretenimiento
que tenemos a nuestro alcance con tan solo algunas apps y páginas web.
¿Esto suena increíble, verdad? 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. Podemos programar 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, reducir la huella de carbono y tráfico en el mundo… ¡Tú
puedes ser parte fundamental de ese nuevo mundo! Puedes convertirte en una o 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 momentos 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. Creeme, todo lo que
necesitás está en internet y en esta escuela, 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: Platzi, Stack Overflow y Google. 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.
Respuestas en Internet para tus errores en programación
¿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 aún 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 de acompañar
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.
¡Tu próxima escuela, una que sí eliges!
- ¿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 tu 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
responsables de 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 qué?. 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 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 cuál 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 rendimiento final de tu web,
así que tomemos decisiones de manera inteligente.
Es importante comentar que un Web Developer profesional no se casa con una tecnología si
no 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 flujos de desarrollo reales con Framework y Librerías.
¿Aún 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 Web Developer, terminaremos viendo temas
como:
PWA (Progressive Web Applications)
Temas a cubrir de seguridad en tus aplicaciones (esto es muy importante)
Deploy y producción
¡Qué estás esperando! ¡Programa!
No te preocupes por entender todo sobre el desarrollo web, o el lenguaje/la tecnología que
hayas elegido, empieza ya mismo.
Para ayudarte lanzamos hoy el reto #PlatziCodingChallenge, donde encontrarás diariamente
un desafío nuevo en nuestros foros para que lo resuelvas, compartas en redes sociales, veas
tus logros y superes tus bloqueos, comprométete contigo misma o contigo mismo y nosotros
te daremos retos diarios para que te mantengas enfocada o enfocado en aprender todos los
días.
Este reto durará cien días y conforme avance encontrarás desafíos cada vez más complejos y
retadores que podrás agregar a tu portafolio de proyectos.
¡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 y ¡nos vemos en clase!
JavaScript : JavaScript (abreviado comúnmente JS) es un lenguaje
de programación interpretado, dialecto del estándar ECMAScript.
Se define como orientado a objetos, es basado en prototipos,
imperativo, débilmente tipado y dinámico.
WebApps : Una web app es una versión de la página web adaptada a
cualquier dispositivo móvil, independientemente del sistema
operativo que utilice, es decir, son aplicaciones multiplataforma.