Шта је Фронт Енд језик?

Фронтенд је део веб локације који можете одмах видети и комуницирати како бисте добили системске капацитете, што значи да корисник може видети и искусити све. Током година, улога Веб дизајнера драматично се променила, али његове основне функције остају исте. Фронтенд се бави свим звиждуцима и звонима која видите на веб локацији, укључујући шарене фотографије, навигационе меније, трепереће тастере итд. Фронтенд се такође назива „страна клијента“ јер се ова радња дешава на страни клијента, односно корисника. у овом случају. Веб програмер не користи код. У стварности, он покрива све аспекте редизајнирања и изградње веб локација, који су визуелно атрактивни и прилагођени корисницима. Улога фронт-енд програмера је да корисник створи окружење комбинацијом различитих алата, укључујући ЈаваСцрипт, ХиперТект означни језик и ЦСС.
Сада ћемо кренути напред са предњим језиком

Различите врсте језика Фронт Енд

Следе различите врсте предњег језика који су следећи:

1. ХТМЛ језик

Језик ознаке хипертекста који обично називамо ХТМЛ. ХТМЛ се користи за креирање дигиталних записа на Ворлд Виде Вебу. На свакој се страници налази број веза до других веб локација. Свака веб страница коју гледате на Интернету је објављена у једној или другој ХТМЛ варијанти. ХТМЛ код осигурава да су слике и текст правилно форматирани како би их ваш Интернет претраживач могао приказати да траже, а без ХТМЛ-а, прегледач не би могао приказати текст као ставке или учитати слике. ХТМЛ такође пружа основну структуру страница где се слојеви каскадних стилова прекривају како би модификовали свој изглед. Веб локација је документ који се углавном пише у ХТМЛ-у и преводи се путем веб прегледача. Уносом УРЛ адресе можете идентификовати веб страницу. Статичка или динамичка врста веб странице може бити. Можемо генерисати статичке веб странице помоћу ХТМЛ-а. Видећемо атрибуте у ХТМЛ-у као што су документи, ознаке, тастери, спискови итд.

Сви ХТМЛ документи морају почети са изјавом типа документа:

ХТМЛ документ почиње и завршава са. Део који желимо да прикажемо на веб локацији је декларисан у ХТМЛ документу између и. У ХТМЛ-у су наслови дефинисани помоћу

до

ознаке. Где

представља највећи наслов и

представља најмањи наслов.

Ово је наслов са х1


Ово је наслов са х2


Ово је наслов са х6

ХТМЛ везе су дефинисане помоћу ознаке

Пример

Ово је линк на веб страницу едуцба
У ХТМЛ-у су слике дефинисане с таг.

Атрибути за уређивање слика су следећи

  • Изворна датотека (срц)
  • алтернативни текст (алт)
  • ширина
  • висина

Пример

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

Пример

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

ХТМЛ прва страница

2. Јава скрипта језик

ЈаваСцрипт је програмски језик. Лаган је и најчешће се користи као део Интернет страница, чије имплементације омогућавају скриптању на страни клијента да комуницира и креира динамичне веб странице. ЈаваСцрипт је прво назван ЛивеСцрипт, али вероватно је због ентузијазма који је Јава створила, Нетсцапе променио име у ЈаваСцрипт. ЈаваСцрипт се први пут појавио 1995. године са именом ЛивеСцрипт у Нетсцапе 2.0. ХиперТект Транспортатион Протоцол или ХТТП дизајниран је за пренос ХТМЛ текста кроз мрежу за гледање, управо онако како се назива. Међутим, потпуно је статичан са ХТМЛ-ом и не пружа могућност имплементације логике. Ако рачунар покреће ЈаваСцрипт, прегледач се одваја. ЈаваСцрипт сандбок користи се као додатна мера сигурности у прегледачима као што су Цхроме и Едге. ЈаваСцрипт не може да пише или чита са тврдог диска или других рачунарско повезаних уређаја за складиштење.

Можете да видите овај мали пример како изгледа код ЈаваСцрипт.

Пример



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

ЕДУЦБА може учинити вашу будућност свијетлијом.

Кликни ме!

3. Језик Ц ++

Ц ++ је један од најбољих програмских језика на предњем крају. Ц ++ је развио Бјарне Строуструп. Овај језик је такође познат по проширењу Ц-а, односно следећој верзији језика Ц ++. Ц ++ користи се у многе сврхе као што су развој игара, развој апликација, оперативни систем, анимација итд. Овај језик је лако научити. Ова карактеристика Ц ++ чини га популарним на тржишту. Ц ++ је основни језик за све језике. Језик Ц ++ има богат библиотек.

Пример

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. ЦСС језик

ЦСС сталци за каскадне таблице стилова. Помоћу ЦСС-а можете управљати бојом, величином ступца и дизајном боја, размаком одломка, стилом фонта, позадинским сликама или бојама, дизајном распореда и приказом варијација различитих уређаја, величина екрана или других ефеката. ЦСС је једноставан за разумевање и разумевање, али контролише презентацију ХТМЛ докумената. ЦСС је обично упарен са ХТМЛ или КСХТМЛ језицима за означавање. Не треба вам карактеристике ХТМЛ ознаке да бисте их писали сваки пут ако користите ЦСС. Једноставно напишите правило ЦСС ознаке и користите га за све догађаје ознаке. Због мање кода, вријеме преузимања је брже. За више врста уређаја, таблице стилова омогућавају оптимизацију садржаја. Различите верзије веб локација за ручне уређаје, као што су ПДА, мобилни телефони или за штампање, могу се представити истим ХТМЛ документом.

Можете да видите овај мали пример како изгледа ЦСС код

Пример



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

EDUCBA



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

EDUCBA



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

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

Добродошли у ЕДУЦБА

Закључак

У овом чланку смо видели различите врсте Фронт Енд језика, заједно са њиховом синтаксом и примерима. Што ће вам помоћи да боље разумете и биће много згодније да прођете кроз ове теме.

Препоручени чланци

Ово је водич за језике Фронт Енд. Овде смо разговарали о томе шта су Фронт Енд језици? различите врсте језика на предњем крају, заједно са узорком кода. Можете и да прођете кроз друге наше предложене чланке да бисте сазнали више -

  1. Предња питања за разговор за програмере
  2. Шта је ЦСС?
  3. Ултимате цхеатсхеет фор Ц ++ Программинг Лангуаге
  4. Шта је ХТМЛ

Категорија:

Алати за веб развој