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

  • Utilisez des colis pour regrouper une application HyperApp et déploie sur les pages GitHub
    Utilisez des colis pour regrouper une application HyperApp et déploie sur les pages GitHub
    Ce didacticiel montre la création d'une application HyperApp localement, la regroupant avec des colis et le déploie sur les pages GitHub. Nous créerons une application de liste de tâches, en tirant parti des scripts ES6, JSX, SCSS et NPM pour un flux de travail efficace. Concepts clés:
    js tutoriel 881 2025-02-15 09:48:12
  • Construisez une application native React et authentifiez avec OAuth 2.0
    Construisez une application native React et authentifiez avec OAuth 2.0
    Intégrez facilement les capacités d'authentification des applications natives React avec Okta et OpenID Connect (OIDC) sans les construire vous-même. OIDC vous permet d'authentifier directement l'API OKTA, et cet article montrera comment implémenter cette fonctionnalité dans une application Native React. Nous apprendrons comment rediriger les utilisateurs de connexion via OIDC à l'aide de la bibliothèque Appauth. React Native est un cadre efficace. Contrairement à Ionic et à d'autres cadres mobiles hybrides, il vous permet de créer des applications mobiles natives à l'aide de technologies Web (React et JavaScript). Il n'implique pas de navigateur ou de vue sur le Web, il utilise donc React
    js tutoriel 965 2025-02-15 09:47:11
  • Visualisation des données interactives avec JavaScript moderne et D3
    Visualisation des données interactives avec JavaScript moderne et D3
    Dans cet article, je veux vous guider à travers un exemple de projet que j'ai construit récemment - un type de visualisation totalement original utilisant la bibliothèque D3, qui montre comment chacun de ces composants s'additionne pour faire de D3 une excellente bibliothèque à apprendre. D3 se tient
    js tutoriel 768 2025-02-15 09:41:12
  • Authentification du passeport pour les applications Node.js
    Authentification du passeport pour les applications Node.js
    Ce tutoriel démontre l'authentification Facebook et GitHub dans une application Web Node.js à l'aide de Passport.js, un middleware d'authentification populaire. Passport simplifie l'intégration OAuth et OpenID Connect. Concepts clés: Passport.js: a node.js middl
    js tutoriel 400 2025-02-15 09:39:12
  • Créez des tableaux de bord personnalisés avec des fonctions MongoDB, Azure et sans serveur
    Créez des tableaux de bord personnalisés avec des fonctions MongoDB, Azure et sans serveur
    Cet article détaille la construction d'un tableau de bord WordPress personnalisé à l'aide de React.js, Node.js, MongoDB Atlas et plusieurs services Microsoft Azure, en se concentrant sur les fonctions Azure sans serveur. L'auteur a choisi cette pile pour son évolutivité, sa rentabilité et sa rentabilité et
    js tutoriel 161 2025-02-15 09:38:12
  • Construire un client Twitter avec Nodejs et Angular
    Construire un client Twitter avec Nodejs et Angular
    Ce tutoriel montre la construction d'un client Twitter de base à l'aide de Node.js pour le backend et angulaire pour le frontend, en se concentrant sur l'affichage de votre calendrier de la maison. Alors que certains nœuds antérieurs et les connaissances angulaires sont supposées, le guide fournit une structu
    js tutoriel 298 2025-02-15 09:37:11
  • Introduction à Fusebox
    Introduction à Fusebox
    Fusebox: une alternative rapide et simple à WebPack WebPack règne en maître en tant que bundler de module JavaScript JavaScript, mais sa complexité dissuade souvent les nouveaux arrivants. Cet article défend Fusebox, une alternative plus rapide et plus intuitive conçue pour Streamlin
    js tutoriel 270 2025-02-15 09:33:12
  • Connexion angulaire et API WordPress avec WP-API-AGULAR
    Connexion angulaire et API WordPress avec WP-API-AGULAR
    Ce didacticiel démontre l'utilisation de la bibliothèque WP-API-Angular pour connecter les applications Angular 2 avec l'API WordPress REST. La bibliothèque prend en charge les principales ressources WP (utilisateurs, publications, commentaires, médias, taxonomies). Nous allons construire des fonctionnalités présentant sa facilité
    js tutoriel 469 2025-02-15 09:29:11
  • ES6 en action: symboles et leurs utilisations
    ES6 en action: symboles et leurs utilisations
    ES2015 introduit certaines fonctionnalités linguistiques que les développeurs attendent depuis longtemps, mais aussi des fonctionnalités peu connues qui ont peu à connaître, comme le symbole. Le symbole est un nouveau type de données primitif, une balise unique qui est garantie de ne pas entrer en conflit avec d'autres symboles. En ce sens, vous pouvez considérer le symbole comme une sorte d'uuid (un identifiant unique universel). Voyons comment fonctionne le symbole et ce que nous pouvons en faire. Points importants ES6 introduit un nouveau symbole de type de données primitif, qui est une balise unique qui ne confronte jamais à d'autres symboles, ce qui en fait une chaîne ou un entier en tant que constante de classe / module
    js tutoriel 331 2025-02-15 09:27:13
  • Comment ajouter l'authentique à votre PWA avec Okta et pochoir
    Comment ajouter l'authentique à votre PWA avec Okta et pochoir
    Les applications Web progressives (PWA) révolutionnent le développement Web, offrant une solution aux défis de maintenir des mises à jour cohérentes à travers diverses équipes de développement et le dilemme du choix entre le développement d'applications Web et mobile. PWAS Provid
    js tutoriel 473 2025-02-15 09:18:12
  • Conseils d'optimisation des performances JavaScript: un aperçu
    Conseils d'optimisation des performances JavaScript: un aperçu
    Cet article explore de nombreux aspects de la façon d'optimiser les performances JavaScript dans l'écosystème JavaScript en constante évolution. Nous suivrons le principe des "outils, et non des règles" et essaierons d'éviter d'utiliser trop de jargon JavaScript. En raison de l'espace limité, tous les aspects de l'optimisation des performances JavaScript ne peuvent pas être couverts, assurez-vous de lire le lien de référence et de s'y plonger vous-même. Avant de plonger dans les détails, comprenons d'abord cette question dans une perspective plus macro: qu'est-ce que JavaScript haute performance et comment s'intègre-t-il dans une métrique de performances Web plus large? Points clés JavaScript consomme beaucoup de performances et doit être utilisé avec prudence. Assurez-vous de le régler au bas de gamme
    js tutoriel 530 2025-02-15 09:17:11
  • 7 conseils de performances pour les animations JavaScript sans Jank
    7 conseils de performances pour les animations JavaScript sans Jank
    Points clés Pour de meilleures performances d'animation, évitez l'animation des propriétés CSS qui déclenchent des opérations de publication ou de dessin, utilisez des propriétés qui ont été optimisées par les navigateurs modernes, tels que la transformation et l'opacité. Les éléments à animer peuvent être promus sur leurs propres couches à l'aide de la propriété CSS qui change, mais cela devrait être fait avec prudence, car il nécessite de la mémoire et de la gestion. Remplacez SetTimeout / SetInterval par DequestanimationFrame pour réduire le risque de décalage et assurer des animations plus lisses, car cette méthode exécute le code d'animation au meilleur moment pour le navigateur. Pour HTML
    js tutoriel 597 2025-02-15 09:13:12
  • Authentification avec Angular et Auth0
    Authentification avec Angular et Auth0
    Ce didacticiel montre la création d'une application angulaire («offres quotidiennes») mettant en vedette des offres publiques et privées, avec des offres privées accessibles uniquement aux utilisateurs authentifiés via l'authentification basée sur les jetons avec Auth0. La CLI angulaire rationalise
    js tutoriel 224 2025-02-15 09:10:11
  • Comment utiliser les requêtes multimédias en javascript avec MatchMedia
    Comment utiliser les requêtes multimédias en javascript avec MatchMedia
    Points de base Les requêtes multimédias utilisées à l'origine pour la conception réactive dans CSS peuvent également être utilisées en JavaScript pour ajuster le contenu ou les fonctionnalités en fonction des caractéristiques de l'appareil telles que la taille de l'écran, la résolution et l'orientation. L'API Window.matchMedia dans JavaScript permet la détection des modifications d'état de la requête multimédia CSS3. Il renvoie un objet MediaQueryList qui peut être utilisé pour déterminer si une requête multimédia spécifique correspond au périphérique actuel et peut ajouter un écouteur d'événements en réponse aux modifications. Les requêtes de médias JavaScript sont largement prises en charge dans les navigateurs modernes et fournissent un moyen fiable de créer des conceptions réactives. Ils peuvent être combinés avec des requêtes médiatiques CSS pour
    js tutoriel 831 2025-02-15 09:08:11
  • Créez une application de suivi de la santé avec React, GraphQL et l'authentification des utilisateurs
    Créez une application de suivi de la santé avec React, GraphQL et l'authentification des utilisateurs
    Créez une application de réact sécurisée: combinant GraphQL, TypeOrt, Node.js et Okta Cet article vous guidera comment créer une API GraphQL sécurisée à l'aide du Framework, TypeORM, MySQL et Node.js, et créent un client qui interagit avec lui en utilisant React, ReacTSTrap et le client Apollo. Nous nous concentrerons sur l'authentification sécurisée des utilisateurs et simplifierons la gestion de l'identité avec OKTA. Cet article a été initialement publié sur le blog Okta Developer. Merci aux partenaires qui soutiennent SitePoint comme possible. Nous créerons une application de suivi de la santé pour enregistrer la santé quotidienne
    js tutoriel 385 2025-02-15 09:07:11

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