Paso a paso para ser programador frontend en 2023 (Guía completa)

El frontend es una de las partes más importantes del desarrollo de software porque se encarga de interactuar con los usuarios. Si el frontend no está bien implementado, los usuarios podrían llegar a tu sitio web o aplicación y abandonarla porque le resulta confusa, poco atractiva o considera que no es intuitiva. En este video te enseñaremos todo lo que debes aprender para convertirte en un frontend profesional.
Y si no lo sabías #LoAprendisteEnEDteam #NadieExplicaMejor
🔥 ¡Llegó el Black Friday! y tienes hasta 50% de descuento en todo EDteam.
Invierte en tu educación, encuentra un gran empleo y cambia tu vida. ¡Se acaba este domingo! ⌛
💻 Cursos mencionados en el video:
- CURSO: HTML DESDE CERO edy.to/html-yt
- CURSO: CSS DESDE CERO edy.to/css-yt
- CURSO: JAVASCRIPT DESDE CERO edy.to/javascript-yt
- CURSO: JAVASCRIPT EN EL NAVEGADOR edy.to/js-dom-yt
- CURSO: PROGRAMACIÓN ORIENTADA A OBJETOS edy.to/poo-yt
- CURSO: ANGULAR DESDE CERO (2022) edy.to/angular-yt
- CURSO: VUE 3 DESDE CERO edy.to/vue-yt
- CURSO: REACT DESDE CERO 2022 edy.to/react-yt
- CURSO: SVELTE DESDE CERO edy.to/svelte-yt
- CURSO: GIT DESDE CERO edy.to/git-yt
- CURSO: TYPESCRIPT DESDE CERO edy.to/typescript-yt
- CURSO: TAILWIND CSS DESDE CERO edy.to/tailwind-yt
📺 Videos recomendados:
- ¿Qué es BACKEND y FRONTEND? (guía completa) • ¿Qué es BACKEND y FRON...
- Framework vs Librería • Framework vs Librería ...
- ¿Qué es React y por qué domina el desarrollo frontend? • ¿Qué es React y por qu...
- ¿Qué es Vue.js y por qué es tan especial? • ¿Qué es Vue.js? - La m...
- ¿Qué es Git y cómo funciona? • ¿Qué es Git y cómo fun...
- ¿Qué es TypeScript y por qué debes aprenderlo? • ¿Qué es TypeScript y p...
🎉 ¡CURSOS NUEVOS DE LA SEMANA!
1. TALLER: TU PRIMER ECOMMERCE CON GO: edy.to/ecommerce-go-yt
2. CURSO: FLUTTER DESDE CERO (2022) edy.to/flutter-yt
⌚ Timeline:
0:00 - Introducción
02:10 - Backend y Frontend
03:55 - Lenguajes Web
06:38 - Frameworks y Librerías
12:16 - Otras tecnologías
- 🧑‍🎓👩‍🎓 ¿Eres estudiante? Postula a las becas de EDteam: edy.to/estudiantes-yt
- 🎁 ¡Accede a 9 cursos GRATIS de tecnología! edy.to/cursos-gratis-yt
- 🧑‍🏫 Dicta un curso en EDteam: edy.to/profesores-yt
- ⭐ Sube a premium y accede a cientos de cursos: edy.to/premium-yt
- 💻 Mira todos nuestros cursos en: edy.to/cursos-yt
-----
Síguenos en:
🔰 LinkedIn: edy.to/linkedin-yt
🔰 Instagram: edy.to/instagram-yt
🔰 TikTok: edy.to/tiktok-yt

[@EDteam]

🔥 ¡Llegó el Black Friday! y tienes hasta 50% de descuento en todo EDteam. *Invierte en tu educación, encuentra un gran empleo y cambia tu vida.* ¡Se acaba este domingo! ⌛

[@EDteam]

