Clon del sitio web de Tesla con HTML, CSS, JavaScript y Tailwind

[@osakadev]

estoy aprendiendo desarrollo web full-stack, y este tipos de videos enseñan y ayudan mucho, aparte que son super divertidos con el toque que le da midu, sos un capo

[@midulive]

❤️❤️❤️

[@Missmmmmmmmmmm]

Me ha encantado el tutorial, eres genial, por favor continúa la serie de clones de proyectos!!! Creo que también te ayudaría a crecer muchísimo más el canal :) saludos

[@kievandres]

Aprendiendo 🤓

[@romablan]

Justo estoy empezando con Astro, esto estaba esperando con uno de los mejores tutores de toda la web.

[@nikocoto206gti]

esto es oro puro para los que recien empezamos a diseñar webs un poco mas completas

[@nicolasrodriguez5054]

es increible lo que se aprende mirando el paso a paso!

[@midulive]

Estoy de acuerdo!!! 🤗

[@lokii7389]

Dios, lo rápido que lo haces y tan bien explicado, yo me tiraría horas para hacer el CSS jajaja

[@christiansebastianbustos5840]

para mi que estoy aprendiendo estos videos valen oro, gracias Midu

[@midulive]

¡Me alegro que te sirva! Creo que se puede aprender un montón con estos vídeos paso a paso. :)

[@jufran_87]

Muchas gracias por la explicación, realmente útil. Video que sirve como material de consulta para los que no sabemos nada de Front

[@marcos.mussic]

Me encanto, pude hacerlo y me gusto mucho aprender, re agradecido con vos por compartir tus conocimientos, Saludos desde Argentina, Buenos Aires, Necochea.

[@eliasherreradg5966]

Cómo se hace en Windows para instalar astro y tailwind?

[@yanielfuentestedes2820]

Lo que he aprendido en 1:15 min ! gracias

[@luismanuelurbanopernalete1546]

Midugod: Muchachos no voy a realizar pixel perfect.... Midugod: procede a realizar pixel perfect 😅🖤🖤🖤🖤🖤🖤🖤🖤 No dejes de subir contenido porfavor 🙏🙏🙏

[@midulive]

Jajajajaaj naaah casipixelperfect

[@hopersk8]

Eres un dios dev, algún día también lo lograré, encontré mi pasión en la programación.

[@LiveMusiclover674]

Este tipo es el verdadero genius del taillwind! 10

[@xavier.xiques]

Brutal, y super bien expilcado 👏 Haces facil lo que para el resto de mortales es imposible. Me ha encantado como has montado el scroll y el cambio de colores del header ❤

[@RABIONGARCIALIN]

ufff me comi unos 10 anuncios con patatas pero valio la pena, tremendo lo que realizaste.

[@roariel06]

Gracias Totales!! Estoy volviendo a la programación y cambio TANTO todo (me quede en POO con java en el 2014), que verte escucharte realmente me inspira a avanzar, miedos un montón de no poder llegar un nivel tan pro jaja (tengo 30 años) pero bueno quiero intentarlo y generar el habito de practicar, y estos videos son un tesoro! Nuevamente Gracias totales.

[@midulive]

Yo tengo 38, así que creo que tienes tiempo. Ánimo.

[@davidmercadojuanes5467]

Midu cada video que lanzas motiva y bastante a aprender mucho mas, gracias mil por todo le contenido no dejes de hacerlo porfa!!!

[@elliscaicedo9045]

gracias midudev por favor mas app con astro , esta semana empece un emprendimiento de paginas estáticas con dos amigos y ya tenemos 2 paginas para hacer tengo pensado hacer una de ella con astro. gracias por tu tiempo y esfuerzo.

[@jonathanjimenez4854]

Parcero eres el mejor, estoy sorprendido 😳.

[@midulive]

Gracias Jonathan!

[@joseluisespinola1991]

Amigo, eres fantastico... estoy viendo varios videos tuyos... aveces hasta los repito 3 veces. Me hubiera encantado que esto mismo lo hubieras hecho con css... se podria?. Saludos y sigue asi.

[@antonyacostaleonelgranados5236]

Grande miduu no sabes cuánto me ayudan tus videos ♥️🥳

[@midulive]

Qué genial!

[@seba_prdo]

midulive gracias por compartir tu conocimiento, eres alguien de admirar

[@crisdev_01]

Seguí al pie de la letra el tutorial y me quedó de maravilla :) muchas gracias por compartirnos tus conocimientos midu, éxitos! 💪

[@germanandreszapatahinestro1346]

este tipo es el puto amo, un monstruo. GRACIAAAAAAASS

[@estebanalejandroluisvalenc7678]

Sería genial que hicieras un tutorial de CSS desde cero a avanzado ❕

[@davcoding]

