Megacurso Javascript (incluye jQuery y Ajax) - Maestro en 50h (2018)








Información de: Megacurso javascript

Domina completamente javascript para hacer de tus páginas web totalmente dinámicas y animadas. Asimismo, saca partido del framework jQuery y Ajax para potenciar las funciones de tu web/app y hacerlo aún más espectacular. Domina javascript de 0 a 100.

Detalles:

  • Este videocurso está actualizado a Agosto 2018.
  • Este es un curso de 0 a 100, con el que te volverás un experto en javascript (incluye jQuery y Ajax) con solo seguir las videoclases y realizar los ejercicios indicados. La explicación es amena y clara por parte de profesores expertos en su materia, con gran cantidad de ejercicios y ejemplos para poner en práctica los conceptos y técnicas enseñadas.

javascript es un lenguaje de programación con el que te será muy fácil añadir una impresionante capa de animación e interactividad a tu sitio web o app, pudiendo hacer que tu web creada en HTML+CSS se vuelva mucho más dinámica y con funcionalidad que se ve sin tener que recargar la página, como corregir formularios al instante o incluso crear animaciones en 3D en el mismo navegador.

En éste Megacurso se enseña además jQuery y Ajax. JQuery es un framework de javascript con el que es muy sencillo añadir funciones adicionales a tu proyecto sin tener que programarlas desde 0. Por ejemplo, si quisieses hacer un pase de diapositivas dinámico, en vez de programarlo desde 0, podrías buscar un plugin de jQuery, integrarlo en tu código, y luego con tu conocimiento de javascript adecuarlo manualmente hasta conseguir el resultado que necesitas.

Ajax es utilizado para peticiones asíncronas. Esto quiere decir que dominando Ajax podrás conseguir, por ejemplo, que en la página de registro el sistema verifique si el nombre de usuario elegido está ya en uso o no y en caso de que sí al instante muestre un mensaje "Lo sentimos, este nombre de usuario ya

El curso se ha preparado de un modo práctico y sencillo para que, a través de multitud de pequeños ejemplos y ejercicios (aunque sin olvidar la fundamental base teórica) te conviertas en un programador experto capacitado para enfrentarte a cualquier proyecto que te propongas.

Con este Megacurso de javascript dominarás todas las técnicas necesarias para convertirte en un experto en la programación en javascript, jQuery y Ajax. El curso comienza 100% desde 0, por lo que no necesitas absolutamente ningún conocimiento previo. Apúntate, ve las clases, ve haciendo los ejercicios (todo el material se incluye también) y ¡hecho! Serás un Dios de javascript.

Contenido: javascript. Aprendizaje de 0 a 100 (50h)


1 | La sintaxis básica del javascript. Parte 1

Aprende la sintaxis básica del javascript. ¿Qué es el DOM y cómo podemos acceder a él? ¿Cómo cambiarlo de forma dinámica? Averigua el concepto de variable y cómo lo podemos utilizar con javascript.

2 | La sintaxis básica del javascript. Parte 2

Utiliza las funciones alert, prompt y confirm. Aprende a utilizar los operadores matemáticos en javascript y haz un sencillo sistema de login con dos variables diferentes.

3 | Las estructuras de control

Aprende todo sobre el uso de IF, IF… ELSE, SWITCH, FOR, WHILE y DO WHILE. Sigue los ejemplos para comprender cómo evitar que se cumpla una condición dentro de un bucle.

4 | Los arrays y las funciones

Descubre la potencia dentro de las funciones en javascript. Entenderás cómo utilizar la palabra reservada THIS y cómo organizar el código fuente para que sea eficiente y profesional.

5 | Utiliza javascript para validar un formulario sencillo

Revisa el uso de la API de javascript de HTML para formularios. Completa el formulario con estilos avanzados y añade más controles para validar una contraseña. Entiende cómo estructurar los códigos.


6 | Utiliza javascript para validar un formulario avanzado

Aprende a validar un formulario avanzado haciendo todo el código desde cero. Usa los condicionales complejos en javascript y añade filtros a tu validación.

7 | Funciones avanzadas

Descubre como llamar a las funciones, cómo declararlas y cómo pasar argumentos entre las funciones. Utiliza de forma eficaz innerHTML y cambia los contenidos de la web de forma dinámica.


8 | La gestión de eventos. Parte 1

