localisation actuelle:Maison > Articles techniques > interface Web > js tutoriel

  • Testez votre unité
    Testez votre unité
    Cet article a été révisé par des pairs par Panayiotis «Pvgr» Velisarakos, Mark Brown et Tom Greco. Grâce à tous les pair examinateurs de SitePoint pour avoir fait du contenu SitePoint le meilleur possible! Avez-vous déjà apporté des modifications à votre code, et l'avez-vous trouvé plus tard
    js tutoriel 879 2025-02-16 11:03:10
  • Authentification Angularjs facile avec Auth0
    Authentification Angularjs facile avec Auth0
    Cet article a été mis à jour (11.05.2017) pour refléter les modifications de l'API d'Auth0. La sécurisation des applications d'une page (SPAS) peut être difficile. Les spas consistent souvent en une extrémité frontale distincte (par exemple, AngularJS) et une API de données back-end. Base de session traditionnelle
    js tutoriel 797 2025-02-16 11:02:09
  • Modèles de conception JavaScript: le modèle d'observateur
    Modèles de conception JavaScript: le modèle d'observateur
    Points clés du modèle d'observateur JavaScript Le modèle d'observateur dans JavaScript permet une liaison de données un à plusieurs entre les éléments, ce qui est particulièrement utile pour garder plusieurs éléments synchronisés avec les mêmes données. Le modèle d'observateur contient trois méthodes principales: vous abonner (ajouter de nouveaux événements observables), se désabonner (supprimer les événements observables) et diffuser (utiliser des données liées pour exécuter tous les événements). L'utilisation de fonctionnalités ES6 telles que les classes, les fonctions Arrow et les constantes peut implémenter efficacement les modèles d'observateurs, ce qui rend le code plus concis et plus facile à réutiliser. Le modèle d'observateur peut être utilisé pour résoudre des problèmes pratiques en javascript, tels que la mise à jour des mots dans les articles de blog à chaque fois que vous cliquez
    js tutoriel 925 2025-02-16 11:00:15
  • Pourquoi je passe de la réaction à cycle.js
    Pourquoi je passe de la réaction à cycle.js
    De nombreux développeurs comptent aujourd'hui sur des cadres pour rationaliser le développement d'applications. Les cadres fournissent une structure et une efficacité, mais le choix du bon est crucial. Cet article partage mon expérience de la transition de React à Cycle.js. Popu de React
    js tutoriel 287 2025-02-16 10:59:13
  • Créez votre propre outil d'échafaudage de style yeoman avec caporal.js
    Créez votre propre outil d'échafaudage de style yeoman avec caporal.js
    Ce tutoriel montre comment créer un outil d'interface de ligne de commande Node.js (CLI) à l'aide de Caporal.js pour automatiser la création de nouveaux projets JavaScript. Vous en avez assez de la configuration répétitive du projet? Cette solution vous permet de créer un outil d'échafaudage personnalisable à ST
    js tutoriel 884 2025-02-16 10:57:14
  • Construire un jeu multijoueur Tictactoe avec Meteor
    Construire un jeu multijoueur Tictactoe avec Meteor
    Avec ses fonctionnalités complètes et ses capacités de prototypage efficaces, le cadre Meteor est devenu un choix idéal pour créer des jeux de navigateur multijoueur simples. Ce tutoriel vous guidera pour créer un jeu multijoueur tic-toe en utilisant le modèle de modèle frontal par défaut de Meteor. Supposons que vous ayez déjà les bases de Meteor et l'expérience de la programmation JavaScript. Si vous n'avez jamais été exposé à Meteor, il est recommandé de terminer le didacticiel de l'application TODO sur le site officiel de Meteor. Le code complet a été téléchargé dans le référentiel GitHub. Points de base La capacité complète de Meteor et la nature réactive le rendent idéal pour créer des jeux multijoueurs simples comme Tic Toe. Livre
    js tutoriel 1000 2025-02-16 10:50:09
  • Comment suivre les événements JavaScript et Ajax avec Google Analytics
    Comment suivre les événements JavaScript et Ajax avec Google Analytics
    Google Analytics: la maîtrise du suivi des événements JavaScript et Ajax Google Analytics est indispensable pour comprendre le comportement des utilisateurs du site Web. Cet article détaille comment tirer parti de sa puissance pour suivre les événements cruciaux JavaScript et Ajax, offrant une valeur précieuse
    js tutoriel 163 2025-02-16 10:43:08
  • Validation du formulaire instantané à l'aide de JavaScript
    Validation du formulaire instantané à l'aide de JavaScript
    Vérification du formulaire en temps réel: améliorations subtiles pour améliorer l'expérience utilisateur Points de base: JavaScript peut être utilisé pour implémenter la vérification du formulaire en temps réel, qui fournit aux utilisateurs des commentaires instantanés sur la validité des entrées, améliorant ainsi l'expérience utilisateur et maintenant l'intégrité des données, garantissant que seules les données valides sont soumises. Le modèle des attributs HTML5 et requis peuvent être utilisés pour définir la plage d'entrée valide des éléments de formulaire. Si le navigateur ne prend pas en charge ces propriétés, ses valeurs peuvent être utilisées comme base pour les populateurs de compatibilité JavaScript. La propriété Aria-invalid peut être utilisée pour indiquer si le champ n'est pas valide. Cette propriété fournit des informations d'accessibilité et peut être utilisée comme crochet CSS pour indiquer visuellement un champ non valide. Ja
    js tutoriel 871 2025-02-16 10:40:10
  • Kubernetes: une introduction au déploiement d'une application Node.js Docker
    Kubernetes: une introduction au déploiement d'une application Node.js Docker
    Kubernetes: simplification de la gestion des applications conteneurisées Cet article explore Kubernetes, un système open source automatisant le déploiement, la mise à l'échelle et la gestion des applications conteneurisées. Il met en évidence les abstractions clés de Kubernetes, Decoup
    js tutoriel 195 2025-02-16 10:36:11
  • Comment écrire des scripts shell avec javascript
    Comment écrire des scripts shell avec javascript
    Scripting JavaScript: outils puissants au-delà des limites du navigateur Cet article explore la possibilité d'écrire des scripts shell à l'aide de JavaScript et comment utiliser Node.js pour implémenter des fonctionnalités telles que la traversée du système de fichiers et la recherche de texte. Points clés: Les applications JavaScript ne se limitent plus aux navigateurs et peuvent être utilisées efficacement pour les scripts de bureau, y compris les scripts shell. Node.js est une condition nécessaire pour ce processus. JavaScript peut répéter récursivement sur les fichiers dans les répertoires et reconnaître l'occurrence de chaînes spécifiées. Cela peut être fait en utilisant le module de système de fichiers natifs de Node (y compris la méthode ReadDir) et
    js tutoriel 893 2025-02-16 10:33:09
  • Comment démarrer avec restdb.io et créer un CMS simple
    Comment démarrer avec restdb.io et créer un CMS simple
    Restdb.io: une solution sans code pour la gestion de la base de données Cet article, parrainé par RESTDB.IO, explore comment cette base de données NOSQL basée sur le cloud simplifie la gestion des données pour les développeurs. Plongeons comment il rationalise le développement et vous permet de focage
    js tutoriel 569 2025-02-16 10:32:10
  • Votre site sans javascript
    Votre site sans javascript
    Résultats clés: le coût caché de JavaScript dans les performances du site Web Cet article met en évidence les implications de performances souvent négligées de JavaScript, en particulier sur les appareils mobiles avec des connexions réseau peu fiables. Des outils comme le calibre permettent Deve
    js tutoriel 823 2025-02-16 10:31:09
  • Éditorial: Pour comparer ou ne pas comparer?
    Éditorial: Pour comparer ou ne pas comparer?
    Récemment, vous avez peut-être vu des titres de nouvelles sur le plan de Google pour cesser d'utiliser la suite de référence Octane JavaScript. Si vous ne le savez pas ou si vous n'avez pas fini de lire le titre, permettez-moi de le revoir brièvement. Google a lancé Octane pour remplacer l'indice de référence Sunspider standard. Créée par l'équipe Safari d'Apple, Sunspider est l'une des premières références JavaScript. Sunspider a deux problèmes. Premièrement, il est basé sur des microbencharks (pensez à des milliers de tests pour créer de nouveaux tableaux), ce qui ne reflète pas très précisément l'utilisation du monde réel. Deuxièmement, le classement de Sunspider représente un grand nombre de fabricants de navigateurs
    js tutoriel 400 2025-02-16 10:29:10
  • Comment j'ai conçu et construit un clone Trello Javascript Fullstack
    Comment j'ai conçu et construit un clone Trello Javascript Fullstack
    Cet article détaille le voyage d'un développeur en train de construire un clone JavaScript JavaScript complet, mettant en évidence la conception clé et les choix architecturaux. Le projet exploite React, Redux, Express et MongoDB, fournissant un exemple robuste d'applications Web modernes
    js tutoriel 430 2025-02-16 10:22:09
  • Le développement moderne de JavaScript est difficile
    Le développement moderne de JavaScript est difficile
    La complexité du développement moderne du JavaScript est une source de frustration fréquente. Pour les nouveaux arrivants, l'échelle pure de l'écosystème - gestion des packages, libellule, transpilation, regroupement, minification, cartes source, cadres, tests et rechargement chaud
    js tutoriel 837 2025-02-16 10:21:12

