Vad är Front End-språk?

Frontend är den del av webbplatsen som du omedelbart kan se och kommunicera med för att få systemets backendkapacitet vilket innebär att användaren kan se och uppleva allt. Under åren har en webbdesigners roll dramatiskt förändrats, men dess kärnfunktioner förblir desamma. Frontend hanterar alla vissling och klockor som du ser på webbplatsen, inklusive färgglada foton, navigationsmenyer, blinkande knappar, etc. En frontend kallas också "klientsidan" eftersom den här åtgärden sker på kundens sida som är användaren I detta fall. Koden hanteras inte av en webbutvecklare. I verkligheten täcker det alla aspekter av omdesign och byggande av webbplatser, som är visuellt attraktiva och användarvänliga. Rollen som en front-end-utvecklare är att användaren ska skapa en miljö med en kombination av olika verktyg, inklusive JavaScript, HyperText markeringsspråk och CSS.
Nu kommer vi att gå vidare med front-end-språk

Olika typer av gränssnitt

Följande är de olika typerna av front-end-språk som är följande:

1. HTML-språk

Hypertext Markup Language kallade vi normalt HTML. HTML används för att skapa digitala poster på webben. Ett antal länkar till andra webbplatser finns på varje sida. Varje webbsida du ser på Internet publiceras i en eller annan HTML-variant. HTML-kod säkerställer att bilder och text är korrekt formaterade så att din webbläsare kan visa dem att leta efter. Utan HTML skulle en webbläsare inte kunna visa text som objekt eller ladda bilder. HTML tillhandahåller också en grundläggande sidstruktur, där kaskaderande stilark överlagras för att ändra utseendet. En webbplats är ett dokument som i allmänhet är skriven i HTML och översatt genom en webbläsare. Genom att ange en URL kan du identifiera en webbsida. Den statiska eller dynamiska typen av webbsida kan vara. Vi kan generera statiska webbsidor med HTML. Vi kommer att se attributen i HTML som dokument, taggar, knappar, listor etc.

Alla HTML-dokument måste börja med en dokumenttypdeklaration:

HTML-dokumentet börjar från och slutar med. Den del som vi vill visa på webbplatsen deklareras i HTML-dokumentet är mellan och. I HTML definieras rubriker med hjälp av

till

taggar. Var

representerar största rubriken och

representerar minsta rubrik.

Detta är på väg med h1


Detta är på väg med h2


Detta är på väg med h6

HTML-länkar definieras med taggen

Exempel

Detta är en länk till educba webbplats
I HTML definieras bilder med märka.

Attribut för redigering av bilder är följande

  • Källfilen (src)
  • alternativ text (alt)
  • bredd
  • höjd

Exempel

Du kan se detta lilla exempel på hur Html-kod ser ut

Exempel

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML första sida

2. Java-skriptspråk

JavaScript är ett programmeringsspråk. Det är lätt och används ofta som en del av internetsidor, vars implementeringar gör det möjligt att skripta från klientsidan att kommunicera med och skapa dynamiska webbplatser. JavaScript fick först namnet LiveScript, men det berodde troligen på den entusiasm som Java skapade, att Netscape byter namn till JavaScript. JavaScript kom först ut 1995 med LiveScript-namnet i Netscape 2.0. HyperText Transportation Protocol, eller HTTP, är utformat för att överföra HTML-text genom ett nätverk för visning, precis som det kallas. Det är emellertid helt statiskt med HTML och ger inte möjligheten att implementera logik. Om datorn kör JavaScript, separeras webbläsaren. JavaScript-sandlåda används som en extra säkerhetsåtgärd av webbläsare som Chrome och Edge. JavaScript kan inte skriva eller läsa från en hårddisk eller andra datoranslutna lagringsenheter.

Du kan se detta lilla exempel på hur JavaScript-kod ser ut.

Exempel



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA kan göra din framtid ljus.

Klicka här!

3. C ++ Språk

C ++ är ett av de bästa front-programmeringsspråken. C ++ är utvecklad av Bjarne Stroustrup. Detta språk är också känt för förlängningen av C, dvs. nästa version av C ++ -språket. C ++ används för många ändamål som spelutveckling, applikationsutveckling, operativsystem, animering etc. Detta språk är lätt att lära sig. Denna funktion av C ++ gör den populär på marknaden. C ++ är det grundläggande språket för alla språk. C ++ -språket har en rik uppsättning bibliotek.

Exempel

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

Exempel för att skriva ut stjärnmönster i diamantform

#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-språk

CSS står för de kaskaderande stilarken. Du kan kontrollera färg, kolumnstorlek och färgdesign, styckavstånd, typsnitt, bakgrundsbilder eller färger, layoutdesign och visningsvariationer av olika enheter, skärmstorlekar eller andra effekter med hjälp av CSS. CSS är enkelt att veta och förstå, men det styr presentationen av HTML-dokument. CSS är vanligtvis parat med HTML- eller XHTML-markeringsspråk. Du behöver inte HTML-taggegenskaper för att skriva varje gång om du använder CSS. Skriv bara en CSS-taggregel och använd den för alla händelser i taggen. Genom mindre kod är nedladdningstiderna snabbare. För mer än en enhetstyp tillåter formatmallar innehållsoptimering. Olika webbplatsversioner för handhållna enheter, såsom handdatorer, mobiltelefoner eller för utskrift, kan presenteras med samma HTML-dokument.

Du kan se detta lilla exempel på hur CSS-kod ser ut

Exempel



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

EDUCBA



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

EDUCBA



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

EDUCBA

Hej är du där?

Du kan lägga dina CSS-regler i ett HTML-dokument med hjälp av elementet. Den här taggen placeras inuti … -taggarna. Regler som definierats med hjälp av denna syntax kommer att tillämpas på alla tillgängliga element i dokumentet.

Syntaxen är som följer




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

Välkommen till EDUCBA

Slutsats

I den här artikeln har vi sett olika typer av Front End-språk tillsammans med deras syntax och exempel. Som hjälper dig att förstå bättre och kommer att vara mycket bekvämt att gå igenom dessa ämnen.

Rekommenderade artiklar

Detta har varit en guide till Front End-språk. Här har vi diskuterat vad som är Front End-språk? olika typer av front-end-språk tillsammans med provkod. Du kan också gå igenom våra andra föreslagna artiklar för att lära dig mer -

  1. Frågor om utvecklingsintervju för utvecklare
  2. Vad är CSS?
  3. Ultimate Cheatsheet för C ++ programmeringsspråk
  4. Vad är HTML

Kategori:

Verktyg för webbutveckling