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
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
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
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
.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
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 -
- Rozhovory s front-endem pro vývojáře
- Co je CSS?
- Ultimate Cheatsheet pro programovací jazyk C ++
- Co je to HTML