💻 *Cursos mencionados en el video.* Todos están con 40% de descuento por Black Friday 🔥 - CURSO: HTML DESDE CERO edy.to/html-yt - CURSO: CSS DESDE CERO edy.to/css-yt - CURSO: JAVASCRIPT DESDE CERO edy.to/javascript-yt - CURSO: JAVASCRIPT EN EL NAVEGADOR edy.to/js-dom-yt - CURSO: PROGRAMACIÓN ORIENTADA A OBJETOS edy.to/poo-yt - CURSO: ANGULAR DESDE CERO (2022) edy.to/angular-yt - CURSO: VUE 3 DESDE CERO edy.to/vue-yt - CURSO: REACT DESDE CERO 2022 edy.to/react-yt - CURSO: SVELTE DESDE CERO edy.to/svelte-yt - CURSO: GIT DESDE CERO edy.to/git-yt - CURSO: TYPESCRIPT DESDE CERO edy.to/typescript-yt - CURSO: TAILWIND CSS DESDE CERO edy.to/tailwind-yt

[@elmeromex4880]

@@EDteam Hola Álvaro. Una pregunta: Se puede reemplazar GIT por Github Desktop??? Pregunto ya que yo uso github desktop y tiene la misma funcionalidad de Git, además hasta donde yo sé, Github desktop es un poco más nuevo por lo que a muchos programadores y desarrolladores les resulta mejor ocupar este último software a comparación de Git. Saludos.

[@renzo7935]

​@@elmeromex4880lograste saberlo?

[@BarucRamirez-cx1lj]

Esta información vale millones👌Gracias y ojalá pronto salga uno de backend.

[@gabrielrincon6744]

Exelente video , cómo los de siempre , sería genial uno de backend también . Soy programador de software junior aún no manejo framerwork, pero ajuro tengo que tocar base de datos y quiesiera tener una buena ruta en el backend además de que toda base de un software es su base de datos

[@mati14455]

Muy bueno, estaría bueno también que este video tenga una parte 2 para complementar el frontend con el backend

[@luloy8612]

Muy claro, sencillo y bien explicado.

[@jhonmoncadaauccahuasi8504]

Muy completo, muchas gracias por compartir esta guía del FrontEnd

[@soto706]

Que bueno eres explicando, gracias por la información 👏🏻

[@Ribelecs]

Gracias por la información, explicación sencilla pero a la vez eficaz, sigan así👏

[@dorisizaguirre5498]

Gracias por tu hermosa y clara explicacion, habia buscado alguien que me diera una clara vision de esto... lo valoro wow!

[@hernandoramirez5049]

Buen resumen Alvaro... Gracias por la orientación

[@yosercarrillo1969]

gracias necesitaba esta explicación, despeje la confusión que tenia

[@jonathanc193]

Muchas gracias profesor, siempre veo sus videos, sabe explicar muy bien para novatos que nunca vieron una tecnologia digital

[@carlosmqb]

Gran explicacion, muchas gracias edTeam

[@programing_Go]

Buen video, espero el video de ruta para programador backend 😁

[@matiasbecerra81]

Saludos EDteam desde Chile!!!

[@LuisErazo653]

Super bien explicado amigo

[@alexandrasanchez2287]

Gracias súper bien explicado

[@azelpachecosandoval6037]

Saludos EdTeam lo mejor 👌👌💥💥

[@SOMBRAOFICIALFF]

Gracias a ti e aprendido mucho ❤gracias

[@csrva]

Excelente explicación

[@daniel18z16]

Michas gracias por la información!

[@coty38200]

Gracias muy claro ❤

[@miltonandresgomezolarte6930]

EXCELENTE VIDEO

[@quantumtouchcentroterapeut4452]

ecxelente gracias por subir este video

[@womendep]

Amo Edteam!!!

[@emanuelavellonlopez3196]

Es cierto que nadie explica mejor que EdTeam!

[@inferi02]

Eso mismo iba a decir, de tantos videos de la ruta de aprendizaje de un front end, este es el que mejor se explica.

[@jjaton]

clarito..gracias

[@Leover378]

Buen video!

[@nonisierra]

hola gracias por el contenido, porfa incluye maas temas de block chain, p2p,

[@renejv626]

Que interesante y divertido. Jajaja los bloopers

[@jorberpinango6998]

muy bueno amigo, soy TSU en informática, solo que lamentablemente no obtuve el conocimiento adecuado, ademas de que por motivos de trabajo, no pude ejercer dicha carrera, pero ahora tengo pensado retomarlo y gracias a tu explicación, se por donde empezar nuevamente.