Impresionante trabajo, gracias por el buen código y esa alegría que siempre te caracteriza ❤🚀

[@thegrazz7521]

Buenisimo el video, a parte de entretenerme aprendo un monton. Gracias miduuu!

[@raggiodev]

Muchas gracias por el video y la explicación, ahora de tarea mejorar todo lo posible jajaja

[@the-history-lens]

Qué pasada midu!! No conocía Astro y es suuuuper intuitivo. El resultado de la cajetilla del menú ha quedado espectacular. A ver si te animas a hacer el responsive! Un saludo!

[@eduardo0939]

Crack 👏🏻👏🏻👏🏻

[@JORGE317031]

Maestro...esto es de practicar...soy nuevo en esto...

[@stefanomazziotta1270]

Espectacular tutorial. Didáctico y concreto. Muchas gracias Midu!

[@jonathanivanferreira819]

11:19 comando tailwind para estilar varios a la vez

[@SonGoku-pc7jl]

Me faltaba media hora del mal downloading que tenia de twitch, por fin he visto el final y como toda la clase ha sido genial! Muchas gracias por todo Midu!

[@DAVIDIL81]

cuando lo despliego en Netlify todo funciona, menos el menú... sin embargo en local si funciona sin problemas... (a alguien más le pasa?) no me sirve si al desplegarlo no funciona... Gracias Midu... la refactorización la has hecho al 1000% de velocidad, pero tu contenido es oro fino... gracias.

[@gadyelmondragon103]

Super bueno Midu, muchas gracias por el tuto y esperando el video de como hacer esta misma landing page responsiva Un saludo desde México!

[@yevenes11]

porque no puedo ser tu?.jpeg naa mentira, estaba esperando este video. Un genio

[@manjime]

Esto está bastante complejo. Más talleres de tailwind plz.

[@DarioEchazu1]

Muchísimas Gracias !!! Saludos desde Salta Argentina.

[@luisaquinoc6548]

lo máximo master sigo aprendiendo !!!!!

[@ivandev45]

Midu, astro esta genial lo amo!! Creo que estaría bueno un video de como de usaría con svelte y un estado global con Astro

[@oo281180]

que crack y yo empezando con bootstrap a cabezazos xD

[@Deus-lo-Vuilt]

Gracias Midu por el video !

[@jrep41]

En Tesla trabaja David Flanagan, el que escribió Javascript The Definitive Guide

[@fergeo2007]

Super aporte!!! Se aprecia mucho!!!!

[@manubruno7188]

Midu sos muy crack

[@joseluisespinola1991]

Muy lindo midu... podrias hacerlo con html y css?

[@learningwithsongs]

La web de tesla está hecha en drupal. ¿Qué opinas de drupal?

[@ERREAPE3]

el hover borracho jajajajajaja

[@lviggi9504]

Para proyectos pequeños como landing esta bien usar astro?

[@omaaraguirre]

Te loveo ♥

[@midulive]

Y yo a ti! 🤗

[@neyk]

yo como alternativa del flex grow como tu lo utilizar suelo darle todo el espacio al div y hago un space between. y para darle el espacio de debajo hago un padding bottom. no se si es la forma correcta pero me iria de lujo que me dieras una opinion jejej 31:59

[@codegerstec]

Midu aquí en este proyecto usas className usando tailwindcss claro pero en otro proyecto de astro usas solo class da lo mismo no es así ? Solo es pequeña duda 😅

[@JOSECMORENO3D]

Genial el video!!! Habrá segunda parte?

[@sergiomoran2186]

Alguien sabe que extensión o configuración usa para que a las etiquetas html las formatee cuando tienen varias propiedades?

[@wlaque]

Hola Midu, Muchas gracias por el vídeo, la verdad es tremendo el trabajo que haces. Quería consultar, cómo se llama la extensión de la que hablas en el minuto 57:25 aproximadamente, la que te va autocompletando el js?

[@cesarcaceres5741]

github copilot, 10 usd mensuales

[@danielcardenasparra2725]

Ojito que a mi a esta fecha me toco hacer varios pasos mas para que tailwind funcionara correctamente con astro , si no les funciono por defecto como a Midu pongan en comentario y creo un paso a paso

[@eliasmaggi8011]

oooh, a que equipo vas en la kings league, sos un capo, saludos desde Paraguay..

[@marthamariasanchez7630]

Disculpa para aprender de Astro, ¿ me remito a alguna pagina en especial o puedo buscarlo como un framework web o como? Gracias por tu aporte.

[@israelalcudia9211]

Hola saludos, tengo una pregunta ¿cómo puedo poner los vídeos en autoplay loop con sonido en los navegadores safari ? En los navegadores de Google lo he conseguido pero no puedo en safari, si puedes ayudarme a solucionarlo con tu consejo, gracias crac ❤️

