Какво е Front End език?

Frontend е разделът на уебсайта, който можете веднага да видите и да общувате, за да получите системни резервни капацитети, което означава, че потребителят може да вижда и да изживее всичко. С течение на годините ролята на уеб дизайнера драстично се промени, но основните му функции остават същите. Frontend се занимава с всички свирки и звънци, които виждате на уебсайта, включително цветните снимки, менютата за навигация, светкавичните бутони и др. Фронтендът се нарича още „клиентска страна“, защото това действие се извършва от страна на клиента, който е потребителят в такъв случай. Кодът не се обработва от уеб програмист. В действителност той обхваща всички аспекти на препроектирането и изграждането на уебсайтове, които са визуално привлекателни и удобни за потребителите. Ролята на предния разработчик е за потребителя да създаде среда с комбинация от различни инструменти, включително като JavaScript, език за маркиране HyperText и CSS.
Сега ще продължим напред с езика на предния край

Различни видове език на Front End

По-долу са различните видове език на предния край, които са както следва:

1. HTML език

Език за маркиране на хипертекст, който обикновено наричаме HTML. HTML се използва за създаване на цифрови записи в световната мрежа. На всяка страница са предоставени редица връзки към други уебсайтове. Всяка уеб страница, която разглеждате в Интернет, се публикува в един или друг вариант на HTML. HTML код гарантира, че изображенията и текстът са правилно форматирани, така че вашият интернет браузър да ги показва, за да търси, Без HTML браузърът няма да може да показва текст като елементи или да зарежда изображения. HTML също осигурява основна структура на страниците, където каскадни таблици стилове се наслагват, за да променят външния си вид. Уебсайтът е документ, който обикновено се пише на HTML и се превежда през уеб браузър. Като въведете URL адрес, можете да идентифицирате уеб страница. Статичният или динамичният вид уеб страница може да бъде. Можем да генерираме статични уеб страници с помощта на HTML. Ще видим атрибутите в HTML като документи, маркери, бутони, списъци и т.н.

Всички HTML документи трябва да започват с декларация за типа на документа:

,

HTML документът започва и завършва с. Частта, която искаме да покажем на уебсайта, е декларирана в HTML документа е между и. В HTML заглавията се определят с помощта на

да се

тагове. Където

представлява най-голямата позиция и

представлява най-малката позиция.

Това е заглавие с h1


Това е заглавие с h2


Това е заглавието с h6

HTML връзките са дефинирани с маркера

пример

Това е линк към уебсайта на educba
В HTML изображенията се дефинират с маркер.

Атрибутите за редактиране на изображения са както следва

  • Изходният файл (src)
  • алтернативен текст (alt)
  • широчина
  • височина

пример

Можете да видите този малък пример за това как изглежда Html код

пример

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

Първа HTML страница

2. Език на Java Script

JavaScript е език за програмиране. Той е лек и най-често използван като част от интернет страници, чиито реализации позволяват скриптове от страна на клиента да комуникират и да създават динамични уебсайтове. Първоначално JavaScript беше наречен LiveScript, но вероятно поради ентусиазма, създаден от Java, Netscape променя името си на JavaScript. JavaScript за първи път се появява през 1995 г. с името LiveScript в Netscape 2.0. HyperText Transport Protocol или HTTP е проектиран да предава HTML текст през мрежа за преглед, точно както се нарича. Той обаче е напълно статичен с HTML и не дава възможност за прилагане на логиката. Ако компютърът работи с JavaScript, браузърът се разделя. JavaScript пясъчната кутия се използва като допълнителна мярка за безопасност от браузъри като Chrome и Edge. JavaScript не може да записва или чете от твърд диск или други свързани с компютър устройства за съхранение.

Можете да видите този малък пример за това как изглежда JavaScript код.

пример



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA може да направи бъдещето ви светло.

Щракнете върху мен!

3. C ++ Език

C ++ е един от най-добрите езици за програмиране отпред. C ++ е разработен от Bjarne Stroustrup. Този език е известен и с разширението на C, т.е. следващата версия на езика C ++. C ++, използван за много цели като разработка на игри, разработка на приложения, операционна система, анимация и т.н. Този език е лесен за изучаване. Тази функция на C ++ го прави популярен на пазара. C ++ е основният език за всички езици. Езикът на C ++ има богат набор от библиотеки.

пример

Program to display “Hello World”
#include
Using namespace std;
Int main()
(
Cout<<”Hello, World!”;
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;
) #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 език

CSS стойки за каскадните стилови таблици. Можете да контролирате цвета, размера на колоните и цветовите дизайни, разстоянието между абзаците, стила на шрифта, фоновите изображения или цветовете, дизайните на оформлението и вариантите на дисплея на различни устройства, размерите на екрана или други ефекти с помощта на CSS. CSS е лесен за познаване и разбиране, но контролира представянето на HTML документи. CSS обикновено се сдвоява с HTML или XHTML езици за маркиране. Не се нуждаете от характеристики на HTML маркери, за да пишете всеки път, ако използвате CSS. Просто напишете правило за CSS тагове и го използвайте за всички събития на маркера. Чрез по-малко код времето за изтегляне е по-бързо. За повече от един тип устройства таблиците със стилове позволяват оптимизиране на съдържанието. Различни версии на уебсайтове за преносими устройства, като PDA, мобилни телефони или за печат, могат да бъдат представени със същия HTML документ.

Можете да видите този малък пример за това как изглежда CSS код

пример



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

EDUCBA



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

EDUCBA



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

EDUCBA

Здравей, там ли си?

Можете да поставите вашите CSS правила в HTML документ, като използвате елемента. Този маркер се поставя вътре в… маркерите. Правилата, дефинирани чрез този синтаксис, ще бъдат приложени към всички елементи, налични в документа.

Синтаксисът е следният




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

Добре дошли в EDUCBA

заключение

В тази статия видяхме различни видове езици на преден край, заедно със синтаксиса и примерите им. Което ще ви помогне да разберете по-добре и ще бъде много удобно да преминете през тези теми.

Препоръчителни статии

Това е ръководство за езиците на Front End. Тук сме обсъдили какво е Front End езици? различни видове езици на предния край, заедно с примерен код. Можете да разгледате и другите ни предложени статии, за да научите повече -

  1. Въпроси за интервю за разработчици от предния край
  2. Какво е CSS?
  3. Ultimate Cheatsheet for C ++ Programming Language
  4. Какво е HTML

Категория:

Инструменти за уеб разработка