Čo je to klientsky jazyk?

Frontend je časť webovej stránky, ktorú môžete okamžite vidieť a komunikovať, aby ste získali kapacity systému backend, čo znamená, že užívateľ môže vidieť a zažiť všetko. V priebehu rokov sa úloha webového dizajnéra dramaticky zmenila, ale jej základné funkcie zostávajú rovnaké. Frontend sa zaoberá všetkými píšťalkami a zvonkami, ktoré vidíte na webe, vrátane farebných fotografií, navigačných ponúk, efektných tlačidiel atď. Frontend sa tiež nazýva „klientská strana“, pretože táto akcia sa koná na strane zákazníka, ktorý je používateľom v tomto prípade. Kód nie je spracovaný vývojárom webu. V skutočnosti pokrýva všetky aspekty redizajnovania a vytvárania webových stránok, ktoré sú vizuálne atraktívne a užívateľsky príjemné. Úlohou front-endového vývojára je, aby užívateľ vytvoril prostredie s kombináciou rôznych nástrojov, ako napríklad JavaScript, značkovací jazyk HyperText a CSS.
Teraz pôjdeme dopredu jazykom front-end

Rôzne typy jazyka klientskeho rozhrania

Nasledujú rôzne typy predného jazyka, ktoré sú nasledujúce:

1. Jazyk HTML

Hypertext Markup Language, ktorý sme bežne nazývali HTML. HTML sa používa na vytváranie digitálnych záznamov na webe. Na každej stránke sa nachádza niekoľko odkazov na iné webové stránky. Každá webová stránka, ktorú si prezeráte na internete, je publikovaná v jednej alebo druhej variante HTML. HTML kód zaisťuje, že obrázky a text sú správne naformátované, aby ich internetový prehliadač mohol zobraziť, aby ich hľadal. Bez HTML by prehliadač nemohol zobraziť text ako položky alebo načítať obrázky. HTML tiež poskytuje základnú štruktúru stránky, kde kaskádové štýly sú prekrývané s cieľom modifikovať ich vzhľad. Webová stránka je dokument, ktorý je všeobecne napísaný v jazyku HTML a preložený prostredníctvom webového prehľadávača. Zadaním adresy URL môžete identifikovať webovú stránku. Statický alebo dynamický druh webovej stránky môže byť. Statické webové stránky môžeme vygenerovať pomocou HTML. Uvidíme atribúty v HTML, ako sú dokumenty, značky, tlačidlá, zoznamy atď.

Všetky dokumenty HTML musia začínať vyhlásením o type dokumentu:

,

Dokument HTML sa začína a končí textom. Časť, ktorú chceme zobraziť na webovej stránke, je deklarovaná v dokumente HTML medzi a. V HTML sú nadpisy definované pomocou

na

tagy. Kde

predstavuje najväčšiu položku a

predstavuje najmenšiu hlavičku.

Toto je nadpis s h1


Toto je nadpis s h2


Toto je nadpis s h6

Odkazy HTML sú definované pomocou značky

príklad

Toto je odkaz na webovú stránku educba
V HTML sú obrázky definované pomocou tag.

Atribúty na úpravu obrázkov sú nasledujúce

  • Zdrojový súbor (src)
  • alternatívny text (alt)
  • šírka
  • výška

príklad

Môžete vidieť tento malý príklad toho, ako vyzerá kód HTML

príklad

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

Prvá stránka HTML

2. Jazyk Java Script