[@erickfuentes3432]

No hay segunda parte?. Estuve haciendo el tutorial pero veo que en github tiene más código :(.

[@lucascirille703]

alguien me podria explicar porqué funcionó el, const { clientHeight, clientWidth } = item ?, el momento fué 1:14:10 , gracias.

[@tutorialesdeyoutube6875]

Wow, gracias por compartir, cuanto tiempo te tomo aprender todo eso?

[@theproactivemindset]

Muy buen video!

[@jorgeyanez8804]

¿Por qué tesla tendría una "landing" en Drupal 9, será que no es una landing?

[@AB-tl5uw]

hola como se llama la consola que usas al principio del video, no es la que viene por defecto en MAC ? gracias

[@pak1t0z]

Buenas una consulta, que SO tienes? ARch linux?

[@dexterdragons]

hey, suggestion auto complete setup or extension?

[@AB-tl5uw]

el mejor entre astro y vite?

[@broly6233]

que terminal usas midu?

[@luisangelmeramera2719]

Consulta, porque no lo haces en visual studio code 🤔🤔🤔??, Porque Astro??

[@midulive]

Visual Studio Code es un editor, que además lo usamos. Astro es un framework. No tienen nada que ver.

[@luisangelmeramera2719]

Gracias por la respuesta, me parece excelente tu contenido 👏

[@reynosomena]

Harás un curso de CSS?

[@gabrielarturofelixpaez9009]

por que no usas vercel?

[@kevinrivas802]

Me llevó lo del flex grow

[@DanielBanuelos-df2fx]

Alguien sabe cual es la razon por la que no me reproduce el video de fondo, ya sea un archivo local o un video de youtube

[@angelgabrielpinedaguerra1278]

Primer

[@XjuanG]

estoy frustrado voy en el minuto 15 y nada me sale igual , repito segundo a segundo y mas lejos de lo que deberia darme. frustrado

[@midulive]

Igual en lugar de replicar es mejor entender y entonces hacerlo tú a tu manera

[@Khris14]

No es bueno seguir paso a paso, dale tu toque, mientras entiendas, eso es lo importante! animos! y sino fijate si realmente es lo que te gusta, ya que no va ser la ultima vez que te pase y es mejor vivir feliz

[@ivancibexd]

Podrías empezar con el curso de css que tiene midu

[@zodixh3543]

ami el snap mandatory me funciona, pero es mas lento que el tuyo, no lo hace a esa velocidad. alguien sabe porque?

[@alvarezamayajesusyahir371-8]

Como puedo hacerte una remuneracion economica?

[@alew140]

como hacen para que el autoplay funcione en iphone sin interacción ?

[@Khris14]

loop

[@antoniohuertareyes1965]

Jajajaja 1:19:29 yo tambien he estado perdiendo peso XD y veo al Midu actual y literal perdio mucho peso

[@arturoDiaz867]

Midu como hago para tener una terminal como la tuya

[@daiapolo4604]

Buen video midu, cómo haces para que aparezca el error o consejos de escritura en la misma línea del código? Es una extensión de vsc?

[@midulive]

Sí, es GitHub Copilot y es de pago

[@nirodri]

Hola Daia, para que te aparezca el error yo uso "Error Lens"

[@lautaroka5847]

Lo estoy siguiendo al pie de la letra pero los li me salen con una fuente muy grande. ¿Tailwind cambió algo?

[@lautaroka5847]

Ya lo resolví, tenía el zoom a 200% no sé por qué, jaja.

[@david_t_c]

Genio!

[@elblue6832]

Que es tailwind?

[@clementebarros4097]

que se hace si me dice esto: Install dependencies? Yes ██████ Installing dependencies with npm... ▲ error Error

[@flhandsup5586]

estaria bien un clon de la web de apple

[@juanandresbedoyamunoz]

amigo puedes pasarme el url de la pagina web muchas gracias

[@egalvez]

Porqué Tailwind y no Bootstrap?

[@MrARTE13]

Como se llama la herramienta que le sugiere un código?

[@EdwinRodriguez-nz4tk]

Es copilot

[@MrARTE13]

@@EdwinRodriguez-nz4tk graciaaas

[@danystark6313]

para cuando el de apple

[@MaGucci]

Hay, comunidad de Discord?

[@manuelhdez4150]

que crack

[@DeveloperTN]

Guapo

[@ianduhamelhayes7956]

Midudios haciendo cosas de midudios

[@JoelArguello]

Asi de facil es tener una web... nada mas que decir [En 5 minutos!]

[@johansierracortes7217]

finished

[@noavgimperi4l]

este es el mismo tutorial de el clever programmer lol, le copiaste entera la idea

[@juan7114]

Seguro que Clever programmer es la única persona que hizo un clon de la página de Tesla 🤦🏻‍♂️