Des expériences amusantes pour améliorer votre apprentissage de JavaScript

Il n'y a pas de fin à l'apprentissage, en particulier dans le développement Web. Notre secteur se met à jour et s'améliore constamment, et nous devrions malheureusement l'être. Malheureusement, la persévérance peut être épuisante, mais ce n'est pas obligatoire ! Dans cet article, je vais vous montrer comment transformer de petites expériences en un moyen amusant et efficace d'apprendre quelque chose de nouveau et de vous assurer que vous vous amuserez en apprenant et en restant à jour.

Continuez à expérimenter en vous amusant

Faites-vous des projets parallèles ? Si c’est le cas, je suis sûr que vous avez travaillé sur un projet qui a commencé comme très amusant, mais qui s’est rapidement transformé en gâchis. Rester coincé n'est pas amusant et peut nuire grandement aux projets des deux parties et à votre travail. La raison principale est souvent la dérive ou le stress, et vous devriez vous détendre pendant votre temps libre. En appliquant quelques règles, nous pouvons être sûrs de ne pas rencontrer de mauvaises surprises :

1. Préparez votre travail . Assurez-vous de connaître l'ampleur de votre expérience et ce qu'elle comprend. Si c'est trop, divisez-le en morceaux gérables, chaque morceau ayant un début et une fin, ou terminez-le.

2.Tâches planifiées. Ne veillez pas tard tous les soirs. Prévoyez simplement une heure ou deux, une ou deux fois par semaine.

3.Aucun délai. Tout le monde, vous y compris, a besoin de se détendre. C’est bien de se fixer des objectifs et c’est bien de ne pas les atteindre.

4. Accordez-vous du temps amusant Même si vous ne devriez pas tergiverser, la vie ne se résume pas à cocher des cases sur votre liste de choses à faire. Prenez le temps de savourer les fruits de votre travail.

Ce n’est pas parce que vous faites de petites expériences qu’elles ne peuvent pas faire partie d’un projet plus vaste. Prenons l'exemple d'un projet de visualisation de données. Sa réalisation prendra un certain temps, mais elle peut être facilement divisée en petites tâches :

● Mettre en place un workflow de construction

