Los roles en frontend - La mejor explicación en español 

El desarrollo web frontend es una de las carreras con mayor demanda en la web. Por eso hemos creado la ruta correcta que te convertirá en un desarrollador frontend desde cero. Comienza aquí 👉 ed.team/frontend Sigue esta ruta y domina el Frontend con EDteam 👇 1. HTML desde cero: ed.team/cursos/html 2. CSS Desde Cero: ed.team/cursos/css 3. JavaScript Desde Cero: ed.team/cursos/javascript 4. JavaScript en el navegador: ed.team/cursos/js-dom 5. Flexbox y Grid: ed.team/cursos/flexbox 6. GIT desde cero: ed.team/cursos/git 7. Variables CSS: ed.team/cursos/variables-css 8. Sass Desde Cero: ed.team/cursos/sass 9. Responsive Web Design: ed.team/cursos/rwd 10. Firebase para la web: ed.team/cursos/firebase

Los roles en frontend (resumen) 1.- El diseñador UI (Interface de Usuario). Diseña las pantallas y diseñar todos los flujos, no toca código. Posee conocimientos de UX (eXperiencia de Usuario). 2.- El maquetador (también llamado Web designer o IU develper). Se encarga de llevar las pantallas al código HTML y CSS. Es recomendable que sepa algo de JS (JavaScript) y de manipulación del DOM (Document Object Model). 3.- Programador Frontend. Conocimiento en JS, trabaja por lo general con alguna librería o framework (como React, Vue o Angular). Estos son los tres roles del programador frontend, sin embargo, no es recomendable que una sola persona realice los tres roles.

En mi último trabajo yo era: 1. Diseñador gráfico. 2. Maquetador. 3. Front-end 4. Incluso algo de Backend (PHP, json y MySQL). Por el pago de un diseñador gráfico, aguanté 3 meses y no podía hacer todo al 100% porque me salía de mi área constantemente. Todas los reclutadores deberían ver esto y nosotros no nos deberíamos dejar.

Hay que poner este vídeo a muchas empresas, ya que normalmente piden que el frontend, diseñe, maquete y programe, ah y también incluyen desarrollo movil como frontend, y todo eso por el pago de lo que le pagarian a uno solo en estos roles

Enserio nunca mueran, son como el fuego que motivan a los nuevos programadores.

En España un anuncio típico de frontend developer suelen pedir: CSS, html, JavaScript, Angular, React, Vue, Nodejs, MySQL, git, PHP, Java y alguna cosa más. Lo que pasa es que el que hace el anuncio no tiene ni puta idea.

Excelente video Alvaro, y lo que dices sobre la alerta es un total hecho, una empresa que esta interesada en alguien que haga de todo, es un empresa negligente que eventualmente: 1. Te exigira trabajar fuera de tu horario de trabajo para cumplir sus metas. 2. No tiene una buena gestion de su área TI, es una empresa que deja que los de marketing o finanzas o los directivos o los de RRHH tomen decisiones sobre un proyecto web. 3. Te exígira hacer algo que quizas vaya mas alla de tus capacidades, sin importarle si eres capaz o no, o de el equipo con el que estas trabajando se abastece para concretar todas las tareas. 4. Asumira que todo lo que haces es facil y nunca entenderá que dentro de un equipo hay roles. Si yo tuviera una entrevista con una empresa así, y estuvieran en plan hacerme preguntas respecto a si soy capaz de hacer todas esas tareas, ese mismo momento le haría saber que esta pidiendo mucho y si quieren todas esas tareas, deben pagar mas, creo que todos debemos hacer valer nuestro trabajo, se que aveces necesitamos la chamba, todos tenemos compromisos financieros que cubrir, pero en la medida que podamos, tratemos de cambiar esa mentalidad en las empresas, esa mentalidad del siglo pasado. Saludos.

"Una sola persona es capaz de hacer todo eso?" Latinomaerica: SI!