[@brucelaureano5339]

CHEVRE , grcias por la explicacion

[@OnMyMind180]

explicas demasiado bien

[@florsilvestre8214]

Muy claro

[@alejandrorios6999]

Muy buen video. Ya voy a mitad de camino de frontend 😄😄. Espero con ansias el video de la ruta de un backend

[@isuiisui7352]

Dónde vas?

[@alejandrorios6999]

@@isuiisui7352 ya ví HTML, CSS y JS. Ahora seguiré con los frameworks

[@heartlessaln]

Que hermosa edición de video, hay un curso de edteam de edición de video profesional? 🥺🥺🥺

[@rodolfoecheverryurbano3742]

Hola muchas gracias por este excelente video... Una consulta: Cómo se llama la aplicación que usas para realizar las explicaciones?

[@gustavojoaquingalasso5635]

Me habían dicho que estudie fronend y no sabía que era ser programador de página web con todos sus lenguajes coloquiales, muchas gracias muy interesante

[@Jose-kb5lm]

Justo estoy aprendiendo CSS, cuando termine con JavaScript volvere a este video 👨‍💻👄👨‍💻

[@ratanirou]

cómo te fue?

[@KarlyMQ]

Qué tal te fue? Aprendiste con algunos de estos videos que son pagos?

[@JoseMartin-us6zf]

Que el próximo video sea sobre la ruta del backend

[@juniorc.a.2388]

Buenos días profesor... excelente el tutorial lo que si deseo saber y cuando usar el Java o Python podrá hacer el camino de esos programas..... saludos

[@ElObredor]

Excelente

[@sebasromero_]

Esperando uno de DevOps y Backend!

[@juniorc.a.2388]

Profesor buenos días.. quería saber testing de JS es necesario saberlo ????? Aver si hace un vídeo de ese tema ..saludos desde Lima Smp

[@yorchojeda6353]

Estoy empezando en la programacion, y la verdad estaba muy perdido para donde especializarme o comprender QUÉ debo aprender. Sinceramente me aclaraste muchisimas dudas!! muchisimas gracias por tu tiempo. EXCELENTISIMO VIDEO

[@damarisarce9639]

Hola. Me gustaria saber cuales serian los Framework de CSS si es que las que las tiene.

[@gunsandrock]

Pudieras hacer un video igual pero para back end!! @edteam

[@Andycwll]

Añadiría SASS y LESS para ponerle esteroides al CSS. Muy buen vídeo, justo lo que buscaba.

[@yolixabarrios7452]

Cómo están amigos de Edteam yo estoy comenzando con JS. sería interesante que explicarás que nivel debo tener de cada tecnología para seguir avanzando porque muchas veces sucede, bueno a mí me sucede eso de creer no estar listo para pasar al siguiente nivel. se que no es una receta pero me gustaría que nos guiaras a saber que proyectos o prácticas debo dominar de cada tecnología para decir ok estoy listo paso a la próxima. de antemano muchas gracias y por cierto muy buen video crack !

[@darrenvargas3649]

Comienza hacer proyectos propios y sabrás si estás listo para seguir con lo siguiente, nadie sabe nada al 100%, las tecnologías siempre cambian y avanzan así que mientras seas autodidacta y vayas implementando lo aprendido puedes tener la confianza de avanzar y seguir aprendiendo lo nuevo, ya que cada proyecto te llevará a aprender algo nuevo. Saludos y suerte 💪

[@StanTheMackiar]

Usted explica excelente, felicidades

[@gabrielpina9767]

buen día. Una pregunta hay cursos de programación enfocados para AutoCAD???

[@AT-rv7kt]

En frontend la competencia es brutal, para una oferta hay cientos de postulantes, literal, programar no solo es frontend y backend hay michas áreas del TI muy buenas

[@jigus]

Hola, que otras áreas están buenas y hay demanda?

[@renzo7935]

@@jigus lograste saberlo?

[@francarloscastillorobles3618]

para hacer el proceso de turing solo es hasta el black friday o puedo hacerlo luego?

[@7jeison]

Backend ❤️

[@estebanprat3943]

Hola muy buen día, disculpe estos cursos son totalmente certificados y tienen bolsa en LinkedIn??

