L’avenir de WordPress et Javascript semble prometteur. Cela est dû en grande partie à des projets comme Gutenberg qui ont conduit à lrsquoessor du JavaScript. De nombreux développeurs WordPress existants devront apprendre cette langue pour concevoir des sites Web modernes. Pour ce faire, cependant, aurez besoin d’installer un WordPress avec beaucoup de contenu à utiliser et presque certainement rencontrerez un grand nombre de fichiers qui pourraient ruiner votre apprentissage. Heureusement, il existe de nombreux outils disponibles qui ne nécessitent pas une installation WordPress complète. Ce sont essentiellement des bacs à sable qui permettent de générer des fragments de code sans autres éléments. pensez qursquoils sont un moyen rapide et sale de tester JavaScript dans un navigateur, alors avez raison!
Dans nous allons passer en revue quelques articles précédents sur JavaScript et résumer comment JavaScript et WordPress sont liés. Ensuite, nous apprendrons comment tester le code dans un navigateur et à travers un shell en ligne ou un environnement sandbox. Allons y! Bref historique de WordPress et Javascript bien que nous ne détaillerons pas la passion de wordpress pour JavaScript, il y a quelques points clés que nous pouvons mentionner. Le premier est le développement de calypso, la Bibliothèque de code derrière le tableau de bord WordPress. Format générique de nom de domaine: Entièrement créé en javascript, il peut être considéré comme un cas de test dans WordPress auto hébergé. Il est également très basé sur l’api rest de WordPress, un autre développement entrelacé avec l’utilisation de JavaScript.
Ensuite, l’état du mot 2015 est un moment crucial dans la relation wordpress JavaScript. Matt Mullenweg est ici pour dire à l’ensemble de la communauté de développement WordPress « d’approfondir javascript». Depuis, crsquoest un sujet brûlant. Bien que la couverture ait augmenté et diminué, elle nrsquoa jamais été allouée.
La plupart des développeurs pensent trop. Comme JavaScript est un sujet brûlant pour de nombreux utilisateurs de WordPress, nous l’avons beaucoup introduit au cours des deux dernières années. En fait, nous avons préparé un guide de ressources complet en janvier 2016, suivi drsquoun article sur drsquoautres ressources de recherche, donc nous avons discuté des différents cadres JavaScript que devriez considérer. Considérez cet article comme un complément utile à tout ce qui est publié sur le blog Torque!
3 façons drsquoapprendre et de tester JavaScript (sans installation locale) les méthodes suivantes montrent comment commencer à tester JavaScript lui même sans soucier des dépendances, des cadres et de lrsquoinstallation. Gardez à lrsquoesprit que Javascript, comme PHP, est un langage de script, donc il doit être utilisé avec drsquoautres langues comme HTML et CSS. Écrivez le fragment de code au débogueur JavaScript de votre navigateur. Tout drsquoabord, pouvez avoir tout ce dont avez besoin dans votre navigateur actuel. Cependant, chaque navigateur nomme sa solution différemment. Par exemple, Firefox utilise scratchpad, tandis que Google Chrome utilise la console. En général, trouverez des fonctionnalités dans votre navigateur sous Outils de développement, et parfois devrez les activer avant de les utiliser.
Nous aimons cette approche parce qursquoelle nécessite un démarrage minimal. Tout comme éditez HTML et CSS ailleurs, pouvez écrire et tester des clips pour voir ces changements immédiatement sans causer de dommages au site Web concerné. Safari et Google Chrome utilisent la console drsquoerreur que avez peut être déjà rencontrée: Cependant, lrsquoutiliser nrsquoest pas toujours intuitif, principalement parce que ne pouvez exécuter qursquoune seule ligne de scripts: Après tout, la console nrsquoest pas une plate forme coulissante virtuelle, crsquoest un débogueur. Au contraire.
Firefox contient ses propres lignes de brouillon comme si travailliez dans un éditeur de texte dédié:
Ici, tapez simplement le code dans lrsquoespace ouvert, lancez le fichier et visualisez les changements en temps réel. Plus important encore, nrsquoafficherez pas ces changements sur les sites en direct, ce qui signifie que pouvez les corriger lorsque êtes libre! 2. Pour beaucoup de gens, notre prochaine option sera plus appropriée avec un shell en ligne que drsquoutiliser une fenêtre de console de navigateur, bien que le concept soit tout aussi facile à comprendre. En bref, le shell en ligne sert drsquointerface entre et le langage de programmation particulier dont il est question. Vous travaillez habituellement dans un navigateur, mais pouvez taper le Code directement dans un éditeur de texte et lrsquoexécuter presque comme si crsquoétait local.
Lrsquoavantage ici se manifestera bientôt. Au lieu de travailler dans un cadre de débogage explicite (c. à d. La console de débogage), il srsquoagit drsquoun cadre drsquoencodage JavaScript complet qui est défini pour la langue. Bien sûr, nrsquoobtiendrez pas toutes les fonctionnalités configurées localement, mais ce nrsquoest pas le but de cet exercice. Crsquoest parfait comme moyen drsquoapprendre le javascript sans effort ni trop de configuration. Pour commencer à apprendre, il suffit de faire de bonnes recherches anciennes, principalement basées sur la mise en œuvre de la langue que souhaitez apprendre. Sans beaucoup de détails, es6 est la dernière version de Javascript, donc il est logique de commencer ici. Cependant, de nombreuses ressources sont encore basées sur leurs prédécesseurs, de sorte qursquoil peut être difficile de trouver un shell qui fonctionne avec es6.
Vous avez trois options. Le site Web de Mike Lambert comprend des shells es5 et es6 que Babel encapsule dans une interface attrayante avec une barre latérale drsquooptions. Cependant, pour nous, la console es6 est le shell JavaScript en ligne que nous avons choisi: Ce nrsquoest peut être pas aussi bon que Babel, mais crsquoest
rsquooptions pour transférer le Code que utilisez à votre éditeur de texte préféré. Plus précisément, cela permet de sauvegarder votre code pour une utilisation future, ce qui est particulièrement utile lorsque la capacité JavaScript augmente. Comme la console es6 fonctionne avec es6, pouvez également assurer que ne compilez que les normes les plus récentes.
3. La dernière façon drsquoapprendre le javascript en utilisant jsfile en collaboration avec drsquoautres est de ne pas lrsquoinstaller localement. Crsquoest un excellent outil qui a commencé comme validation de concept. Près drsquoune décennie plus tard, il est devenu un outil de programmation de référence pour des géants comme Facebook et Google. Jsfile est essentiellement un shell, mais permet drsquoencoder la solution complète en HTML, css et Javascript: Comme le shell dont nous avons discuté dans la section précédente, pouvez également enregistrer le Code pour une utilisation ailleurs, donc ne limitez pas à travailler dans le
Cependant, la caractéristique unique de jsfiddle est son outil de collaboration. En activant cette option, pouvez envoyer des liens à drsquoautres personnes et leur demander de rejoindre une session de codage de groupe en utilisant le même Violon: C’est fantastique pour de nombreux développeurs JavaScript aspirants, en particulier ceux du monde WordPress. Comme nous pouvons le voir, crsquoest le Centre du Groupe drsquoétude où tous les élèves contribuent au violon. Une autre façon est drsquoécrire vos propres fragments de code, donc appelez un mentor plus expérimenté pour voir le Code avec . Le ciel est la limite quand il srsquoagit de la possibilité de cet outil pratique!
Conclusion apprendre à utiliser JavaScript devrait être une préoccupation urgente pour chaque développeur WordPress
3 façons d&rsquoapprendre et de tester JavaScript (sans installation locale)
