Apprenez à coder en HTML5: Partie 1 (installation des outils et écriture du premier code HTML



Salut et bienvenue sur la première partie du cours sur le language HTML. Après une Introduction que je vous invite à lire si vous ne l'avez pas encore fait, nous allons passé aux vrai choses.

Pour programmer dans n'importe quel language de programmation, ont a toujours besoin d'un espace où écrire notre code (éditeur) et de quelque chose qui va comprendre notre code et le traduire en language que l'homme comprend (compilateur). Les développeurs ont déjà tout fais, et ont intégré ces deux éléments dans ce qu'on appelle environnement de développement intégré en anglais (IDE).
Vous comprenez donc qu'on aura besoin d'un IDE pour travailler.


INSTALLATION DES OUTILS

Il existe toute une panoplie d'IDE HTML sur PC et sur Android. Pour ce cours je préfère utilisé un IDE sur Android pour que tout le monde soit au même niveau.

Parmis les centaines d'IDE sur le playstore, je vous conseil Webcode, tout simplement à cause de sa complexité. C'est à dire tout les outils dont on aura besoin sont déjà disponible et gratuitement. Webcode peut nous aider à travailler en HTML5, CSS et JAVASCRIPT qui sont tous dans languages web que nous aurons à apprendre dans la suite.

Cliquez sur ce lien pour télécharger👉  WEBCODE

Après installation, ouvrez l'application et suivez les étapes comme dans les images ci-dessous

ETAPE1: Ouvrez l'application et cliquez sur autorisé.

ETAPE 2: Nous allons créer un nouveau projet de page web. Ouvrez donc le menu et cliquez sur New.


ETAPE 3: Cliquez sur web page



ETAPE 4: Nommer votre page web et cliquez sur Save


ETAPE 5: Votre page est prêtre mais n'affiche que le beau ''hello word'' qui vous souhaite la bienvenue dans le nouveau monde des programmeurs. Il est tant de commencer par écrire notre code. Cliquez sur le crayon pour accéder à l'éditeur de code.



ETAPE 6:  Voici notre éditeur de code. N'ayez pas peur nous allons expliquer point par point tout ce que vous voyez.




ETAPE 6: Pour le moment, remplacer le texte encadré en vert par ce que vous voulez et appuyez sur le bouton encadré en rouge pour voir le résultats.



Amusez-vous bien avec cela en attendant que je ne vous embrouille dans la suite.😁

Bon c'était pour plaisanter. J'attends vos questions en commentaire. 

À plus pour la partie 2.










Enregistrer un commentaire

2 Commentaires