Recommandations d'outils

Code de contact du formulaire de message d'entreprise jQuery

Le code de contact du formulaire de message d'entreprise jQuery est un formulaire de message d'entreprise simple et pratique et le code de la page d'introduction contactez-nous.

Effets de lecture de boîte à musique HTML5 MP3

L'effet spécial de lecture de boîte à musique HTML5 MP3 est un lecteur de musique MP3 basé sur HTML5 + CSS3 pour créer de jolies émoticônes de boîte à musique et cliquer sur le bouton de commutation.

Effets spéciaux du menu de navigation d'animation de particules cool HTML5

L'effet de menu de navigation d'animation de particules cool HTML5 est un effet spécial qui change de couleur lorsque le menu de navigation est survolé par la souris.

Code d'édition par glisser-déposer du formulaire visuel jQuery

Le code d'édition par glisser-déposer du formulaire visuel jQuery est un formulaire visuel basé sur jQuery et le framework bootstrap.

Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5

Un modèle Web de fournisseur de fruits et légumes biologiques-Bootstrap5
Modèle d'amorçage
2023-02-03

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
modèle de back-end
2023-02-02

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle d'amorçage
2023-02-02

Modèle Web d'informations de CV simples Bootstrap4

Modèle Web d'informations de CV simples Bootstrap4
Modèle d'amorçage
2023-02-02