¿Qué son los eventos y cómo mejorar nuestra web? Aprende a hacer un juego de azar con javascript. Averigua como puedes hacer validaciones avanzadas como el número de NIF.

9 | La gestión de eventos. Parte 2

Aprende a detectar instrucciones introducidas por el usuario. Haz aplicaciones divertidas para los niños y sácale todo el partido al dinamismo de una web. Sorprende a tus usuarios con innerHTML.

10 | Juego de arrastrar

Haz un juego de arrastrar (Drag and Drop) y entiende las complejas funciones implicadas en ello. Averigua todo lo que puedes hacder con la API de HTML en este sentido.

11 | Geolocalización

Aprende a utilizar la API Geolocation de HTML. Cómo pasar parámetros con getCurrentPosition(). Muestra los resultados de una búsqueda con el uso de Google Maps. Averigua cómo aprender más de Google Maps.

12 | Usa un bonito colorbox

¿Qué es colorbox y cómo se utiliza? Averigua todo sobre esta interesante librería de jQuery. Maqueta tus fotos utilizando colorbox y permite ampliaciones configurables al cien por cien.

13 | Un slide jQuery

Aprende a hacer un slide o pase de diapositivas espectacular con el framework jQuery.Configura jQuery a tu gusto. Averigua aspectos esenciales sobre las animaciones y la usabilidad.

14 | Efectos especiales con jQuery

Aprende a hacer alucinantes efectos especiales con jQuery. Crea nieve, lluvia y niebla sobre diferentes escenarios. Sorprende a los usuarios de tu web con animaciones visibles en móviles y tablets.

15 | Haz un formulario con diferentes pantallas

Averigua cómo hacer un formulario basado en jQuery que tiene diferentes pantallas y un control de la posición actual del que lo está rellenando. Añade estilos profesionales.

16 | Una web completa con jQuery. Parte 1

Haz una web completa con jQuery y aprende cómo personalizar las animaciones y la posición de los diferentes elementos. Averigua trucos muy interesantes sobre jQuery.

17 | Una web completa con jQuery. Parte 2

Termina la web que empezamos en la case anterior. Sigue aprendiendo aspectos sobre la posición absoluta y su gestión con jQuery. Aprende el ámbito de las variables en javascript.

18 | Una web como hecha con Flash pero sin Flash

Aprende a cambiar los fondos de forma dinámica con jQuery. Haz letras animadas y con sofisticados estilos CSS. Gestiona las imágenes y todos los elementos con jQuery.

19 | Programación con jQuery. Parte 1

Aprende los fundamentos de jQuery, su lógica interna, variables y funciones. Desarrolla un menú donde se despliegan y repliegan los submenús en función del botón en el que se hace clic. Cambia la imagen de fondo dinámicamente con el manejo de las funciones y los eventos. Aprende a pensar como un programador.

20 | Programación con jQuery. Parte 2

Aprende a utilizar los selectores de forma eficaz y precisa. Hay muchas maneras de seleccionar un elemento web con jQuery. ¿Cuál es la mejor forma en cada caso? Utiliza la lógica para solucionar los problemas que se presentan en la programación y elige tu propia forma de hacer las cosas.

21 | Uso de clases y atributos. Parte 1

Gestiona las clases del HTML con jQuery. Con una serie de ejercicios progresivos, descubre las formas de acceder al DOM y sacar todo su potencial. Aprende a hacer un juego infantil utilizando los conocimientos adquiridos.

22 | Uso de clases y atributos. Parte 2

Los atributos de los elementos HTML puede ser modificados con jQuery. El objetivo es añadir efectos y funcionalidad cuando la página web ya se ha cargado. Respondiendo a los eventos de los usuarios, cambia formatos, colores y contenidos.

23 | Proyecto práctico: web con jQuery

Desarrolla una web alucinante con jQuery, repleta de efectos impresionantes y muy modernos. Aprende a utilizar las diferentes librerías que van apareciendo en el mercado y sácales el máximo partido.

24 | Proyecto práctico: web con jQuery

Desarrolla una web alucinante con jQuery, repleta de efectos impresionantes y muy modernos. Aprende a utilizar las diferentes librerías que van apareciendo en el mercado y sácales el máximo partido.

25 | Introducción jQuery Mobile. Parte 1

