Ya Bienvenido.
Así que tengo algunas muy buenas noticias.
Finalmente es hora de que tomemos javascript y lo combinemos con nuestro H. METRO. S. evaluar.
Esta es de lejos mi unidad favorita.
Mi tema favorito para enseñar todo lo que he pasado toda mi vida enseñando.
Es realmente donde javascript comienza a pagar.
Así que hemos estado haciendo algunas aplicaciones simples hasta este momento.
emocionante, pero todo va a cambiar ahora porque estamos a punto de liberar realmente el poder de Javascript.
Lista fácil de hacer usando alertas y avisos y sé que no es muy
Y luego esta unidad vamos a hacer cosas como hacer un juego interactivo, vamos a
hacer una lista de tareas reales con una forma real con botones reales y casillas de verificación y Javascript detrás de ella
y animaciones y todo tipo de cosas realmente interesantes. donde realmente sientes que hiciste algo no solo una
pequeña línea de comando o una pequeña aplicación de consola de JavaScript sino algo real que podrías compartir.
Entonces, la forma en que hacemos todo esto es a través de una tecnología llamada DOM que es eso.
Entonces, esta lección servirá como introducción al DOM para hablar sobre algunas cosas en
los próximos videos.
Quiero comenzar por definir qué DOM es lo que representan esas letras.
Quiero que entiendas bien por qué esto es emocionante.
Voy a mostrarte algunas aplicaciones geniales que otras personas han creado utilizando estas cosas que vamos
a aprender, luego vamos a hablar sobre lo que llamo la selección y luego manipular el flujo de trabajo.
Entonces empecemos.
Entonces, ¿por qué deberías preocuparte por todo esto?
Bueno, hay muchas razones.
perro interactuando con cada equipo y con las SS. Entonces, interactuamos con el Dom para hacer cosas como juegos.
Prácticamente todas las aplicaciones web grandes que hay ahora mismo, como Twitter y Facebook Instagram YouTube
Gmail, todas usan mucho javascript y la mayoría de ese javascript está interactuando con el
Podríamos hacer tres en raya podríamos hacer que una plataforma sea un juego como Mario, podemos usarlo
para hacer cosas más prácticas como los menús desplegables de validación de formas.
Así es como hacemos que las páginas web sean interactivas.
Es cómo podemos agregar animaciones.
últimos años usé muchos javascript para manipular el Dom como mencioné antes. Primero voy a
mostrarte algunos ejemplos antes de comenzar a definir estos términos hablan sobre cómo es el DOM.
Y el último aquí realmente lo resume en casi todos los sitios increíbles, aunque
en los
Quiero mostrarte algunos sitios web.
Así que el primero es solo google y no sé cuánto prestas atención a
esto, pero cuando comienzas a buscar algo en Google como Halo.
Fíjate cómo obtengo esta cosa que parece que esto es todo su Timo. Se trata de algún tipo de div
o algo que se está viendo y mostrando y está cambiando a medida que escribo cosas como si escribo hello
kitty obtengo nuevos resultados.
Todo eso está hecho con javascript, pero este es el tipo de cosas que vamos a poder hacer
después de algunos videos.
Por supuesto, no podremos escribir el backend que tiene Google, pero podremos hacer las cosas del
front-end aquí.
Todo el HMO todo el éxito de todos estos efectos que usted verá será capaz de replicar fácilmente.
Entonces, lo siguiente que quiero resaltar es su sitio web, Tomi tiene este botón de cursos de
Brough y cuando hago clic en él obtengo el menú deslizable que empuja todo hacia la derecha
y tengo todas estas categorías para elegir.
Y al pasar el cursor sobre una categoría, puede ver que aparece este submenú que aparece.
Así que eso es todo lo que javascript se están agregando a la página.
Estos son probablemente elementos de lista y etiquetas de anclaje.
Se están agregando a la página que se oculta y se muestra en color está cambiando a medida que
desplazo muchas cosas de interactividad.
Entonces, lo próximo que quiero mostrar es uno de mis favoritos.
Es un sitio web llamado ataque de almohadilla.
Entonces esto es un poco diferente.
No es realmente una aplicación web la que usarías, pero es un juguete realmente divertido y una gran demostración de lo que puedes
hacer con H. T. ratón.
SS En javascript, así que le recomiendo que siga adelante y pruebe esto por su cuenta.
Patta tap dot com y tengo que hacer es comenzar a escribir en mi teclado en cada tecla que presiono corresponde a un sonido
que se reproduce y una animación genial que se reproduce.
Déjame mostrarte un ejemplo.
Aqui hay otro más.
Entonces puedes perderme en algún lado.
Entonces, esto resume el tipo de cosas que podemos hacer.
Tenemos interactividad en la que presiono una tecla para que el código se ejecute solo cuando presiono
una tecla en particular y luego ese código no solo se reproduce como sonido, sino que también cambia lo que vemos visualmente.
Por lo tanto, no solo se registra constantemente, no solo se usan las alertas, sino que se está cambiando
la pantalla que salió en el CSSA que vemos.
Así que espero que esos ejemplos te entusiasmen un poco con todas las cosas increíbles que
estamos por aprender.