Saltear al contenido principal

Proyectos en JavaScript y JQuery

Tomar Curso

Descripción

JavaScript es el idioma más popular del mundo y se usa ampliamente en casi todos los proyectos web. JQuery también se ha vuelto muy popular a los pocos años de su lanzamiento. Estas dos tecnologías son imprescindibles para cualquier desarrollador web y para ayudarlo a dominarlas de manera práctica, hemos creado este curso de élite en el que utilizará estas tecnologías para crear proyectos reales y aprenderá los matices de su uso en el mundo real.

Los siguientes proyectos han sido seleccionados para este curso

CH1: Prueba de JavaScript simple

Descripción: Comenzaremos con un proyecto bastante simple de una página de prueba de JavaScript de opción múltiple. En este proyecto veremos algunos de los aspectos esenciales cuando se trata de HTML5, CSS y JavaScript. Examinaremos los controladores de eventos, las variables e incluso los ‘bucles for’ y las matrices.

Funciones / Tecnologías: HTML5, CSS3, JavaScript, Variables y matrices, Loops, Responsive Design

CH2: Control deslizante de contenido de jQuery

Descripción: jQuery es bien conocido por cosas como galerías de imágenes, deslizadores, scrollers, etc. Crearemos una aplicación muy limpia que nos permitirá hacer clic en un botón ‘siguiente’ para desaparecer en la siguiente diapositiva y un botón ‘anterior’ para ir en la dirección contraria. Usaremos los métodos de animación fadeIn () y fadeOut () para hacer esto

Características / Tecnologías: HTML5, CSS3, JavaScript, Listas, selectores de jQuery, métodos como addClass () y removeClass () y métodos de animación como fadeIn () y fadeOut ()

CH3: motor de búsqueda de YouTube

Descripción: En este proyecto usaremos la API de datos de YouTube v3 para construir un motor de búsqueda de videos. Usaremos la ‘búsqueda. list ‘método para hacer esto. También implementaremos ‘FancyBox’, que es un script de caja de luz. Esto permitirá que el video se abra en nuestro sitio en lugar de ser redirigido a YouTube.

Características / Tecnologías: HTML5, CSS3, JavaScript, API de datos de Youtube v3, solicitud jQuery $ .get (), inserción de HTML a través del método html ()

CH4: FAQ Accordian Slider

Descripción: Construiremos un acordeón de contenido. Esto es genial para una sección de preguntas frecuentes pero, por supuesto, podría usarse en muchos contextos diferentes. Usaremos el método slideToggle () y algunos otros

Funciones / Tecnologías: HTML5, CSS3, JavaScript, jQuery, Listas, Selectores de jQuery, métodos de diapositivas de jQuery

CH5: Cuadro de diálogo PHP Ajax

Este proyecto implementará muchas tecnologías para construir un módulo shoutbox / chat. Construiremos una base de datos MySQL backend y nos conectaremos a través de PHP. Luego haremos una solicitud a otro archivo .php que insertará los datos en las tablas correctas.

Características / Tecnologías: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL, PHPMyAdmin

CH6: Deslizador de pulgar estilo manzana

En este proyecto, crearemos un control deslizante de imágenes muy parecido a los que ve en el sitio web y las aplicaciones de Apple. Utilizará banivación de miniaturas y desplazamiento automático.

Funciones / Tecnologías: HTML5, CSS3, JavaScript, jQuery, método animate () personalizado

CH7: Cree un complemento jQuery

En este capítulo, crearemos un complemento de jQuery simple, lo prepararemos y luego lo cargaremos en jQuery. registro de complementos com. También veremos el uso de Git y Github. com

Características / Tecnologías: HTML5, CSS3, JavaScript, jQuery, convenciones de complementos de jQuery, Git, Github, utilidad de línea de comandos

CH8: Galería de la cartera de jQuery

Construiremos una galería de imágenes con algunas características como categorización, efecto de caja de luz y efecto de superposición.

Características / Tecnologías: HTML5, CSS3, JavaScript, jQuery, Lightbox2 Plugin

CH9: Aplicación móvil jQuery

Esta será nuestra primera aplicación para dispositivos móviles. Usaremos HTML5 y el framework jQuery Mobile. Aprenderá a crear plantillas de varias páginas con jQuery Mobile. Crearemos una aplicación de seguimiento de millas que le permitirá ingresar el kilometraje de carrera o trote y la fecha junto con la capacidad de actualizar y eliminar. localStorage se utilizará para almacenar datos

Características / Tecnologías: HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, api localStorage

CH10: Tic Tac Toe

Esta será una aplicación sencilla y agradable. Es un juego de tic tac toe muy básico. Implementará algunas reglas y condicionales para cosas como no poder hacer clic en el mismo cuadrado dos veces.

Funciones / Tecnologías: HTML5, CSS3, jQuery, JavaScript, Condicionales

Ver Comentarios del Curso

Volver arriba