Aprende a utilizar esta librería de jQuery que permite utilizar los gestos de los teléfonos móviles, como arrastrar, pellizcar y desplazar. Aprende la configuración básica y a generar menús con transiciones espectaculares. ¿Qué más necesitas para utilizar jQuery Mobile? ¿Te interesa su CDN o descargar los archivos en local?

26 | Introducción jQuery Mobile. Parte 2

Seguimos utilizando esta librería de jQuery que permite hacer aplicaciones web y webs específicas para teléfonos móviles. Aprende a hacer formularios que cumplan los estándares de usabilidad y que sean muy atractivos visualmente. Genera pantallas de alerta o con contenido adicional adaptadas para los teléfono móviles.

27 | Aprende a acceder al CSS de una web con jQuery

¿Qué métodos son los mejores para tal fin? Consigue modificar en tiempo de ejecución los atributos CSS y responder a eventos del usuario. Utiliza los conocimientos adquiridos para cambiar el tamaño de la letra de una web con dos botones: uno para aumentar el tamaño y otro para disminuirlo.

28 | Introdúcete en el mundo de los eventos de jQuery

Aprende a comunicarte entre varias funciones y separar los códigos para que todo esté ordenado y optimizado. ¿Te apetece crear un divertido juego para disparar a los patos desde cero? Pero tranquilo, que son de goma. Gestiona eventos de azar y consigue efectos divertidos y originales.

29 | Proyecto práctico: app mobile sencilla. Parte 1

Crea desde cero una impresionante aplicación web que se vea perfectamente en el móvil. Aprende a gestionar los eventos de jQuery y aplicarlos para el entorno de jQuery Mobile. Ten cualquier idea y materialízala con el lenguaje de programación adecuado. ¿Aceptas el reto de terminar un algoritmo de cuenta atrás?


30 | Proyecto práctico: app mobile sencilla. Parte 2

Crea desde cero una impresionante aplicación web que se vea perfectamente en el móvil. Usa los paneles de jQuery Mobile para gestionar los espacios de tu aplicación. Añade programación adicional para conseguir efectos espectaculares. Inserta vídeos desde YouTube que respondan a eventos lanzados por el usuario.

31 | Proyecto práctico: app mobile sencilla. Parte 3

Crea desde cero una impresionante aplicación web que se vea perfectamente en el móvil. Aprovecha la potencia de las listas en jQuery Mobile. Haz un formulario totalmente funcional para gestionar los horarios de una clínica. Profundiza en la gestión de eventos de jQuery.

32 | Eventos de jQuery

Conviértete en experto en la gestión de funciones y en la simplificación del código fuente. Aprende a usar con propiedad $(this) y a prever los resultados que conseguirás al utilizar la sintaxis propia de jQuery.

33 | Eventos avanzados jQuery

La gestión avanzada de los eventos es la clave para dominar la programación con jQuery y jQuery Mobile. A través de varios ejercicios perfeccionarás la técnica de programación y la lógica necesaria para entender los procesos internos.

34 | Juegos de diana y azar

Continuamos con la gestión avanzada de los eventos en jQuery. Pero ahora, con dos juegos prácticos: una diana en movimiento para practicar la puntería y empezamos un juego de habilidad y azar, parar tres números iguales para que nos de un jugoso premio. ¿Estás preparado para tanta diversión?

35 | Juegos de diana y azar (avanzado)

Terminamos los juegos planteados en el ejercicio anterior y les damos una vuelta. El juego de azar nos permite elegir imágenes de forma aleatoria y generar un juego con niveles. En cada ronda aumenta la velocidad y la dificultad del juego. Aprende a gestionar con precisión los eventos setTimeout y clearTimeout para poner y quitar instancias a nuestra voluntad.


36 | Proyecto práctico: juego de Simon. Parte 1

Utiliza todo lo aprendido hasta ahora para gestionar los eventos y crear una réplica del popular juego de memoria de los años 80. Maqueta el dispositivo con los cuatro colores y asigna un sonido a cada color. Aprender a utilizar un array para guardar la secuencia de colores y sonidos que se crea al azar.


37 | Proyecto práctico: juego de Simon. Parte 2

Utiliza todo lo aprendido hasta ahora para gestionar los eventos y crear una réplica del popular juego de memoria de los años 80. Aprende a controlar las interacciones del usuario y a compararlas con la secuencia que hace el dispositivo. Si coinciden hay premio, sino error y vuelta a empezar.

38 | Efectos avanzados en jQuery y útiles para jQuery Mobile