Llevo un año estudiando JavaScript, y la verdad me sentía poco porque soy muy malo hablando de UI/UX; tan malo que me alejé del frontend y aprendí Node.js porque pensé que nunca avanzaría como frontend. Porque en lo que sí soy bueno es pensando y resolviendo problemas, no en diseñar interfaces, pero me encanta Angular y React: gracias a este vídeo ya no me siento tan mal: es decir, ya no me siento un frontend incompleto. Me has ayudado a enfocarme en lo que quiero especializarme. GRACIAS.

La primera persona que encuentro que sabe aclarar el panorama, una buena parte de trabajos en internet dan la sensación de que hay que saber de todo y terminan confundiendonos más, like para Álvaro y edteam.

Por un año he estado pensando que yo era desarrollador frontend, y tengo muchos proyectos en Adobe XD, HTML, CSS, SASS y Bootstrap. Y lo disfruto haciendo. Ahora sé que soy Web Designer o maquetador. Gracias Álvaro, gracias EDTeam.

los reclutadores deberian ver este video para que entiendan que deberian contratar. Pero lastimosamente muchas empresas prefieren contratar a un FullStack por motivo de ahorro de presupuesto y por ende hay mas demanda laboral para los Fullstack. Es muy dificil encontrar empleo donde te encuentres viviendo que esten solicitando empleo con roles especifico.

Este video deberían de verlo todas esas empresas que le incluyen todos estos roles (y más) a un solo empleado. Creo que entre todos debemos cooperar para poder cambiar esta mala costumbre. Nunca vemos, por ejemplo, a un oftalmólogo haciendo una consulta correspondiente a un gastroenterólogo porque "son todas cuestiones del área de la medicina". En buena parte creo se debe a que todas estas tecnologías son relativamente nuevas, y por eso no ha habido tanto tiempo a que tengamos bien definido los roles para cada profesional, pero creo ya va siendo hora de tenerlos bien definidos. Gracias por el video, saludos desde Veracruz, México.

Siempre he admirado la forma en la que explicas las cosas Alvaro. Muy claras las diferencias.

Hola Alvaro me gustó la explicación que das acerca del trabajo del Front End, saludos desde la ciudad de México

Saludos amigos de edteam gracias por todo su conocimiento gratuito y de alta calidad para todos los que estamos empezando en el mundo de la tecnología

Tengo poco tiempo siguiendolos y me encanta que en éste canal no te dicen lo típico sino realmente cómo funciona el negocio lo que te ayuda a orientar tus estudios para no perder tu tiempo. Proximo estudiante de EDteam con Dios delante. Solo quisiera tomar algún curso que lo impartas tú, me gusta mucho como explicas, pero sé que los demás profesores serán también muy buenos. Saludos!!

Hola Alavaro, tu frase del minuto 16:15, ha sido como sooooooooltar una mega carga que tenía, porque es cierto, yo tengo muy poca experiencia con HTML y CSS y de solo escuchar que me digan, tienes que aprender esto, lo otro, que tienes que ser un fullstack, jajajajaja es como comenzar la montaña rusa en picada sin previa colina que la anuncie, muchas gracias, parece mentira pero duermo hoy mas tranquila, saludos desde Venezuela y gracias por tu tiempo.

Alvaro, muchas gracias, espero pronto tomar tus cursos, son muy bueno y precios accesibles. Seguro que seguiran creciendo.

Sos un capo amigo. Este año arranco Análisis de Sistemas y todo esta teoría me sirve mucho para empezar a comprender este mundo informático que me está entusiasmando bastante. Gracias.

Hola! Muchas gracias por tus vídeos. Soy comunicadora y, te diré que siempre me piden que sepa desarrollo web, yo se lo básico de hace uff, y ha cambiado bastante. Con tu explicación me queda claro, que debo aprender maquetación.

Hola Álvaro Felipe ... apenas me notificó vine a la velocidad de la luz para aprender algo nuevo con tu explicación genial !!! saludos

Excelente explicación!, muy bueno... (Uno como éste pero para el backend).

Me encantan tus vídeos. Tiene chispa. 😁😅😅. Recien voy informandome de todo este mundo, y bueno en tu canal lo hace mas ameno. He de reconocer que aveces me he reido mucho. 😄😄. Me encanta.

Alvaro tus cursos están buenos. El de CSS es bien completo y me ayudó más que cualquier tutorial. Yo se c++ también y bueno me gustó como explicas sencillamente que es un front end

