Що таке мова 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

JavaScript - мова програмування. Він легкий і найчастіше використовується як частина Інтернет-сторінок, реалізація яких дає змогу сценаріям на стороні клієнта спілкуватися і створювати динамічні веб-сайти. Спочатку JavaScript був названий LiveScript, але, мабуть, завдяки ентузіазму, який створила Java, Netscape змінює свою назву на JavaScript. JavaScript вперше з'явився в 1995 році з іменем LiveScript в Netscape 2.0. Протокол транспортування HyperText або HTTP призначений для передачі тексту HTML через мережу для перегляду саме так, як його називають. Однак він повністю статичний з HTML і не дає можливості реалізувати логіку. Якщо на комп'ютері працює JavaScript, браузер відокремлюється. Пісочниця JavaScript використовується як додатковий захід безпеки у таких браузерах, як Chrome та Edge. JavaScript не в змозі записувати чи читати з жорсткого диска чи інших пристроїв, пов'язаних з комп'ютером.

Ви можете побачити цей невеликий приклад того, як виглядає код JavaScript.

Приклад



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA може зробити ваше майбутнє яскравим.

Клацніть на мене!

3. Мова + +

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 і використовуйте його для всіх подій тегу. Через менший код час завантаження швидше. Для більш ніж одного типу пристроїв таблиці стилів дозволяють оптимізувати вміст. Різні версії веб-сайтів для портативних пристроїв, такі як КПК, стільникові телефони або для друку, можуть бути представлені тим же 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. Кінцева шпаргалка для мови програмування на C ++
  4. Що таке HTML

Категорія:

Інструменти веб-розробки