Apprendre JavaScript et JQuery Building Ten Projets de construction de dix projets

Description
Ces deux technologies sont indispensables pour tout développeur web et afin de vous aider à les maîtriser de manière pratique, nous avons créé ce cours d'élite où vous utiliserez ces technologies pour créer des projets réels et apprendrez les nuances de leur utilisation dans le monde réel.

Les projets suivants ont été sélectionnés pour ce cours

CH1 : Jeu-questionnaire JavaScript simple

Description : Nous allons commencer par un projet assez simple d'un quiz JavaScript à choix multiples d'une page, dans ce projet nous allons examiner certains des éléments essentiels quand il s'agit de HTML5, CSS et JavaScript, nous allons regarder les gestionnaires d'événements, les variables et même'pour les boucles' et les tableaux.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, Variables & Arrays, Loops, Responsive Design, Responsive Design.

CH2 : glissière de contenu jQuery

Description : jQuery est bien connu pour les thigs comme les galeries d'images, sliders, scrollers, etc... Nous allons construire une application très propre qui nous permettra de cliquer sur un bouton'next' pour fondu dans la diapositive suivante et un bouton'prev' pour aller dans le sens inverse... Nous allons utiliser les méthodes d'animation fadeIn() et fadeOut() pour cela.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, Listes, sélecteurs jQuery, méthodes comme addClass() et removeClass() et méthodes d'animation comme fadeIn() et fadeOut().

CH3 : Moteur de recherche YouTube

Description : Dans ce projet, nous utiliserons l'API de données YouTube v3 pour construire un moteur de recherche vidéo, la méthode'search . list', ainsi que le script'FancyBox', qui est un script lightbox, ce qui permettra d'ouvrir la vidéo sur notre site au lieu d'être redirigé vers YouTube.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, Youtube Data API v3, requête jQuery $.get(), insertion HTML via la méthode html().

CH4 : FAQ Curseur Accordéen

Description : Nous construirons un accordéon de contenu pour une section FAQ, mais nous utiliserons la méthode slideToggle() et d'autres méthodes.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, jQuery, Listes, Sélecteurs jQuery, méthodes de diapositives jQuery.

CH5 : Ajax PHP Shoutbox

Nous construirons une base de données MySQL et nous nous connecterons via PHP, puis nous ferons une requête à un autre fichier.php qui insérera les données dans les tables correctes.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL, MySQL, PHPMyAdmin.

CH6 : Pomme Style Thumbslider

Dans ce projet, nous allons construire un curseur d'image semblable à ceux que vous voyez sur le site Web et les applications d'Apple, en utilisant la banivation par vignettes et le défilement automatique.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, jQuery, Méthode d'animation personnalisée ()

CH7 : Créer un plugin jQuery

Dans ce chapitre, nous allons créer un plugin jQuery simple, le préparer et ensuite le télécharger dans le registre des plugins jQuery.com. Nous allons aussi regarder l'utilisation de Git et Github.com.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, jQuery, conventions de plugin jQuery, Git, Github, utilitaire de ligne de commande.

CH8 : jQuery Portfolio Gallery

Nous allons construire une galerie d'images avec quelques fonctionnalités telles que la catégorisation, l'effet de caisson lumineux et l'effet de superposition.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, jQuery, Lightbox2 Plugin

CH9 : jQuery Mobile App

Nous utiliserons HTML5 et le framework jQuery Mobile, vous apprendrez comment construire des modèles multi-pages avec jQuery Mobile, nous construirons une application de suivi de miles qui vous permettra d'entrer le kilométrage d'exécution ou de jog et la date ainsi que la possibilité de mise à jour et de suppression. localStorage sera utilisé pour le stockage des données.

Fonctionnalités/Technologies : HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, jQuery Mobile, localStorage api

CH10 : Tic Tac Toeoe

Il s'agira d'une application simple et agréable, c'est un jeu de tic tac tooe très basique, qui implémentera quelques règles et conditionnelles pour des choses comme ne pas pouvoir cliquer deux fois dans la même case.

Fonctionnalités/Technologies : HTML5, CSS3, jQuery, JavaScript, Conditionals

CLIQUEZ ICI pour accéder à ce cours