Curso definitivo de HTML y CSS - Front-end - Clase #2
Web Developer Fundamentals
Cosas que debes saber en el mundo del Desarrollo Web
Hola, Bienvenidos a la clase 2, hoy vamos a ver cuáles son los fundamentos de un desarrollador web (web developer) y eso quiere decir que vamos a tocar temas importantes que debes de conocer como, cuáles son los perfiles que se manejan en el desarrollo web y algunas otras palabras que son importantes que tú logres entender.
Perfiles de un Web Developer
En estas primeras 3 clases vamos a estar hablando de cuáles son los perfiles que se manejan en el desarrollo web, que hace un frontend, que hace un backend incluso que es un fullstack, y después, vamos a entender cuáles son también las tecnologías que ellos manejan y las cosas que tú tendrías que manejar si quieres especializarte en cualquiera de estos perfiles.
Front-end
(Cliente)
Para esta clase vamos a hablar de que hace un Frontend, que es lo que hace, y, cuáles son las tecnologías que tiene que manejar, aquí es importante que tú logres ver que es un "other view," a lo que me refiero es a ciertas tecnologías que un perfil Frontend puede manejar para trabajar un proyecto o para entrar a trabajar para una empresa, no quiere decir que tú tengas que aprender todas o que tengas que escoger cada una de estas tecnologías para poderte convertir en un Frontend, quiere decir que son gran parte de las tecnologías que te va a tocar ver durante toda la carrera o vas a ir viendo de forma muy especifica en diferentes proyectos o en diferentes trabajos y tú puedes escoger las que más te convenga.
En este curso vamos a hablar simplemente 2 de los estándares que son fundamentales para el desarrollo web, pero te voy a explicar bien como un Frontend va a manejar más tecnologías para hacerse más experto; de primera instancia, el Frontend es el desarrollador que va a manejar las cosas en el lado del cliente, y cuando hablo del cliente no me refiero a un usuario, me refiero es al navegador o los navegadores, a los navegadores se les conoce como el cliente, las interacciones que tú haces cuando abres un sitio web, la animación, los estilos que tiene una página web, eso es lo que sucede en el cliente y es lo que trabaja el Frontend ¿cuáles son las tecnologías que trabaja un Fontend.? Como te comente, hay 3 estándares que son los estándares que entiende el navegador y estos estándares que tiene que entender y dominar perfectamente bien un Frontend son #HTML #CSS y #JS, estos estándares como ya te dije, son estándares que el navegador entiende no necesita otra tecnología y si tú quieres trabajar productos web tendrías que empezar por aquí, no puedes aprender Phyton u otro tipo de lenguaje de programación por que su navegador no lo entiende.
Frameworks de CSS
De igual forma los Frontend también trabajan en algo que se les llama Frameworks de CSS que les van a dar ciertos fragmentos de CSS ya construidos para que puedan agregarlos a los proyectos y puedan trabajar ciertas cosas mucho más rápido, no quiere decir que ellos no puedan hacer eso, quiere decir que los Frameworks ya le dan cierto CSS construido para reducir los tiempos de interacción de un producto.
Frameworks y Librerías de JS
También existen Frameworks y Librerías de JS, en el momento de que un Frontend ya entiende JavaScript puede escoger que Framework y librería va a utilizar para poder construir productos que puedan escalar más rápido y que puedan tener una interacción muchísimo mayor, depende mucho el tipo de producto o página que quieras construir pero los Frontend también manejan 1 o 2 de estos Frameworks y librerías.
Preprocesadores de CSS
Y por último, manejan preprocesadores de CSS, que esta es una forma diferente de hacer CSS, tiene unas reglas distintas, algunos desarrolladores dicen que es manejar CSS con super poderes, aunque CSS ha estado evolucionando y ha traído esos super poderes a este estándar sin que tengas que utilizar preprocesadores, pero si has estado viendo algunas vacantes para un Frontend o algo, posiblemente has visto que ellos piden SASS (Preprocesador de CSS) o STYLUS (Preprocesador de CSS) o algún otro preprocesador de CSS, quiere decir que ocupan estas tecnologías para trabajar un CSS de forma diferente.
Compilador / Empaquetador de JS
Como punto final, también existen los Compiladores de JS, ¿qué quiere decir esto? existe BABEL o un empaquetador que se llama WEBPACK. BABEL nos permite utilizar lo ultimo que tiene JS, estas nuevas versiones de JS que se llaman (EMMA-SCRIPT, 10, 9, 8) estas nuevas versiones, utilizarlo en tu proyecto y compilarlo en un JS que el navegador pueda entender.
Ahora posiblemente se te haga muy complejo, no te preocupes, no quiero profundizar en esto, lo vas a ver más adelante en el transcurso de mis publicaciones, pero de inicio debes entender que estas tecnologías existen y un Frontend las tiene que manejar porque como buenas prácticas todos los Frontend deben trabajar las últimas versiones de JS para poderlas agregar a sus proyectos. Webpack nos ayuda a generar empaquetados de ciertas tecnologías de ciertas dependencias en nuestro proyecto y trabajar un solo empaquetado que es el que vamos a subir a producción ya con todo el proyecto listo para que corra directamente en el navegador.
Hasta aquí la clase, te veo en la próxima.
Actualmente me encuentro estudiando en Platzi una plataforma de educación online en donde puedo elegir estudiar muchísimas cosas como ingeniería de software, marketing digital, fotografía, programación, diseño gráfico, blockchain y criptomonedas, inteligencia artificial, realidad virtual, creación de startups, escuela de finanzas, Idiomas como Ingles, Francés, también hay una escuela de JavaScript y muchísimas cosas nuevas para aprender cada día.
De hoy en adelante quiero hacer una cosa a la cual le he puesto nombre y se llama ENSEÑAR APRENDIENDO y es algo que fomenta mucho el CEO de Platzi y es que, lo más importante para aprender, es saber enseñar y compartir lo que aprendes, así mismo te das cuenta de que has aprendido correctamente cuando lo enseñas.
Las clases que voy a compartir son un resumen que hago utilizando los recursos que proporciona mi cuenta de Platzi Expert y aquí te dejo mi Link de referido por si quieres apoyarme y ser parte de esta grandiosa comunidad y así me siento más motivado a seguir estudiando y compartiendo cursos cada día más y más. Platzi me obsequia un mes de estudio si te registras con mi Link espero que te animes a entrar y me apoyes aquí en steemit también, tú ya sabes como. Muchísimas gracias a todos, es un honor poder compartir con ustedes una de mis pasiones.
¡Nunca Pares De Aprender!
Platzi