● Obtenir des données intéressantes ( voici une liste d'API pour vous inspirer)

● Récupérez et traitez des données avec Node.js, en profitant des fonctionnalités d'ES2015

● Comparez et choisissez une technologie (canvas, WebGL , DOM/ SVG) ou bibliothèques (d3.js, p5.js, THREE.js) Visualisez les données

● Visualisez les données avec l'outil de votre choix

J'utilise les modèles Trello pour suivre toutes mes expériences. Là, je les liste et les planifie, en ajoutant des informations pertinentes jusqu'au début de l'expérience. Pour les projets plus importants, j'ai tendance à créer de nouveaux modèles et à ajouter des cartes pour chaque tâche. D’autres outils alternatifs peuvent également répondre aux besoins. Documenter les choses élimine les distractions.

Révision des expériences

En plus d'apprendre en faisant réellement de nouvelles choses, les expériences sont aussi une excellente opportunité de vous améliorer. Revoyez votre expérience et posez-vous les questions suivantes :

1. Les problèmes lors de l'exécution auraient-ils pu être évités grâce à une meilleure préparation ? Si oui, comment le faire ?

2. le travail effectué et que puis-je faire pour l'améliorer ?

3. Puis-je préparer mes expériences plus efficacement ?

Réviser et améliorer ce que nous avons fait nous permet d'acquérir de l'expérience – ce qui est aussi très précieux pour notre industrie. De nombreuses critiques expérimentales constituent un bon article de blog.

Environnement d'exécution

Vous savez probablement déjà que JavaScript fonctionne dans le navigateur, mais saviez-vous que vous pouvez également exécuter des programmes JavaScript en dehors du navigateur? ?

● Node.js est de loin le JavaScript le plus populaire qui ne nécessite pas de navigateur pour s'exécuter. Avec lui, vous pouvez écrire des scripts, des interfaces de ligne de commande, des applications de bureau ou d'autres choses. Il fonctionne sous Windows, OS X et Linux.

●Electron vous permet de créer des applications de bureau multiplateformes en utilisant du HTML, CSS et JavaScript à l'ancienne.

QuantityCordova vous permet de créer des logiciels mobiles en utilisant HTML, CSS et JavaScript.

●React Native vous permet de créer des logiciels mobiles à l'aide du framework React.

API du navigateur

Ces dernières années, de nombreuses nouvelles API ont été introduites dans les navigateurs qui vous permettent de faire toutes sortes de choses intéressantes des choses.

● L'API Service Worker est une API plus grande qui nous permet de faire diverses choses, comme fournir une assistance hors ligne.

QuantityWebRTC est une API qui nous permet de créer une connexion en temps réel avec un autre ordinateur

Certaines API nous permettent d'utiliser les connexions d'appareils pour faire des choses comme lire les données du capteur ou créer l'appareil fait quelque chose (comme vibrer).

● Le capteur de lumière ambiante fournit des informations sur la luminosité ambiante que nous pouvons utiliser pour ajuster la luminosité des sites Web ou des applications.

●La fonction de l'état de la batterie est claire en un coup d'œil. Nous pouvons demander l'état de la batterie. Les programmes qui consomment beaucoup d’énergie peuvent l’utiliser pour activer le mode d’économie d’énergie.

●La géolocalisation nous fournit des informations sur la localisation de l'utilisateur.

● Nous pouvons utiliser les informations du réseau pour fournir aux clients des fichiers plus petits.

QuantityLes notifications sont très utiles pour de nombreuses applications, telles que les applications de chat.

● Créez-vous un jeu qui utilise la saisie de la souris, l'utilisation de Pointer Lock est ce dont vous avez besoin.

● La proximité vous permet de comprendre à quel point l'utilisateur et l'appareil sont connectés. Peut-être que cela pourrait être utilisé pour détecter les « câlins » ?

● L'orientation de l'appareil nous permet de détecter lorsqu'un changement d'orientation se produit.

●Vibration nous permet de faire vibrer l'appareil, ce qui est génial dans les jeux.

Bibliothèques et frameworks

La plupart des bibliothèques sont conçues pour faciliter le travail, il ne nécessite pas beaucoup d’expérience pour l’utiliser. De nombreuses bibliothèques et frameworks populaires (tels que Angular et Reacti) sont même considérés comme des systèmes de connaissances essentiels pour les carrières. Un ou deux types de réserves peuvent mieux vous aider à vous exprimer lors des entretiens.

Après avoir compris que les bibliothèques et les frameworks peuvent continuer à évoluer pendant si longtemps. Bien qu'ils soient utiles, vous devez comprendre les problèmes que les frameworks et les bibliothèques résolvent et être capable de les résoudre sans l'aide de ces bibliothèques et frameworks.

Structure du framework

●Angular est un framework MVC qui est encore utilisé par de nombreuses équipes.

●React est une bibliothèque de rendu de vues.

●Polymer est une bibliothèque permettant de créer des composants Web.

●Lodash.js, Underscore.js et Ramda.js sont toutes des bibliothèques de programmation fonctionnelle. Certaines équipes aiment les utiliser, mais beaucoup ne le font pas. Quoi qu'il en soit, comprendre la programmation fonctionnelle est une bonne compétence de développement et vous devriez consulter ces frameworks.

Monde réel

Personnellement, quand je découvre que je peux faire quelque chose dans le monde réel en écrivant des logiciels, j'aime vraiment ça. Très excité. Considérez l'un des éléments suivants :

●Le Raspberry Pi est un ordinateur monocarte de la taille d'une carte de crédit, parfait pour l'enseignement ou l'apprentissage.

●Arduino est similaire au Raspberry Pi, mais se concentre davantage sur le côté électronique des choses.

●LEGO® MINDSTORMS® est un mini-ordinateur qui peut contrôler le matériel LEGO. Pourquoi ne pas le choisir ?

● Johhny-Five Johhny-Five est un framework JavaScript pour la robotique et l'IoT qui peut être installé sur un Arduino ou un appareil similaire.

Tous les mini-ordinateurs ci-dessus sont programmables et peuvent être développés via JavaScript.

Conclusion

Les petites expériences sont un excellent moyen d'apprendre de nouvelles choses par la pratique . Un autre avantage est que de petites expériences peuvent vous aider à améliorer votre façon de travailler et ce qui a le plus de valeur dans votre secteur. En appliquant quelques règles, nous pouvons continuer à expérimenter en nous amusant et nous motiver à apprendre davantage et à devenir meilleurs.

Pour ceux d'entre vous qui sont bloqués, j'espère que cet article vous a donné la motivation pour commencer une nouvelle expérience amusante. Pour ceux d’entre vous qui ne savent pas quoi aborder ensuite, j’espère que cet article vous a inspiré. Si un terme de l’article vous intéresse, vous pouvez rechercher son contenu plus détaillé et découvrir un monde plus vaste.