Co je jazyk rozhraní frontend?

Frontend je část webu, kterou můžete okamžitě vidět a komunikovat, abyste získali kapacity systému backend, což znamená, že uživatel může vidět, a zažít vše. V průběhu let se role webového designéra dramaticky změnila, ale jeho základní funkce zůstávají stejné. Frontend se zabývá všemi píšťalkami a zvonky, které vidíte na webových stránkách, včetně barevných fotografií, navigačních nabídek, honosných tlačítek atd. Frontend se také nazývá „klientská strana“, protože tato akce se koná na straně zákazníka, který je uživatelem v tomto případě. Kód není zpracován vývojářem webu. Ve skutečnosti pokrývá všechny aspekty redesignování a vytváření webových stránek, které jsou vizuálně atraktivní a uživatelsky přívětivé. Role front-end vývojáře je pro uživatele vytvořit prostředí s kombinací různých nástrojů, včetně, jako je JavaScript, HyperText značkovací jazyk a CSS.
Nyní budeme pokračovat vpřed s jazykem front-end

Různé typy jazyka front-end

Následující typy jazyků frontend jsou následující:

1. Jazyk HTML

Hypertext Markup Language, který jsme normálně nazývali HTML. HTML se používá k vytváření digitálních záznamů na webu. Na každé stránce je uvedeno několik odkazů na jiné webové stránky. Každá webová stránka, kterou si prohlížíte na internetu, je publikována v jedné nebo jiné variantě HTML. HTML kód zajišťuje, že obrázky a text jsou správně naformátovány, aby je váš internetový prohlížeč mohl zobrazit, aby je hledal. Bez HTML by prohlížeč nemohl zobrazit text jako položky nebo načítat obrázky. HTML také poskytuje základní strukturu stránky, kde jsou kaskádové styly překrývány, aby upravovaly jejich vzhled. Web je dokument, který je obecně napsán v HTML a přeložen přes webový prohlížeč. Zadáním adresy URL můžete určit webovou stránku. Statický nebo dynamický druh webové stránky může být. Statické webové stránky můžeme generovat pomocí HTML. Uvidíme atributy v HTML, jako jsou dokumenty, značky, tlačítka, seznamy atd.

Všechny dokumenty HTML musí začínat deklarací typu dokumentu:

HTML dokument začíná a končí. Část, kterou chceme na webu zobrazit, je deklarována v dokumentu HTML mezi a. V HTML jsou nadpisy definovány pomocí

na

značky. Kde

představuje největší okruh a

představuje nejmenší nadpis.

Toto je nadpis s h1


Toto je nadpis s h2


Toto je nadpis s h6

Odkazy HTML jsou definovány pomocí značky

Příklad

Toto je odkaz na web educba
V HTML jsou obrázky definovány pomocí štítek.

Atributy pro úpravu obrázků jsou následující

  • Zdrojový soubor (src)
  • alternativní text (alt)
  • šířka
  • výška

Příklad

Můžete vidět tento malý příklad toho, jak vypadá HTML kód

Příklad

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

První stránka HTML

2. Jazyk Java Script

JavaScript je programovací jazyk. Je lehký a nejčastěji používaný jako součást internetových stránek, jejichž implementace umožňují skriptování na straně klienta komunikovat a vytvářet dynamické webové stránky. JavaScript byl poprvé pojmenován LiveScript, ale pravděpodobně kvůli nadšení vytvořené Java, Netscape změnil svůj název na JavaScript. JavaScript se poprvé objevil v roce 1995 s názvem LiveScript v Netscape 2.0. Protokol HyperText Transport Protocol (HTTP) je navržen tak, aby přenášel text HTML sítí pro prohlížení, přesně tak, jak se nazývá. Je však zcela statický s HTML a neposkytuje schopnost implementovat logiku. Pokud počítač spustí JavaScript, je prohlížeč oddělen. Karanténa JavaScript se používá jako další bezpečnostní opatření v prohlížečích, jako jsou Chrome a Edge. JavaScript nedokáže zapisovat nebo číst z pevného disku nebo z jiných úložných zařízení připojených k počítači.

Můžete vidět tento malý příklad, jak vypadá kód JavaScript.

Příklad



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA může oživit vaši budoucnost.

Klikni na mě!

3. Jazyk C ++

C ++ je jedním z nejlepších front-end programovacích jazyků. C ++ je vyvinut společností Bjarne Stroustrup. Tento jazyk je také známý rozšířením jazyka C, tj. Další verze jazyka C ++. C ++ se používá k mnoha účelům, jako je vývoj her, vývoj aplikací, operační systém, animace atd. Tento jazyk se snadno učí. Díky této vlastnosti je C ++ na trhu populární. C ++ je základní jazyk pro všechny jazyky. Jazyk C ++ má bohatou sadu knihoven.

Příklad

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

Příklad tisku vzoru hvězdy ve tvaru diamantu

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

CSS znamená kaskádové styly. Pomocí CSS můžete ovládat barvy, velikost sloupců a barevné vzory, rozestupy odstavců, styl písma, obrázky na pozadí nebo barvy, návrhy rozvržení a zobrazit varianty různých zařízení, velikosti obrazovky nebo jiné efekty. CSS je snadné znát a pochopit, ale řídí prezentaci HTML dokumentů. CSS je obvykle spárována s značkovacími jazyky HTML nebo XHTML. Pokud používáte CSS, nemusíte psát pokaždé, když chcete psát. Jednoduše napište pravidlo značky CSS a použijte pro všechny události značky. Díky menšímu kódu jsou doby stahování rychlejší. U více než jednoho typu zařízení umožňují šablony stylů optimalizaci obsahu. Se stejným dokumentem HTML lze prezentovat různé verze webových stránek pro ruční zařízení, jako jsou PDA, mobilní telefony nebo pro tisk.

Můžete vidět tento malý příklad, jak vypadá kód CSS

Příklad



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

EDUCBA



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

EDUCBA



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

EDUCBA

Ahoj, jsi tam?

Pomocí tohoto prvku můžete do dokumentu HTML vložit pravidla CSS. Tato značka je umístěna uvnitř… značek. Pravidla definovaná pomocí této syntaxe budou použita na všechny prvky dostupné v dokumentu.

Syntaxe je následující




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ítejte v EDUCBA

Závěr

V tomto článku jsme viděli různé typy front-end jazyků spolu s jejich syntaxí a příklady. Což vám pomůže lépe porozumět a bude mnohem pohodlnější projít těmito tématy.

Doporučené články

Toto byl průvodce jazyky frontend. Zde diskutujeme o tom, co jsou jazyky front-end? různé typy jazyků front-end spolu s ukázkovým kódem. Další informace naleznete také v dalších navrhovaných článcích -

  1. Rozhovory s front-endem pro vývojáře
  2. Co je CSS?
  3. Ultimate Cheatsheet pro programovací jazyk C ++
  4. Co je to HTML

Kategorie:

Nástroje pro vývoj webových aplikací