Тёмный

🚶‍♂️PASOS para PROGRAMAR una PÁGINA WEB o APLICACIÓN | Eduardo Fierro Pro 

Eduardo Fierro
Подписаться 34 тыс.
Просмотров 6 тыс.
50% 1

Después de más de 10 AÑOS impartiendo clases te cuento el vídeo MÁS IMPORTANTE si estás comenzando a maquetar: los PASOS para PROGRAMAR una PÁGINA WEB.
🔖 Vídeos relacionados:
✔️ RESET CSS • 🚀Reset CSS: Modo PRO 😏...
✔️ Arquitecturas CSS • 🧰 ARQUITECTURA CSS: OO...
✔️ QUE es el POSITION: • 🔴POSITION en CSS [GUÍA...
✔️ CENTRAR etiquetas con POSITION: • 🔵 CÓMO CENTRAR ETIQUET...
✔️ CÓDIGO: Centrando etiquetas • 🚀Cómo CENTRAR ETIQUETA...
✔️ RESPONSIVE en Android • ✅ Cómo ACTIVAR MODO DE...
Si te ha gustado el vídeo dale a like, suscríbete y ¡dale a la campanita! 😊
_______
📹Otros vídeos de mi canal
😊 Vídeos recomendados • 👉Vídeos recomendados
🚀ROADMAP Desarrollo WEB • 🔎ROADMAP de un DESARRO...
🤯 Explicando Web de forma diferente • 😱Explicando conceptos:...
🙇🏻 Construyendo uns Slider, Acordeón, Tabs... • 🤯 Construyendo un Carr...
_______
📚¿Estás buscando un Curso, Máster o Bootcamp sobre desarrollo web?
Soy profesor en la escuela CEI donde imparto Cursos y Másters sobre desarrollo web donde puedes obtener un descuento del 5% en el precio del curso usando el código embajador.eduardofierro
¡Pide información sobre los cursos donde soy profesor desde este enlace!
👉cei.es/?ref=eduardofierropro
_______
✅ Directos en Twitch: / eduardofierropro
✓ ¡Apóyame en RU-vid! ru-vid.com...
✓ Trucos rápidos en TikTok / eduardofierro.pro
✓ Podcast sobre desarrollo web anchor.fm/eduardofierropro
✓ Programación en Instagram / eduardofierro.pro
✓ Códigos para descargar en Github github.com/eduardofierropro
✓ Noticias sobre web en Twitter / 1325827794627129344
✓ Mi web eduardofierro.pro
_______
🔥Enlaces a productos de mi setup
🖥 Samsung Space Monitor 27" amzn.to/3mABk0R
🖥 LG Ultrawide 25" amzn.to/3XrMwOp
💪 Brazo EarGear amzn.to/3YPPnBF
🖥 Mac Studio M1 Max amzn.to/3xlwqez
💻 MacBook Pro 15" 2019 amzn.to/2XEdeGL
⚡️ Mesa elevable Flexispot amzn.to/3xlwqez
⌨️ HHKB Hybrid Type-S amzn.to/3xlwqez
⌨️ Logitech G915 amzn.to/2Tzy1da
🖱 Logitech MX Master 2 amzn.to/2WZlUZa
💡 Elgato Key Light Air amzn.to/2TzxPus
💡 Elgato Right Light amzn.to/3tWoM62
🎛 Elgato Stream Deck XL amzn.to/3d1cy4n
🎙 Elgato Wave 3 amzn.to/2QsPLbU
🎙 Elgato Wave Pop Filter amzn.to/33ONkU1
✔️ Elgato Soporte Teléfono amzn.to/2RTZatj
🎧 Beats Wireless Studio 3 amzn.to/3YOtDWT
✔️ Corsair ST100 RGB premium amzn.to/3d3hiZY
📱 iPhone 13 Pro amzn.to/3lsPRPI
📱 Motorola G amzn.to/2TzYcjO
📱 Samsung M11 amzn.to/3uTwNKh
🪑 Drift dr500bamzn.to/3kaEHtE
Enlaces en los productos en mi web: eduardofierro.pro/workspace
______
Psss... Si has llegado hasta aquí eres un auténtico CRUCK de la vida. ¿Vemos cuántos somos poniendo "de frontends!!" en los comentarios? 😏
______
Capítulos:
00:00 Introducción
00:13 El error más habitual de todo principiante
01:16 Cómo y en qué orden deberías de escribir el código
01:42 Pre-work del HTML y CSS
02:58 Céntrate sólo en las cajas el Box-model
04:47 NO añadas las imágenes
07:10 Es el momento del RESPONSIVE
08:44 Ahora añade las TIPOGRAFÍAS
10:46 Ahora SI tocan las IMÁGENES
11:51 Añade ANIMATION, TRANSITIONS y TRANSFORM
12:48 Haz el Pre-JavaScript
13:43 JAVASCRIPT es el paso FINAL
14:35 La RAZON de todos los PASOS
15:07 Modulariza y compacta tu workflow

Опубликовано:

 

3 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 45   
@EduardoFierroPro
@EduardoFierroPro Год назад
😊 Vídeos recomendados ru-vid.com/group/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj 🚀ROADMAP Desarrollo WEB ru-vid.com/group/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv 🤯 Explicando Web de forma diferente ru-vid.com/group/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab 🙇🏻 Construyendo un Slider, Acordeón, Tabs... ru-vid.com/group/PLJpymL0goBgFXN27jElLCmysKQboKW7uW
@jeremiasbentancor7154
@jeremiasbentancor7154 Год назад
Gracias Edu
@jesusdavidtgouveia9100
@jesusdavidtgouveia9100 Год назад
De todos los youtubers de programacion eres el unico capaz de explicar todo de manera clara y precisa con muy buenos argumentos, saludos.
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchísimas gracias Jesús!! Cada uno tiene su forma de explicar y me alegro que la mía se adapte mejor a ti 😊
@alejandroaristizabal8273
@alejandroaristizabal8273 2 дня назад
Voz sos un crack será que todavía existes porque hace rato que no se ve con contenido soy nuevo en tu canal
@AlejandroLaLoggia
@AlejandroLaLoggia Год назад
Es la primera vez que veo a alguien que explica de manera tan clara, algo tan sencillo! estoy empezando con todos esto y ya me quedo grabado, el no vas poder poner una etiqueta, si no la podes ver!! Muchas gracias!!
@EduardoFierroPro
@EduardoFierroPro Год назад
Me alegro que te haya servido Alex!!! 😊 Gracias a ti por el apoyo!
@VieraMaster
@VieraMaster 11 месяцев назад
Mira que a mi me cuesta un montón prestar atención, pero sos tan claro y conciso que me comí 15 min sin adelantar el video, doy gracias por encontrar este canal.
@sergiocely-10
@sergiocely-10 2 месяца назад
Muchas gracias por este video.
@SonGoku-pc7jl
@SonGoku-pc7jl Год назад
uau, que brutal explicación de un maquetador profesional, muchisimas gracias por el video
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchísimas gracias cruck!!!! 😊
@ldiazortiz
@ldiazortiz Год назад
Guapo, guapísimo y encima explica bien. Qué más le podemos pedir a la vida. Gracias, gracias!
@EduardoFierroPro
@EduardoFierroPro Год назад
Gracias, gracias y gracias Lourdes 😊
@grabado-gpm
@grabado-gpm Год назад
Que buena, buenísima Cátedra, Gracias de mucha ayuda para darse una idea de cómo es el proceso, Excelente.
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchísimas gracias a ti Martín por el comentario!! 😊
@georgerodriguez530
@georgerodriguez530 Год назад
Excelente video⚡ ¡Me encanto! Muy buena explicación para llevar un orden al momento de sentarme a programar. Muchas gracias por la información.
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchísimas gracias por el comentario George!! 😊
@PrettyShooter
@PrettyShooter Год назад
Eres el mejor cruuuck, me han ayudado mucho tus videos hay muchas cosas que muchos otros youtubers no hablan. Por eso sigue así pro
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchas gracias Michi!! Espero que ahora cambies el nombre a Michi_alegre_cruck! 😏
@ezequielgarcia4609
@ezequielgarcia4609 Год назад
Me encanta estos vídeos, hay muchas cosas que dices que tuve que cambiar en la forma que tenía de programar, pero fue viendo muchos de tus vídeos que me di cuenta de eso. Y con este ha reforzado lo que sabía y algún recordatorio también. Gracias Edu, como siempre eres un crack.
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchas gracias Ezequiel!! 😊Es muy importante saber aplicar las propiedades una a una y de forma controlada, es un flujo de trabajo que deberíamos de seguir siempre. Si te fijas en otros streamers grandes cada uno tiene su propio flujo de trabajo y eso es lo importante 😊
@ezequielgarcia4609
@ezequielgarcia4609 Год назад
@@EduardoFierroPro pero eso lo he conseguido después de varios años programando a ciegas y porque gracias a tu canal y tus consejos he podido mejorar. Muchos streamer aconseja pero poco son los que te orienta a como hacerlo tan claro como en tus, y ojo que no quito mérito a los demás porque me han ayudado en otros aspectos. Es solo decir que gracias a tu dedicación y consejos que he mejorado en gran parte. Y bendito el día que conocí tu canal, que no sé como hice…😅😅Gracias nuevamente Edu.
@danielaquilino4805
@danielaquilino4805 Год назад
Buen video!
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchas gracias Dani!! 😊
@VivesCloud
@VivesCloud Год назад
Al fin te encuentro!!!!!!! De Frontends. Ya hace tiempo que no subes nada a tiktok!! :) o por lo menos no me llegan tus vídeos. No sabes cuanto me he acordado de ti por un mini proyecto en el que me metí, por probar, y mientras tocaba CSS me acordaba del cierre de tus vídeos de TikTok :) Un saludo hermano :)
@EduardoFierroPro
@EduardoFierroPro Год назад
Deeeee frontends!!! 🤭 La búsqueda acabó: ahora se viene lo bueno! Espero que ese mini proyecto saliera bien!! Te acabo de imaginar acabando el proyecto y decir.... de locos xD
@VivesCloud
@VivesCloud Год назад
@@EduardoFierroPro jejeje, no soy bueno con el css, me gusta mas el backend en PHP y si, ha sido de locos, voy a volver a meterme en otros dos proyectos pequeños para ir ganando experiencia. Ya sabes, mejor pequeños que puedas controlar y con tolerancia a errores :)
@JoseLuis-qb7fm
@JoseLuis-qb7fm Год назад
Me dieron ganas de COLOCAR UNA CAJA!!!
@EduardoFierroPro
@EduardoFierroPro Год назад
Jajajaja pues a darle caña!! 😊
@ep4r4
@ep4r4 2 месяца назад
Una pregunta que te te hago @Eduardo, otros me han preguntado cual seria el valor de ancho máximo de contenedor en una web, Ej: imagina una pantalla ultrawide-sceen que es mas o menos 3840 x 1080 ó 5120 x 1440 píxeles; dejarlo a cuesta del padding de 100 en X llevaría a un contenedor al máximo de pantalla menos esos 200 píxeles de borde lateral, que recomiendas?
@fernandopastor8946
@fernandopastor8946 Год назад
Edu siempre dando unos consejos espectaculares!!! 🔥🔥🔥
@EduardoFierroPro
@EduardoFierroPro Год назад
Vaaaamos!! 🤘🤘🤘🤘
@F3RC4O
@F3RC4O Год назад
Gracias por compartir máster, saludos.
@EduardoFierroPro
@EduardoFierroPro Год назад
Muchas gracias a ti por el comentario cruck!! 😊
@moroc5732
@moroc5732 8 месяцев назад
Soy nueva en este tema, tengo una duda, quiero hacer un proyecto que lleva frontend y backend, pero viendo el video donde quedan los frameworks por ejemplo para frontend si quiero usar react, tengo que hacer todos los pasos que indicaste en el video y al final unirlo con react? o como es??? Ayuda, por favor
@jeremiasbentancor7154
@jeremiasbentancor7154 Год назад
muy bueno video edu! gracias por compartir como hacer la pagina! pregunto: has hecho o tienes algun video tuyo haciendo una pagina asi!!
@EduardoFierroPro
@EduardoFierroPro Год назад
Buenas Jeremías!! Pues todos los vídeos donde programo una web sigo este flujo de trabajo! Te dejo los enlaces 😊 ✓ Programando DC Shoes USA ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-nUu--X0mmlo.html ✓ Programando un Portfolio ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XAwXz2w3vlg.html ✓ Programando Google Stadia ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtyWVeFE4uM.html ✓ Programando Netflix ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WCUASu4V258.html ✓ Programando Instagram con Yoda ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-JWV2rgTnbFQ.html
@cerm88
@cerm88 Год назад
Exelente vídeo, muy bueno! Que opinas de los font-size responsive para cada etiqueta de titulo (h1,h2,h3...), ejemplo que para desktop el h1 es de 26px y para table el h1 es de 18px? Recomiendas el uso de este?
@EduardoFierroPro
@EduardoFierroPro Год назад
Si usas EM o REM está genial pero nunca PX. Además cuando te dan un diseño las medidas las pone el diseñador o diseñadora 😉
@user-xj5lk4yz8p
@user-xj5lk4yz8p Год назад
Sota, caballo y rey ☺️
@EduardoFierroPro
@EduardoFierroPro Год назад
Literal 🤘
@lvoxelmodeling2434
@lvoxelmodeling2434 Год назад
esta es una pregunta que me llevo haciendo desde hace rato, ¿cuando utilizar un framework de css y cuando no utilizarlo?
@EduardoFierroPro
@EduardoFierroPro Год назад
Gracias por el comentario! Pues justo lo explico en este vídeo LVoxel!! 😊 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9d6wvfEapyE.html
@eduardofierrog
@eduardofierrog Год назад
Yo siempre ponía las propiedades hasta que me funcionaban ¡este orden es de locos! Gracias cruck!
@EduardoFierroPro
@EduardoFierroPro Год назад
A tí Fernando!! 😊
Далее
UZmir & Mira - Qani qani (Snippet)
00:26
Просмотров 861 тыс.
Brazilian Chimarrão Is A Type Of Yerba Mate🧉
0:34