estube buscando por varios dias , contenido de valor para orientarme que curso pagar y iniciar en estos mundos desde cero,. y de varias plataformas prestigiosas, tu eres el que mejor me a enseñado . asique tu seras me mentor

Muy buen video Alvaro!!! por fin queda demostrado el rol de cada uno, a mi me discutian que un diseñador es un programador jajaja

Muy buena info! Bastante clara. Me ha sido muy útil ahora que estoy creando mi portfolio y necesito definirme.

Por allá en el 2018 empece a aprender html, css y JS en un diplomado local de una universidad cerca a mi pueblo y me gustó muchísimo, pero casi me da un colapso mental y termino en una esquina chupándome el dedo cuando descubrí todo lo que hay que saber y yo dije me voy a tomar 20 años antes de poder trabajar y para ese entonces ya este anciano jajajaja. Estos vídeos ayudan mucho, muchas gracias. A mí me gusta más maquetar y programar, me gustaría aprender ambos roles, también me gusta mucho el diseño y he realizado cursos para saber lo básico, pero no soy muy bueno, desde entonces he estado aprendiendo bien las bases de css y sus módulos y recientemente sass y js, espero luego tomar react o vue para ser programador también.

Ya espero el siguiente video de los roles del backend :D

Cada vez amo más tus videos, muchas gracias compi!!

Que buena explicación. Cuanta razón. Debería ser viral en el mundo empresarial.

Soy Front-end developer y no se maquetar jaja. Por lo menos acá en Argentina es muy normal contar con esas 3 capas.

Muchísimas gracias por el video! Me dejas muchísimo más claro el rol

excelente video como siempre, muchas gracias

Muy buena explicación diferenciadora, detallada y clara . Gracias.

Haces las mejores infografias que he visto :D buenísimo

Me gustó mucho que se hablara el ultimo punto, acá en Chile las empresas que solicitan los requisitos son un chiste. Llaman a juniors pero que tengan conocimientos casi de un senior o en algunos casos no son tan estrictos pero piden requisitos que incluso se salen del área de la programación. Aveces piden a cualquier persona que simplemente tenga un titulo relacionado a la informatica siendo que esta misma es muy variada y no todos los que salen con un titulo en informatica van a saber lo mismo. Por eso es super importante tener clara una RUTA de aprendizaje, sin esa ruta la gente muere en el camino, en cambio con una ruta donde sabes que llegarás a un objetivo concreto te motivas más. Ojalá mejore la comunicación entre las empresas y las universidades/institutos/CFT, etc. ya que somos nosotros los que salimos desnivelados ante un mundo que pide y pide requisitos. Hasta las mismas empresas se verían beneficiadas y no les preocuparía contratar a un senior o a un junior si esa comunicación mejorara.

Excelente video muchas empresas deberian tener esto claro, pero las buenas trabajan asi como tu dices con todos sus roles

QUÉ BUENO ES ED TEAM. FELICIDADES !!!

Genial video!! para los que nos toca hacer de todo en una empresa lo que se debe hacer es pedir largos periodos de tiempo y sin presiones porque si quieren algo bueno y solo lo hace una persona entonces tienen que aprender a tener paciencia.

Un millón de gracias por explicar esto.

Yo soy UX/UI designer trabajando en Estados Unidos desde hace 2 años. Yo utilizo Webflow para adelantar parte de la maquetación en mis proyectos ya que por lo general los desarrolladores con los que he trabajado tienen muy poca experiencia con la parte de la maquetación. Esto ha resultado muy positivo ya que el código que produce Webflow si se utiliza de manera correcta, es relativamente bueno. Algo que veo como tendencia es la aparición y perfeccionamiento de herramientas denominadas "low code" o "no code", que buscan democratizar el desarrollo de diseño y desarrollo de tecnologías en la web. Interesante lo que ocurre ahora.

Me encanto está información. Muchísimas gracias 😊🙏🏼

Excelente explicación como siempre

jajajajaja Volar por la venta y usar el martillo de Thor. Se gano mi suscripcion. Usted sabe muy bien de lo que habla. Saludos desde Argentina.