[@pablobigi8180]

Hola, muy clara tu explicación de como llegar a ser un Desarrollador Front End. Quisiera consultarte dos cosas: a) Tengo 60 años, he sido programador de otras tecnologías (COBOL, RPG) en la década de los 80' y 90'. Continuo muy cerca de la tecnología, como Comercial en una empresa tecnológica, vendiendo sobre todo aplicaciones y SAP. Tengo un hijo Desarrollador Front End (SSr), y me gustaría iniciarme en esto. Que obstáculos puedes observar en mi desarrollo? b) Tengo dominio de un inglés técnico. Puede ser este un obstáculo? Gracias por tus comentarios.

[@jorgejjcsf1186]

En cuanto a claridad de conceptos 100% 👏👏👏👏 A ver si consigo vivir 2 vidas y así una para vivir y otra para desarrollar web 😂😂😂😂

[@Rango10xD]

Y cuanto tiempo demora aprender el frontend a un nivel respetable? 1 año? 2?

[@gabrielgutierrez4044]

Consulta si quisiera ser frontend pero con UI developer, como llegó a ese caminó?

[@EduartSantamaria]

¡Saludos! Una pregunta ¿Sus cursos se actualizan constantemente? Me interesa mucho saberlo, muchas gracias y buen vídeo, realmente la facilidad de palabra que tienen para explicar es muy buena.

[@yimmerlys]

Si se actualizan

[@EDteam]

Hola Gustavo, así es, mantenemos en constante actualización nuestros cursos y para que puedas certificar la calidad EDteam te permitimos ver clases gratis del módulo 1 de todos los cursos. Ve a app.ed.team/cursos y empieza a estudiar con EDteam.

[@ivanvazquez1043]

Super genial la explicación, como siempre, generando contenido muy bueno y los felicito, yo soy diseñador y estoy incursionando en la industria tech, solo agregaría un par de cosas a la ruta, aprender pensamiento lógico y un poco de matemáticas discretas, despues HTML y CSS que es maquetación, luego Javascript, git y algúna librería, en mi caso es React, del mismo modo aprender inglés, las mejores soluciones, la mejor forma de aprender programación es con inglés.

[@daniel18z16]

Yo estoy aprendiendo, siento que aprendo rápido, pero no sé inglés, siento que sabiendo inglés se me haría más fácil, este año aprenderé todo lo de fronted bien y el otro año aprenderé inglés 💪

[@ribascode5282]

Como se llama el programa donde dibujan para explicar?

[@shoe0nh3ad]

Concepts

[@rominavelazquez6921]

Vengo del vídeo de ruta para el backend, faltaría la ruta para mobile

[@charliecastromartinez3542]

una pregunta el frontend developer quiere decir que solo hace javascript o se refiere a todo (HTML, CSS Y JAVASCRIPT)

[@SCode753]

El camino del backend por favor maestro

[@spiderdev5166]

node js y listo

[@rodolfoecheverryurbano3742]

De verdad que el Equipo de EdTeam van solos!!!

[@orlandogarduno1]

Tailwind el rey? la ruta me dejó sólo con esa cuestión!

[@user-it3et9dl2i]

Es necesario aprender el doom de Javascript?

[@heartlessaln]

Oigan como se llama ese programa donde dibujaron?

[@IngratoProgramador]

X2

[@ribascode5282]

También me gustaría saberlo :)

[@NaxoMM]

Concepts

[@ribascode5282]

@@NaxoMM gracias!

[@noedavidchoquerojas]

En grupo de navegadores falto Brave

[@elmelkiades]

no mms si sabes animar we gracias

[@Randomize-md3bt]

Yo se hacer y base de datos y backend con 3 lenguajes diferentes y aun asi no me contratan :/

[@jhosimart42]

React aprenderlo si o si, está bien... Pero, ¿alguien podría decirme si irme por Angular o Vue? Me llama más la atención Vue, por el color verde jaja ayudaa

[@josefideldiazdelpino7470]

No eh programado con angular, pero le eh dado a vue y es un framework muyyy bueno, dicen que angular es el mas dificil (principalmente porque se usa typescript ajuro si o si, en cambio en vue o react es opcional)

[@angellonunezgz]

