Wat is Front End-taal?

De frontend is het gedeelte van de website dat u onmiddellijk kunt zien en waarmee u kunt communiceren om backendcapaciteiten van het systeem te verkrijgen, wat betekent dat de gebruiker alles kan zien en ervaren. In de loop der jaren is de rol van een webdesigner drastisch veranderd, maar de kernfuncties blijven hetzelfde. Frontend houdt zich bezig met alle fluitjes en bellen die u op de website ziet, inclusief de kleurrijke foto's, navigatiemenu's, flitsende knoppen, enz. Een frontend wordt ook "client-side" genoemd omdat deze actie plaatsvindt aan de klantkant, namelijk de gebruiker in dit geval. De code wordt niet door een webontwikkelaar verwerkt. In werkelijkheid omvat het alle aspecten van het opnieuw ontwerpen en bouwen van websites, die visueel aantrekkelijk en gebruiksvriendelijk zijn. De rol van een front-end ontwikkelaar is dat de gebruiker een omgeving creëert met een combinatie van verschillende tools, waaronder JavaScript, HyperText-opmaaktaal en CSS.
Nu gaan we verder met front-end taal

Verschillende soorten Front End-taal

Dit zijn de verschillende soorten front-end-talen die als volgt zijn:

1. HTML-taal

Hypertext Markup Language die we gewoonlijk HTML noemen. HTML wordt gebruikt voor het maken van digitale records op het World Wide Web. Op elke pagina vindt u een aantal links naar andere websites. Elke webpagina die u op internet bekijkt, wordt gepubliceerd in een of andere HTML-variant. HTML-code zorgt ervoor dat de afbeeldingen en tekst correct zijn opgemaakt, zodat uw internetbrowser ze kan weergeven om naar te zoeken. Zonder HTML zou een browser tekst niet kunnen weergeven als items of afbeeldingen laden. HTML biedt ook een basispaginastructuur, waarbij trapsgewijze stijlbladen op elkaar worden geplaatst om hun uiterlijk te wijzigen. Een website is een document dat meestal in HTML wordt geschreven en via een webbrowser wordt vertaald. Door een URL in te voeren, kunt u een webpagina identificeren. Het statische of dynamische type webpagina kan zijn. We kunnen statische webpagina's genereren met behulp van HTML. We zullen de attributen in HTML zien zoals documenten, tags, knoppen, lijsten, enz.

Alle HTML-documenten moeten beginnen met een documenttype-verklaring:

Het HTML-document begint en eindigt met. Het gedeelte dat we op de website willen weergeven, staat in het HTML-document tussen en. In HTML worden koppen gedefinieerd met behulp van de

naar

-tags. Waar

vertegenwoordigt de grootste kop en

vertegenwoordigt de kleinste kop.

Dit gaat met h1


Dit gaat met h2


Dit gaat met h6

HTML-koppelingen worden gedefinieerd met de tag

Voorbeeld

Dit is een link naar de educba-website
In HTML worden afbeeldingen gedefinieerd met de label.

Kenmerken voor het bewerken van afbeeldingen zijn als volgt

  • Het bronbestand (src)
  • alternatieve tekst (alt)
  • breedte
  • hoogte

Voorbeeld

U kunt dit kleine voorbeeld zien van hoe HTML-code eruit ziet

Voorbeeld

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML eerste pagina

2. Java Script-taal

JavaScript is een programmeertaal. Het is lichtgewicht en wordt het meest gebruikt als onderdeel van internetpagina's, waarvan de implementaties client-side scripting mogelijk maken om te communiceren met en dynamische websites te creëren. JavaScript heette eerst LiveScript, maar het was waarschijnlijk te wijten aan het enthousiasme dat Java creëerde dat Netscape zijn naam in JavaScript veranderde. JavaScript verscheen voor het eerst in 1995 met de LiveScript-naam in Netscape 2.0. Het HyperText Transportation Protocol, of HTTP, is ontworpen om HTML-tekst via een netwerk te verzenden voor weergave, precies zoals het wordt genoemd. Het is echter volledig statisch met HTML en biedt niet de mogelijkheid om logica te implementeren. Als de computer JavaScript uitvoert, is de browser gescheiden. JavaScript-sandbox wordt gebruikt als extra veiligheidsmaatregel door browsers zoals Chrome en Edge. JavaScript kan niet schrijven of lezen vanaf een harde schijf of andere computer-verbonden opslagapparaten.

U kunt dit kleine voorbeeld zien van hoe JavaScript-code eruit ziet.

Voorbeeld



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA kan uw toekomst helder maken.

Klik hier!

3. C ++ Taal

C ++ is een van de beste front-end programmeertalen. C ++ is ontwikkeld door Bjarne Stroustrup. Deze taal is ook bekend om de extensie van C, dwz de volgende versie van C ++. C ++ gebruikt voor vele doeleinden zoals game-ontwikkeling, applicatie-ontwikkeling, besturingssysteem, animatie, etc. Deze taal is gemakkelijk te leren. Deze functie van C ++ maakt het populair op de markt. C ++ is de basistaal voor alle talen. C ++ taal heeft een rijke verzameling bibliotheken.

Voorbeeld

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

Voorbeeld om een ​​sterpatroon in een ruitvorm af te drukken

#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. CSS-taal

CSS staat voor de Cascading Style Sheets. Met CSS kunt u de kleur, kolomgrootte en kleurontwerpen, alinea-afstand, letterstijl, achtergrondafbeeldingen of kleuren, lay-outontwerpen en displayvariaties van verschillende apparaten, schermformaten of andere effecten regelen. CSS is eenvoudig te kennen en te begrijpen, maar beheert de presentatie van HTML-documenten. CSS wordt meestal gekoppeld aan HTML- of XHTML-opmaaktalen. U hebt geen HTML-tagkenmerken nodig om elke keer te schrijven als u CSS gebruikt. Schrijf eenvoudig een CSS-tagregel en gebruik deze voor alle gebeurtenissen van de tag. Door minder code zijn downloadtijden sneller. Voor meer dan één apparaattype, staan ​​stylesheets inhoudsoptimalisatie toe. Verschillende websiteversies voor handheld-apparaten, zoals PDA's, mobiele telefoons of voor afdrukken, kunnen worden gepresenteerd met hetzelfde HTML-document.

U kunt dit kleine voorbeeld zien van hoe CSS-code eruit ziet

Voorbeeld



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

EDUCBA



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

EDUCBA



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

EDUCBA

Hallo, ben jij daar?

U kunt uw CSS-regels in een HTML-document plaatsen met behulp van het element. Deze tag wordt binnen de … tags geplaatst. Regels die met deze syntaxis zijn gedefinieerd, worden toegepast op alle beschikbare elementen in het document.

De syntaxis is als volgt




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

Welkom bij EDUCBA

Conclusie

In dit artikel hebben we verschillende soorten Front End-talen gezien, samen met hun syntaxis en voorbeelden. Die u zullen helpen om beter te begrijpen en veel handig zijn om deze onderwerpen te doorlopen.

Aanbevolen artikelen

Dit is een gids geweest voor Front End-talen. Hier hebben we besproken wat is Front End-talen? verschillende soorten front-end talen samen met voorbeeldcode. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie -

  1. Sollicitatievragen voor Front end Developer
  2. Wat is CSS?
  3. Ultieme Cheatsheet voor C ++ programmeertaal
  4. Wat is HTML

Categorie:

Web ontwikkelingstools