Descubre cómo condensar el código y minimizarlo al máximo, a fin de que las páginas web se carguen mucho más rápida. Crea un bonito slide desde cero con unas pocas líneas de código, controlando los efectos que permite esta tecnología.

39 | Efectos avanzados jQuery

Continuamos con los efectos avanzados de jQuery. Aprende a hacer el efecto acordeón, útil para un menú o para cualquier otro elemento. Comprende la tecnología de paneles y aplícala a una maquetación divertida y diferente. Averigua formas distintas de aplicar los conocimientos que ya has adquirido.

40 | Proyecto práctico: home web con animaciones y jQuery

Crea una home elegante con los efectos avanzados de jQuery. Un menú donde los elementos se colocan siguiendo la forma circular de una imagen. Con animaciones sofisticadas y llenas de estilo. Útil para todo tipo de páginas web y totalmente compatible con los dispositivos móviles. La programación hecha elegancia.

41 | Introducción a Ajax. 

Aprende a hacer peticiones asíncronas al servidor utilizando toda la potencia de jQuery. Utiliza los métodos load(), get() y post() para hacer diferentes peticiones al servidor y recargar tu página web de una forma dinámica.

42 | Seguimos profundizando en Ajax

Aprende a hacer peticiones asíncronas al servidor utilizando toda la potencia de jQuery. Utiliza el método ajax() de jQuery para conseguir acceder al servidor. En combinación con un poco de php podrás hacer páginas interconectadas de forma asíncrona.

43 | Increíble slider con jQuery

Nos damos un respiro de Ajax y hacemos un slide con jQuery apto para móviles con increíbles animaciones 3D. Descubre las posibilidades de gestionar los eventos con sofisticados efectos CSS. Aprende a modificar el código fuente de terceros para conseguir los resultados personalizados que tú deseas.

44 | Gestión de DOM

La gestión del DOM es lo más importante en una página web. ¿Cómo podemos hacerlo con jQuery? ¿Qué elementos son necesarios para incluir el filtrado en una lista y añadir elementos de forma dinámica para mejorar la usabilidad de una web? Aprende a utilizar la función filter() y sacarle el máximo partido.

45 | Gestión avanzada de DOM

Profundizamos en la gestión del DOM con varios ejemplos muy vistosos. Aprendemos a hacer desde cero la pestañas con tabulación que muestran diferentes contenidos en función del botón donde hacemos clic. También hacemos búsqueda predictiva como Google. A medida que escribimos la palabra nos ofrece varias funciones para el autocompletado.

46 | Proyecto práctico: web con Parallax, compatible con jQuery Mobile. Parte A

Antes de la recta final, nos tomamos un paréntesis para hacer una web espectacular con Parallax, algunos plugins de jQuery y todo el CSS que hemos aprendido durante el curso. Aprendemos a hacer maquetaciones sofisticadas y combinamos varios png para dotar de máxima profundidad de campo a nuestra web.

47 | Proyecto práctico: web con Parallax, compatible con jQuery Mobile. Parte B

Seguimos con la web que combina Parallax y algunos plugins de jQuery. Utilizamos funciones jQuery para dotar de interactividad a la web. Aprende a hacer un juego sencillo para perfeccionar el funcionamiento de la web. Termina tú mismo el juego de gamificación y averigua hasta dónde sabes llegar con el javascript.

48 | Banners con HTML5 y jQuery. Parte A

Aprende a hacer un banner con HTML5 y jQuery para la red Google Display o para cualquier otra web que admita publicidad.Aprende a poner notas en lugares estratégicos de tu sitio web. Disfruta ejecutando tu código que no está reñido con la creatividad y los efectos especiales.

49 | Banners con HTML5 y jQuery. Parte B

Terminamos la programación jQuery del banner y nos aseguramos que cumpla los requisitos para la plataforma Display de Google. ¿Qué necesitas saber para hacer negocio con el desarrollo de banners? ¿Qué códigos y plugins te pueden ayudar a hacer banners con jQuery o jQuery Mobile?

50 | Proyecto práctico: aplicación web móvil para comercio

Retomamos la app móvil de la clínica dental y la ampliamos con un documento con carga Ajax. Aprenderás a hacer un listado inteligente y cómo se puede empaquetar una aplicación web en una app para Android o iOS. ¿Quieres seguir formándote? Te damos unos consejos que te vendrán muy bien.