Matériau vectoriel d'éléments d'été mignons (EPS+PNG)

Il s'agit d'un joli matériau vectoriel d'éléments d'été, comprenant le soleil, un chapeau de soleil, un cocotier, un bikini, un avion, une pastèque, une crème glacée, une boisson fraîche, une bouée, des tongs, un ananas, une conque, une coquille, une étoile de mer, un crabe. , Citrons, crème solaire, lunettes de soleil, etc., le matériel est fourni aux formats EPS et PNG, y compris des aperçus JPG.
Matériau PNG
2024-05-09

Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)

Il s'agit d'un matériau vectoriel de badge de remise des diplômes rouge 2023, quatre au total, disponible aux formats AI, EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-29

Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)

Il s'agit d'un matériau vectoriel de bannière printanière conçu avec des oiseaux chanteurs et un chariot rempli de fleurs. Il est disponible aux formats AI et EPS, y compris l'aperçu JPG.
image de bannière
2024-02-29

Matériau vectoriel de chapeau de graduation doré (EPS+PNG)

Il s'agit d'un matériau vectoriel de casquette de graduation dorée, disponible aux formats EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-27

Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

Le modèle de site Web d'entreprise de services de nettoyage et d'entretien de décoration d'intérieur est un modèle de site Web à télécharger adapté aux sites Web promotionnels qui proposent des services de décoration, de nettoyage, d'entretien et d'autres organisations de services. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-05-09

Modèle de page de guide de CV personnel aux couleurs fraîches

Le modèle de page de guide de CV de candidature personnelle de correspondance de couleurs fraîches est un téléchargement de modèle Web de page de guide d'affichage de travail de CV de recherche d'emploi personnel adapté au style de correspondance de couleurs fraîches. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-29

Modèle Web de CV de travail créatif de concepteur

Le modèle Web de CV de travail créatif de concepteur est un modèle Web téléchargeable pour l'affichage de CV personnels adapté à divers postes de concepteur. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28

Modèle de site Web d'entreprise de construction d'ingénierie moderne

Le modèle de site Web d'entreprise d'ingénierie et de construction moderne est un modèle de site Web téléchargeable adapté à la promotion du secteur des services d'ingénierie et de construction. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28