Paso a paso para ser programador frontend en 2023 (Guía completa)
HTML-код
- Опубликовано: 30 июл 2024
- 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 
Развлечения
🔥 ¡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.* 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
@@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.
@@elmeromex4880lograste saberlo?
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
Muy bueno, estaría bueno también que este video tenga una parte 2 para complementar el frontend con el backend
Esta información vale millones👌Gracias y ojalá pronto salga uno de backend.
Muy claro, sencillo y bien explicado.
Gracias por la información, explicación sencilla pero a la vez eficaz, sigan así👏
Muy completo, muchas gracias por compartir esta guía del FrontEnd
Buen video, espero el video de ruta para programador backend 😁
Que bueno eres explicando, gracias por la información 👏🏻
Justo estoy aprendiendo CSS, cuando termine con JavaScript volvere a este video 👨💻👄👨💻
cómo te fue?
Qué tal te fue? Aprendiste con algunos de estos videos que son pagos?
gracias necesitaba esta explicación, despeje la confusión que tenia
Muchas gracias profesor, siempre veo sus videos, sabe explicar muy bien para novatos que nunca vieron una tecnologia digital
Gracias por tu hermosa y clara explicacion, habia buscado alguien que me diera una clara vision de esto... lo valoro wow!
Buen resumen Alvaro... Gracias por la orientación
Gran explicacion, muchas gracias edTeam
Saludos EDteam desde Chile!!!
Gracias muy claro ❤
Gracias súper bien explicado
Es cierto que nadie explica mejor que EdTeam!
Eso mismo iba a decir, de tantos videos de la ruta de aprendizaje de un front end, este es el que mejor se explica.
Saludos EdTeam lo mejor 👌👌💥💥
Hola muchas gracias por este excelente video...
Una consulta: Cómo se llama la aplicación que usas para realizar las explicaciones?
clarito..gracias
Super bien explicado amigo
ecxelente gracias por subir este video
Gracias a ti e aprendido mucho ❤gracias
Michas gracias por la información!
Amo Edteam!!!
Muy claro
Que interesante y divertido. Jajaja los bloopers
Buen video!
Excelente explicación
EXCELENTE VIDEO
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.
CHEVRE , grcias por la explicacion
Excelente
Muy buen video. Ya voy a mitad de camino de frontend 😄😄.
Espero con ansias el video de la ruta de un backend
Dónde vas?
@@isuiisui7352 ya ví HTML, CSS y JS. Ahora seguiré con los frameworks
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
hola gracias por el contenido, porfa incluye maas temas de block chain, p2p,
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
Que hermosa edición de video, hay un curso de edteam de edición de video profesional? 🥺🥺🥺
explicas demasiado bien
Hola. Me gustaria saber cuales serian los Framework de CSS si es que las que las tiene.
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
Hola, que otras áreas están buenas y hay demanda?
@@jigus lograste saberlo?
Que el próximo video sea sobre la ruta del backend
Esperando uno de DevOps y Backend!
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
para hacer el proceso de turing solo es hasta el black friday o puedo hacerlo luego?
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
buen día. Una pregunta hay cursos de programación enfocados para AutoCAD???
Pudieras hacer un video igual pero para back end!! @edteam
Consulta si quisiera ser frontend pero con UI developer, como llegó a ese caminó?
Hola muy buen día, disculpe estos cursos son totalmente certificados y tienen bolsa en LinkedIn??
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 !
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 💪
Y cuanto tiempo demora aprender el frontend a un nivel respetable? 1 año? 2?
una pregunta el frontend developer quiere decir que solo hace javascript o se refiere a todo (HTML, CSS Y JAVASCRIPT)
Como se llama el programa donde dibujan para explicar?
Concepts
¡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.
Si se actualizan
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.
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.
Añadiría SASS y LESS para ponerle esteroides al CSS. Muy buen vídeo, justo lo que buscaba.
Backend ❤️
En cuanto a claridad de conceptos
100% 👏👏👏👏
A ver si consigo vivir 2 vidas y así una para vivir y otra para desarrollar web 😂😂😂😂
Usted explica excelente, felicidades
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.
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 💪
Oigan como se llama ese programa donde dibujaron?
X2
También me gustaría saberlo :)
Concepts
@@NaxoMM gracias!
Vengo del vídeo de ruta para el backend, faltaría la ruta para mobile
Es necesario aprender el doom de Javascript?
Yo se hacer y base de datos y backend con 3 lenguajes diferentes y aun asi no me contratan :/
El camino del backend por favor maestro
node js y listo
De verdad que el Equipo de EdTeam van solos!!!
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
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)
Cualquiera de los dos está bien, pero se suele recomendar Angular como segunda opción por la cantidad de ofertas laborales que tiene disponibles.
Empieza por Vue, para entrenar. Sigue con Angular, para trabajar.
Y nextjs?
Tailwind el rey? la ruta me dejó sólo con esa cuestión!
En grupo de navegadores falto Brave
Que sería "WordPress" ???
Es un CMS: sistema para gestión de contenidos.
no mms si sabes animar we gracias
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.
minuto 17, boostrap sigue siendo popular
y pyton? donde que da pyton
Se usa más en el lado del backend con django
primero saluda tio edteam
saluudos y aprovecha el Black Friday 🔥
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?
Tienes el curso de JavaScript desde cero en EDteam. Nosotros ya hemos definido los temas que necesitas edy.to/javascript-yt
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.
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 🤣
Qie vale la suscripcion
Tengo la percepción que backend es más fácil para tener empleo
Ya trabajaste de backend o por que lo dices?
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
@@yakimrodriguez4729 y a mi que? Yo no mando las ofertas, si el mercado paga sueldos similares es por algo…
@@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
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.
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.
Este Man de Alvaro Felipe si que es institucionalista jajjajaa no hay un momento en que no mencione o referencie a Ed Team
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
@@yimmerlys jajajajajajajjajaj
@@markozaror3532 ¿Al menos vio usted el nombre del canal primero antes de comentar?
Uno de aplicaciones moviles por favor!!