Cualquiera de los dos está bien, pero se suele recomendar Angular como segunda opción por la cantidad de ofertas laborales que tiene disponibles.

[@prosuscorp]

Empieza por Vue, para entrenar. Sigue con Angular, para trabajar.

[@rensoanthonyjulcacruz3571]

primero saluda tio edteam

[@EDteam]

saluudos y aprovecha el Black Friday 🔥

[@user-rt2lk6go8u]

Y nextjs?

[@rolandogonzalez2479]

minuto 17, boostrap sigue siendo popular

[@ConscienciaConciente]

tailwind tenéis razón, también usa grid y es demasiado potente.... gracias retiro mis antiguas palabras adiós bootstrap : ( jajaja Gracias me has aclarado 2, cómo bendito sea que nos llamaban ahora y este potente framework CSS.

[@jalpro05]

Que sería "WordPress" ???

[@prosuscorp]

Es un CMS: sistema para gestión de contenidos.

[@franklinventura-pb3qs]

y pyton? donde que da pyton

[@ElonN-wj9ob]

Se usa más en el lado del backend con django

[@ing.alejandrochavarria587]

Qie vale la suscripcion

[@ConscienciaConciente]

Tailwind CSS no se yo ... bootstrap 5 ya usa Grid que es más potente que los flex box.... además ya no usa jquery es todo javascript....no cambio a bootstrap 5 por nada .... jaja jaja 🤣

[@Ascenso_asc]

bro sacame de una duda porfavor, es necesario aprender todo el lenguaje de programación javascript para el frontend? ayudame en eso porque no entiendo, osea ¿hasta que temas nomas debo aprender?

[@EDteam]

Tienes el curso de JavaScript desde cero en EDteam. Nosotros ya hemos definido los temas que necesitas edy.to/javascript-yt

[@shoe0nh3ad]

Básicamente el front que está a la vanguardia es javascript, así que si. Si quieres usar react, angular o vue, necesitas si o si javascript con una base decente.

[@Liftercode]

Tengo la percepción que backend es más fácil para tener empleo

[@hugokaiser8045]

Ya trabajaste de backend o por que lo dices?

[@mauriciogonzalez7494]

Al menos acá en Chile andan parejas las ofertas para front y back igual los sueldos son casi similares, al final todo dependerá de como te sientas mas comodo

[@mauriciogonzalez7494]

@@yakimrodriguez4729 y a mi que? Yo no mando las ofertas, si el mercado paga sueldos similares es por algo…

[@spiderdev5166]

@@yakimrodriguez4729 Yo programo en ambas y front end es muchiismo más dificil, el back lo suelo hacer en 2 o 3 días y el front en una semana o más Porque dices que el back es más dificil? Es sumamente repetitivo

[@maravillosomaravilla492]

Madre que lío, cientos de videos de aprendizaje, edteam, etcétera. A la hora de gastar tú dinero, la verdad es que uno/a no sabe por donde empezar y no tener la sensación de haber tirado el dinero.

[@angellonunezgz]

Por eso mismo hay que tener cuidado. HTML y CSS son primordiales. HTML primero, para la estructura; CSS segundo para añadir el diseño. Ya con esos dos dominados, toca JavaScript (opcional TypeScript, por ahora). Luego prueba aprendiendo Git, porque viene bien para conocer sobre todo el control de versiones. Y ya con todo eso, te adentras en uno de los frameworks o librerías. Lo curioso es que si quieres volverte un ingeniero de software, hay miles de cosas más que tienen que agregarse a la ruta, pero para ser Front End Developer en general está bastante bien esa ruta.

[@markozaror3532]

Este Man de Alvaro Felipe si que es institucionalista jajjajaa no hay un momento en que no mencione o referencie a Ed Team

[@yimmerlys]

Pues es un video dd EDteam, en el canal de EDteam y él es fundador de EDteam... ver*ga, ni modo que no promocione la empresa jajaja te pasas chico

[@markozaror3532]

@@yimmerlys jajajajajajajjajaj

[@Saaammmmmm]

@@markozaror3532 ¿Al menos vio usted el nombre del canal primero antes de comentar?

[@Nicosfrs]

Uno de aplicaciones moviles por favor!!