Qu'est-ce que le langage frontal?

Le frontend est la section du site Web avec laquelle vous pouvez immédiatement voir et communiquer pour obtenir les capacités du backend du système, ce qui signifie que l'utilisateur peut tout voir et tout expérimenter. Au fil des ans, le rôle d'un concepteur Web a radicalement changé, mais ses fonctions principales restent les mêmes. Le frontend traite tous les sifflements et cloches que vous voyez sur le site Web, y compris les photos colorées, les menus de navigation, les boutons flashy, etc. Un frontend est également appelé «côté client» car cette action se déroule du côté client qui est l'utilisateur. dans ce cas. Le code n'est pas géré par un développeur Web. En réalité, il couvre tous les aspects de la refonte et de la création de sites Web, visuellement attrayants et conviviaux. Le rôle d'un développeur frontal est pour l'utilisateur de créer un environnement avec une combinaison de divers outils, tels que JavaScript, langage de balisage HyperText et CSS.
Nous allons maintenant aller de l'avant avec le langage frontal

Différents types de langage frontal

Les différents types de langage frontal sont les suivants:

1. Langage HTML

Hypertext Markup Language que nous appelions normalement HTML. HTML est utilisé pour créer des enregistrements numériques sur le World Wide Web. Un certain nombre de liens vers d'autres sites Web sont fournis sur chaque page. Chaque page Web que vous consultez sur Internet est publiée dans l'une ou l'autre variante HTML. Le code HTML garantit que les images et le texte sont correctement formatés afin que votre navigateur Internet puisse les afficher à rechercher. Sans HTML, un navigateur ne serait pas en mesure d'afficher du texte en tant qu'éléments ou de charger des images. HTML fournit également une structure de page de base, où les feuilles de style en cascade sont superposées pour modifier leur apparence. Un site Web est un document qui est généralement écrit en HTML et traduit via un navigateur Web. En entrant une URL, vous pouvez identifier une page Web. Le type de page Web statique ou dynamique peut être. Nous pouvons générer des pages Web statiques en utilisant HTML. Nous verrons les attributs en HTML tels que les documents, les balises, les boutons, les listes, etc.

Tous les documents HTML doivent commencer par une déclaration de type de document:

Le document HTML commence et se termine par. La partie que nous voulons afficher sur le site Web est déclarée dans le document HTML entre et. En HTML, les titres sont définis à l'aide du

à

Mots clés. Où

représente la plus grande rubrique et

représente la plus petite rubrique.

C'est en route avec h1


C'est en route avec h2


C'est en route avec h6

Les liens HTML sont définis avec la balise

Exemple

Ceci est un lien vers le site educba
En HTML, les images sont définies avec le étiquette.

Les attributs pour l'édition d'images sont les suivants

  • Le fichier source (src)
  • texte alternatif (alt)
  • largeur
  • la taille

Exemple

Vous pouvez voir ce petit exemple de l'apparence du code Html

Exemple

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

Première page HTML

2. Langage Java Script

JavaScript est un langage de programmation. Il est léger et le plus souvent utilisé dans le cadre de pages Internet, dont les implémentations permettent aux scripts côté client de communiquer avec et de créer des sites Web dynamiques. JavaScript a d'abord été nommé LiveScript, mais c'est probablement en raison de l'enthousiasme créé par Java, que Netscape change son nom en JavaScript. JavaScript est apparu pour la première fois en 1995 avec le nom LiveScript dans Netscape 2.0. Le protocole de transport HyperText, ou HTTP, est conçu pour transmettre du texte HTML via un réseau pour affichage, exactement comme il est appelé. Cependant, il est complètement statique avec HTML et ne permet pas d'implémenter la logique. Si l'ordinateur exécute JavaScript, le navigateur est séparé. Le bac à sable JavaScript est utilisé comme mesure de sécurité supplémentaire par des navigateurs comme Chrome et Edge. JavaScript n'est pas en mesure d'écrire ou de lire à partir d'un disque dur ou d'autres périphériques de stockage connectés à un ordinateur.

Vous pouvez voir ce petit exemple de l'apparence du code JavaScript.

Exemple



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA peut rendre votre avenir brillant.

Cliquez moi!