Ahora me inscribo Gracias por sacarme de dudas.

Ahora sé qué es lo que realmente quiero :D Definitivamente me estoy inclinando más por UI desginer / Web designer, me voy a especializar en esos 2 pero eso no significa que no deba aprender al menos lo básico de JavaScript, solamente para entender cómo funciona Excelente vídeo :D

Estos videos son muy buenos.

me gusta como explica gracias

Me gusta como combina la explicación con la propaganda a los cursos en edteam 10/10 jajaja

Excelente vídeo!

Jajaja recien vi el "no te robes mis infografias papu, aprende las tuyas en "

Buenísimo vídeo gracias!

Gracias por tu video!

Muy buena infografía Edteam .

Lo que dice aquí en el vídeo es cierto,la mayoría de las empresas pequeñas si buscan toderos , porque no tienen el dinero para pagar todos esos roles,pero en grandes empresas si buscan al especialista,la empresa everis que muestra en el vídeo si utilizan especialistas en cada una de sus áreas ,lo digo porque trabajé allí :) ,genial vídeo ,los últimos vídeos han sido súper útiles gran canal

Muchas gracias!!

Genial video ! Gracias ♡♥︎

yo estudio diseño grafico antes pensaba que tenian similitud y front end y un UI pero al final comprendi que son diferentes areas y trabajan en conjunto ahora esoty aprendiendo los dos usar programas de adobe y por otro lado aprendiendo HTML, CSS, JS, PHP, Framworks y un poco de MySQL Que mundo hay para las personas que estamos en diseño grafico muchas ramas para donde partir y poder especializarse

Quería ser diseñador y front end developer, al ver todo fijaré metas realistas y llegaré hasta maquetador, el ux/ui ya es bastante extenso jaja, queda harto por aprender pero ya con todo claro puedo fijar mis metas, muchas gracias por este video me aclaró bastantes dudas respecto al mundo web, que será mi especialización dentro del rubro de diseño.

