Jour f #daysofMiva Défi de codage

Salut les gars. Alors pour le deuxième jour de ce défi, j'ai décidé de quitter GitHub et de me concentrer sur ce que je voulais vraiment apprendre : Javascript.

Qu'est-ce que Javascript

Imaginez que vous êtes un assistant dans le monde du développement Web. Vous disposez de votre fidèle HTML pour construire la structure de votre site Web, comme les os d’une créature magique. Ensuite, vous disposez de CSS pour lui donner du style, comme choisir la robe ou la tenue parfaite. Mais il manque quelque chose. Votre création est immobile, sans vie. C'est là qu'intervient JavaScript (JS) : c'est la baguette magique qui donne vie à votre création ! JavaScript est un langage de programmation principalement utilisé pour créer du contenu interactif et dynamique sur des sites Web. Il permet aux développeurs d'implémenter des fonctionnalités telles que des animations, des validations de formulaires et des mises à jour en temps réel sans avoir besoin de recharger la page. JavaScript peut être utilisé à la fois sur le front-end (ce que les utilisateurs voient et avec lequel ils interagissent) et sur le back-end (opérations côté serveur) des applications Web.

JavaScript est partout. C’est le langage qui fait du Web ce qu’il est aujourd’hui : interactif, amusant et infiniment engageant. Que vous cherchiez à créer un site Web sympa, une application mobile addictive ou même un jeu, apprendre JavaScript, c'est comme apprendre le sort le plus puissant du livre.

Utilisations de Javascript

JavaScript (JS) est un langage de programmation polyvalent largement utilisé dans le développement Web. Voici quelques utilisations clés de JavaScript :

1. Développement Web (Frontend)
Pages Web interactives : JavaScript rend les sites Web interactifs. Des menus déroulants aux curseurs d'images, il alimente les éléments dynamiques que vous voyez sur un site Web.
Validation du formulaire : il vérifie si l'utilisateur a rempli correctement un formulaire avant de le soumettre.
Animations : JavaScript peut créer des animations et des effets, tels que des éléments en fondu ou des objets en mouvement sur l'écran.
2. Développement Web (Backend)
Programmation côté serveur : avec Node.js, JavaScript peut s'exécuter sur le serveur pour traiter les requêtes, gérer les bases de données et diffuser du contenu.
Applications en temps réel : JavaScript est utilisé pour les applications en temps réel telles que les applications de chat, les jeux en ligne et le streaming de données en direct.
3. Développement d'applications mobiles
Applications mobiles multiplateformes : des frameworks tels que React Native et Ionic utilisent JavaScript pour créer des applications mobiles qui fonctionnent à la fois sur iOS et Android.
4. Développement de jeux
Jeux par navigateur : JavaScript, ainsi que HTML5 et Canvas, sont utilisés pour créer des jeux interactifs qui s'exécutent directement dans le navigateur.
5. Automatisation et scripts
Automatisation des tâches : JavaScript peut automatiser les tâches répétitives dans le développement Web, telles que la réduction de fichiers ou le test de code.
Extensions de navigateur : JavaScript alimente de nombreuses extensions de navigateur qui améliorent les fonctionnalités des navigateurs comme Chrome et Firefox.
6. Visualisation des données
Graphiques et graphiques : des bibliothèques telles que D3.js et Chart.js permettent aux développeurs de créer des visualisations de données complexes et des graphiques interactifs.
7. Intelligence artificielle et apprentissage automatique
Modèles d'IA et de ML : JavaScript, avec des bibliothèques comme TensorFlow.js, peut être utilisé pour créer et exécuter des modèles d'IA directement dans le navigateur.
8. Internet des objets (IoT)
Appareils IoT : JavaScript peut être utilisé pour programmer des appareils IoT, permettant ainsi la communication entre les appareils et le Web.
9. Applications Web progressives (PWA)
PWA : JavaScript permet le développement d'applications Web qui fonctionnent hors ligne et ressemblent à des applications mobiles natives.
10. Intégration API
Récupération de données : JavaScript est utilisé pour interagir avec les API, récupérer des données à partir de serveurs et les afficher de manière dynamique sur des pages Web.

Ce ne sont là que quelques-unes des nombreuses utilisations de JavaScript, qui continue d'être un langage clé dans l'industrie technologique en raison de sa flexibilité et de sa large gamme d'applications.

Ce que j'ai fait aujourd'hui en Javascript

Donc en gros, je ne me suis pas lancé de front et j'ai lancé des codes que je ne comprenais pas ?. Je l'ai fait étape par étape. J'ai d'abord appris à coder sur l'outil de développement Chrome et j'aimerais vous montrer comment j'ai fait cela.

COMMENT OUVRIR LES OUTILS DE DÉVELOPPEMENT CHROME
Il existe 3 façons d'ouvrir les outils de développement Chrome :
-Commande+Alt+J sur Mac
Ctrl + Alt+ J sous Windows
-Un clic droit sur la souris puis en choisissant inspecter ouvrira également l'outil de développement sur Chrome. Bien que cela fera apparaître l'onglet élément et nous pourrons ensuite aller à la console où nous allons exécuter quelques codes.
-La dernière étape consiste à aller dans le menu Chrome puis à afficher, cliquez sur développeur. Sous le développeur, cliquez sur la console Javascript et l'onglet de la console apparaîtra.
Celui qui a fonctionné pour moi est le deuxième où j'ai simplement cliqué avec le bouton droit sur ma souris, cliqué sur inspecter, puis accédé à l'onglet de la console.
NB : J'ai utilisé le navigateur invité et non mon navigateur normal.

Je peux augmenter la police en cliquant sur commande plus puis vice versa en cliquant sur commande - sous mac mais sous chrome c'est contrôle + et contrôle -.

Une image où j'ai cliqué sur contrôle +

Une image où j'ai cliqué sur contrôle -

La console nous permet d'écrire et de tester du code Javascript, elle est donc très utile pendant le développement, par exemple pour corriger les erreurs, mais nous ne pouvons pas écrire de vraies applications en utilisant cette console.

alert("Hello World")

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

50+60-10

39+54-24

Ainsi, à partir des images ci-dessus, nous pouvons voir une fenêtre contextuelle et même quelques calculs mathématiques effectués à l'aide de JS.

Les défis auxquels j'ai été confronté

Le seul défi auquel je peux dire que j'ai été confronté était de ne pas savoir pourquoi les codes fonctionnaient de cette façon et avec le temps, je crois que je comprendrai et que j'y serai très bon.

Conclusion

Je suis très heureuse d'avoir fait ce voyage et d'apprendre déjà beaucoup. Personnellement, je sais que je vais bientôt surmonter les défis auxquels j'ai été confronté et avant que vous vous en rendiez compte, je serai un gourou ?. Quoi qu'il en soit, merci beaucoup fam❤️. Anticiper mon article du jour 3 ??.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!