3. Langage C ++

C ++ est l'un des meilleurs langages de programmation frontaux. C ++ est développé par Bjarne Stroustrup. Ce langage est également connu pour l'extension de C c'est-à-dire la prochaine version du langage C ++. C ++ utilisé à de nombreuses fins comme le développement de jeux, le développement d'applications, le système d'exploitation, l'animation, etc. Ce langage est facile à apprendre. Cette fonctionnalité de C ++ le rend populaire sur le marché. C ++ est le langage de base pour tous les langages. Le langage C ++ possède un riche ensemble de bibliothèques.

Exemple

Program to display “Hello World”
#include
Using namespace std;
Int main()
(
Cout<<”Hello, World!”;
Return 0;
)

Exemple pour imprimer un motif d'étoile en forme de diamant

#include
using namespace std;
int main()
(
int n, s, i, j;
cout << "Enter number of rows: ";
cin >> n;
for(i = 0; i <= n; i++)
(
for(s = n; s > i; s--)
cout << " ";
for(j=0; j cout << "* ";
cout << "\n";
)
for(i = 1; i < n; i++)
(
for(s = 0; s < i; s++)
cout << " ";
for(j = n; j > i; j--)
cout << "* ";
// ending line after each row
cout << "\n";
)
return 0;
) #include
using namespace std;
int main()
(
int n, s, i, j;
cout << "Enter number of rows: ";
cin >> n;
for(i = 0; i <= n; i++)
(
for(s = n; s > i; s--)
cout << " ";
for(j=0; j cout << "* ";
cout << "\n";
)
for(i = 1; i < n; i++)
(
for(s = 0; s < i; s++)
cout << " ";
for(j = n; j > i; j--)
cout << "* ";
// ending line after each row
cout << "\n";
)
return 0;
)

4. Langage CSS

CSS signifie les feuilles de style en cascade. Vous pouvez contrôler la couleur, la taille des colonnes et les conceptions de couleurs, l'espacement des paragraphes, le style de police, les images ou les couleurs d'arrière-plan, les conceptions de mise en page et afficher les variations de différents appareils, tailles d'écran ou autres effets à l'aide de CSS. CSS est simple à connaître et à comprendre, mais il contrôle la présentation des documents HTML. CSS est généralement associé à des langages de balisage HTML ou XHTML. Vous n'avez pas besoin des caractéristiques des balises HTML pour écrire à chaque fois si vous utilisez CSS. Écrivez simplement une règle de balise CSS et utilisez-la pour tous les événements de la balise. Grâce à moins de code, les temps de téléchargement sont plus rapides. Pour plusieurs types d'appareils, les feuilles de style permettent d'optimiser le contenu. Différentes versions de sites Web pour les appareils portables, tels que les PDA, les téléphones portables ou pour l'impression, peuvent être présentées avec le même document HTML.

Vous pouvez voir ce petit exemple de l'apparence du code CSS

Exemple



.center (
text-align: center;
color: red;
)

EDUCBA



.center (
text-align: center;
color: red;
)

EDUCBA



.center (
text-align: center;
color: red;
)

EDUCBA

Bonjour êtes-vous là?

Vous pouvez mettre vos règles CSS dans un document HTML en utilisant l'élément. Cette balise est placée à l'intérieur des balises…. Les règles définies à l'aide de cette syntaxe seront appliquées à tous les éléments disponibles dans le document.

La syntaxe est la suivante




body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)

Educba




body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)

Educba




body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)

Educba

Bienvenue à EDUCBA

Conclusion

Dans cet article, nous avons vu différents types de langages frontaux ainsi que leur syntaxe et des exemples. Ce qui vous aidera à mieux comprendre et sera beaucoup plus pratique pour parcourir ces sujets.

Articles recommandés

Il s'agit d'un guide des langues frontales. Ici, nous avons discuté de ce que sont les langues frontales? différents types de langages frontaux avec un exemple de code. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus -

  1. Questions d'entretiens pour le poste de Front end Developer
  2. Qu'est-ce que CSS?
  3. Cheatsheet ultime pour le langage de programmation C ++
  4. Qu'est-ce que le HTML

Catégorie:

Outils de développement Web