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

[@romablan]

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

[@kievandres]

Aprendiendo 🤓

[@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

[@lokii7389]

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

[@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!!! 🤗

[@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. :)

[@hopersk8]

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

[@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 ❤

[@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?

[@LiveMusiclover674]

Este tipo es el verdadero genius del taillwind! 10

[@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.

[@davidmercadojuanes5467]

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

[@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.

[@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!

[@crisdev_01]

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

[@yanielfuentestedes2820]

Lo que he aprendido en 1:15 min ! gracias

[@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.

[@RABIONGARCIALIN]

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

[@seba_prdo]

midulive gracias por compartir tu conocimiento, eres alguien de admirar

[@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

[@thegrazz7521]

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

[@antonyacostaleonelgranados5236]

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

[@midulive]

Qué genial!

[@raggiodev]

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

[@jonathanjimenez4854]

Parcero eres el mejor, estoy sorprendido 😳.

[@midulive]

Gracias Jonathan!

[@estebanalejandroluisvalenc7678]

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

[@germanandreszapatahinestro1346]

este tipo es el puto amo, un monstruo. GRACIAAAAAAASS

[@davcoding]

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

[@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!

[@stefanomazziotta1270]

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

[@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!

[@manjime]

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

[@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

[@JORGE317031]

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

[@eduardo0939]

Crack 👏🏻👏🏻👏🏻

[@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.

[@yevenes11]

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

[@luisaquinoc6548]

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

[@jonathanivanferreira819]

11:19 comando tailwind para estilar varios a la vez

[@Deus-lo-Vuilt]

Gracias Midu por el video !

[@DarioEchazu1]

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

[@jrep41]

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

[@fergeo2007]

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

[@manubruno7188]

Midu sos muy crack

[@oo281180]

que crack y yo empezando con bootstrap a cabezazos xD

[@theproactivemindset]

Muy buen video!

[@JOSECMORENO3D]

Genial el video!!! Habrá segunda parte?

[@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

[@omaaraguirre]

Te loveo ♥

[@midulive]

Y yo a ti! 🤗

[@eliasmaggi8011]

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

[@joseluisespinola1991]

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

[@learningwithsongs]

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

[@kevinrivas802]

Me llevó lo del flex grow

[@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 😅

[@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

[@tutorialesdeyoutube6875]

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

[@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

[@ERREAPE3]

el hover borracho jajajajajaja

[@lviggi9504]

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

[@militov78]

15:32 alguno sabe si existe algun extension o programa para poder ver los pixeles en donde esta el mouse pero en windows?

[@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.

[@jorgeyanez8804]

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

[@AB-tl5uw]

el mejor entre astro y vite?

[@sergiomoran2186]

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

[@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 :(.

[@pak1t0z]

Buenas una consulta, que SO tienes? ARch linux?

[@broly6233]

que terminal usas midu?

[@antoniohuertareyes1965]

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

[@lucascirille703]

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

[@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 👏

[@AB-tl5uw]

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

[@david_t_c]

Genio!

[@dexterdragons]

hey, suggestion auto complete setup or extension?

[@reynosomena]

Harás un curso de CSS?

[@gabrielarturofelixpaez9009]

por que no usas vercel?

[@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"

[@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

[@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

[@zodixh3543]

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

[@manuelhdez4150]

que crack

[@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.

[@angelgabrielpinedaguerra1278]

Primer

[@flhandsup5586]

estaria bien un clon de la web de apple

[@alew140]

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

[@Khris14]

loop

[@alvarezamayajesusyahir371-8]

Como puedo hacerte una remuneracion economica?

[@elblue6832]

Que es tailwind?

[@arturoDiaz867]

Midu como hago para tener una terminal como la tuya

[@egalvez]

Porqué Tailwind y no Bootstrap?

[@clementebarros4097]

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

[@juanandresbedoyamunoz]

amigo puedes pasarme el url de la pagina web muchas gracias

[@DeveloperTN]

Guapo

[@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?

[@ianduhamelhayes7956]

Midudios haciendo cosas de midudios

[@JoelArguello]

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

[@johansierracortes7217]

finished