En Guatemala las empresas que contratan programadores literal solo les falta pedir que hables hebreo y chino mandarín, no se enfocan en un cargo en específico, aquí estamos en la edad de piedra aún:(

5:15 Creo que es importante aclarar que la elaboración del documento de requerimientos, lo realiza un analista, en la etapa previa de análisis, y no el mismo diseñador UI.

Eres el puto amo!

muchas gracias!

Agradable sujeto 👌

Excelente video

Algunas empresas no solo piden que seas full stack, sino que también sepas desarrollar aplicaciones móviles

Buenísimo video! Psdta: me llevaré la infografía papus shhh

Por favor, necesitamos el video de backend, muchas gracias !

Si he conocido personas que hacen las 3 cosas y las hacen muy bien. Pero un frontend Dev claro que debe saber maquetar y programar. Cómo mínimo esas dos.

¿Podrían hacer un vídeo sobre formas en la que un estudiante puede ganar experiencia en el área mientras estudia? Como por ejemplo si existen páginas o empresas que busquen pasantes online o algo por el estilo. No sé si a alguien más le pasa que quiere tener un poco más de experiencia programando que simplemente los ejercicios básicos que dan en la universidad (por ejemplo en mi caso pasa, estudio 6to semestre de ing. de sistemas). Excelentes videos por cierto, explicas todo con buen detalle, de forma calmada y divertida, sigan así pls

Excelente el comentario sobre toderos, esa es una gran red flag

amigo te quiero ❤ gracias por el vídeo. Voy a comenzar a estudiar con ustedes. Volveré a comentar este comentario sobre mi experiencia al terminar mi primer curso.

buen video bro apunto a ser un desarrollador frontend

Excelente

Ojala hubiera visto esto antes, estaba muy abrumado por todo lo que tenia que aprender para aplicar a un empleo

Hola Alvaro yo actualmente estudio desarrollo de software y quiero especializarme en desarrollo web front end, para eso se supone que debo saber html/css/js/angular? Algunos que ser full stack es la meta de todo desarrollador web... Que opinas sobre eso?

Fíjate que a pesar de saber que los roles de backend y frontend pueden ser bastantes, en México todavía es muy común que los equipos se formen con base en desarrolladores fullstack. Al menos en mi experiencia, yo he participado como especialista backend, especialista frontend (como frontend developer), pero lo común es que me contratan en cuanto saben que soy fullstack... Y sí, los exámenes que suelo tener que presentar para las vacantes son bastante extenuantes. Pregunta, tienes por ahí algún video que hable de cuantos se gana $$$ segun el rol...???

La manera correcta de pronunciar la letra U en inglés es [iu]. Buen video, por cierto.

Yo diseñe mi propio sitio web haciendo siguiendo los 3 conceptos es un duro trabajo me lleve 2 meses haciendo todo

Aquí en Costa Rica trabajamos con el rol soila, este video si que me hizo reir

En Chile te piden saberlo todo, pagan aproximadamente unos 1200 dólares. Es una locura.

los programadores hacen de todo asi como yo que conosco sobre diseño, soy digujante , soy analista, soy programador en el pasado siempre el programador realiza todo y aveces se realizar en diferentes depeartamentos o secciones donde hay una persona o equipo asi : ANALISIS Y DISEÑO LO HACE LA PRIMERA SECCION LA SEGUNDA PRORAMACION E IMPLEMENTACION EN LA TERCERA SE HACE LA PRUEBA Y DOCUMENTACION AVECES SE UNEN EN FORMA DIFERENTE O INDIVIDUAL ... ESTA FORMA MODERNA ES POR LA TECNOLOGIA PERO .....ES CUESTION DE GUSTO

Holaa, una pregunta, como frontend podes trabajar en machine learning, robótica, realidad virtual o aumentada y videojuegos? Y es más fácil aprender frontend o backend?

Excelente video. Definitivamente deben separar el Maquetador con el diseñador UI, sobre todo si desean implementar Scrum.

Ya decía yo que era "too much", lástima que la mayoría de ofertas busquen todologos; hace falta una labor de reeducación en ese aspecto para empresas y reclutadores. Supongo que seguiré por el camino de la maquetación y el desarrollo; y disque le haré al UI.

Que recomiendan para poder practicar diseño web (HTML, CSS)? Podrian decirme alguna pagina que contenga diseños para poder maquetarlos y practicar, porque aun me confunde un poco el tema del posicionamiento en CSS y cuando intento hacer algo y no me sale me deprimo un poco.

buen video 👍👍

Hola, gracias por la explicacion. Estoy aprendiendo antes de decidir por donde empezar. Tengo una duda donde entra UX? Eh mirado que solo mencionas UI. Gracias

“No robes mi infogrfia papu” JAJAJAJAJA 😂

Ok, te entiendo Alvaro

Jajaja... deberían dar ese tipo de platicas en toda Latinoamérica ya que los 3 trabajos se los dan a Frontend, e incluso le aumentan algunas especificaciones de Backend!!!

empresas que deberian ver este video! no pedirle solo a 1 persona realizar todo

Creo que uno puede ser full stack con tiempo y dedicación pero es muy díficil ser muy bueno en ambos.

Yo se emaquetar webs y actualmente estoy aprendiendo javascript y mas adelantes sus frameworks, lo que no entiendo muy bien es que si yo quiero ser freelancer que me deberia dedicar porque las personas lo mas probable que quieran es que les aga toda la pagina, desde el diseño hasta las bases de datos, no se siento eso.

Hola que tal y que carrera puedo estudiar para ser Maquetador?? La verdad me encanta la ilustración y la lógica de los clientes y me encanta programar, entonces yo pienso que mi vocación es Maquetador pero que carrera puedo estudiar??

Una pregunta, cuando el maquetador hace el código vanilla de HTML y CSS y el Frontend Developer va a trabajar con ReactJS, el Frontend Dev haría literal copy and paste? y obviamente agregarle la lógica en JavaScript

Hola Álvaro, me gustan tus videos son súper educativos, podrías comentarme donde encuentro la información de los perfiles que comentas en el minuto 13:40 aprox.. me interesa mucho esa info y no logré encontrarla 😢

Me gusta la forma de explicar que tienen en eDteam, tienes algún curso para ser desarollador fullstack?