JavaScript je programovací jazyk. Je ľahký a najčastejšie používaný ako súčasť internetových stránok, ktorých implementácie umožňujú skriptovanie na strane klienta na komunikáciu a vytváranie dynamických webových stránok. JavaScript bol prvýkrát pomenovaný LiveScript, ale pravdepodobne to bolo kvôli nadšeniu vytvorenej Java, že Netscape zmenil svoj názov na JavaScript. JavaScript sa prvýkrát objavil v roku 1995 s názvom LiveScript v Netscape 2.0. Transportný protokol HyperText alebo HTTP je určený na prenos textu HTML cez sieť na prezeranie, presne tak, ako sa volá. Je však úplne statický s HTML a neposkytuje schopnosť implementovať logiku. Ak počítač spustí JavaScript, prehliadač je oddelený. Prehliadač, ako je Chrome a Edge, používa karanténu JavaScript ako ďalšie bezpečnostné opatrenie. JavaScript nedokáže zapisovať alebo čítať z pevného disku alebo iných úložných zariadení pripojených k počítaču.

Môžete vidieť tento malý príklad toho, ako vyzerá kód JavaScript.

príklad



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA môže oživiť vašu budúcnosť.

Klikni na mňa!

3. Jazyk C ++

C ++ je jedným z najlepších predných programovacích jazykov. C ++ je vyvinutý spoločnosťou Bjarne Stroustrup. Tento jazyk je známy aj pre rozšírenie jazyka C, tj pre ďalšiu verziu jazyka C ++. C ++, ktoré sa používajú na mnohé účely, napríklad na vývoj hier, vývoj aplikácií, operačný systém, animáciu atď. Tento jazyk sa dá ľahko naučiť. Táto vlastnosť C ++ ju robí populárnou na trhu. C ++ je základný jazyk pre všetky jazyky. Jazyk C ++ má bohatú sadu knižníc.

príklad

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

Príklad pre tlač hviezdicového tvaru v tvare 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

Značky CSS pre kaskádové štýly. Pomocou CSS môžete ovládať farbu, veľkosť stĺpca a farebné vzory, rozmiestnenie odsekov, štýl písma, obrázky alebo farby pozadia, vzory rozloženia a variácie rôznych zariadení, veľkosti obrazovky alebo iné efekty. CSS je ľahké vedieť a pochopiť, ale riadi prezentáciu HTML dokumentov. CSS je zvyčajne spárovaná s značkovacími jazykmi HTML alebo XHTML. Ak používate CSS, nepotrebujete charakteristiky značky HTML na písanie zakaždým. Jednoducho napíšte pravidlo značky CSS a použite ho pre všetky udalosti značky. Vďaka menšiemu počtu kódov sú časy sťahovania rýchlejšie. Pre viac ako jeden typ zariadenia umožňujú šablóny štýlov optimalizáciu obsahu. S tým istým dokumentom HTML je možné prezentovať rôzne verzie webových stránok pre vreckové zariadenia, ako sú PDA, mobilné telefóny alebo na tlač.

Môžete vidieť tento malý príklad toho, ako vyzerá kód CSS

príklad



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

EDUCBA



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

EDUCBA



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

EDUCBA

Ahoj, si tam?

Pomocou tohto prvku môžete vložiť pravidlá CSS do dokumentu HTML. Táto značka je umiestnená vo vnútri … značiek. Pravidlá definované pomocou tejto syntaxe sa použijú na všetky prvky dostupné v dokumente.

Syntax je nasledovná




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

Vitajte v EDUCBA

záver

V tomto článku sme videli rôzne typy front-end jazykov spolu s ich syntaxou a príkladmi. Ktoré vám pomôžu lepšie porozumieť a bude oveľa pohodlnejšie prejsť tieto témy.

Odporúčané články

Táto príručka bola sprievodcom po jazykoch klientskeho rozhrania. Tu diskutujeme o tom, čo sú jazyky front-end? rôzne typy predných jazykov spolu s ukážkovým kódom. Viac informácií nájdete aj v ďalších navrhovaných článkoch -

  1. Rozhovor s vývojárskym rozhraním front-end
  2. Čo je to CSS?
  3. Ultimate Cheatsheet for C ++ Programming Language
  4. Čo je to HTML

Kategórie:

Nástroje na vývoj webových aplikácií