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

Frontend и backend разработчиците са ясно разграничени един от друг и са като двете страни на една и съща монета. Функцията на уебсайта е да се доверява на всяка страна, с която комуникира, и да действа ефективно като едно цяло с другата страна. Едното по-важно ли е от другото? Не. И двете играят много важна роля в уеб разработката.

Преден край

Предният край на уебсайт означава всичко, което виждате на уебсайт, което взаимодейства с вашия браузър. Известен също като „клиентска страна“, той включва всичко, което потребителят изживява директно: от текст и цветове до бутони, снимки и менюта.

Да предположим например, че имате компания, така че имате нужда от професионален уебсайт, за да представите вашата компания и позиция на клиентите. Може да имате снимки и малко информация за вашите продукти. Имате нужда от всички предни технологии, за да създадете своя уебсайт.

Тези три езика заедно могат да направят горното за нас:

HTML: Това е основен език, който създава и организира уеб съдържание и се показва от браузър.

CSS:Език с HTML, който определя стила на съдържанието на уебсайт, като оформление, цвят, шрифтове и др.

JavaScript:Този език за програмиране се използва най-вече за интерактивни елементи като падащи менюта, формуляри за контакти и прозорци, които се отварят модално.

Наличието на всички тези изисквания заедно ще създаде всички визуални ефекти при посещение на уебсайта - например пазаруване онлайн, четене на новини, проверка на имейл или търсене в Google.

Уеб програмист СРЕЩУ Уеб дизайнер

Важно е да се отбележи, че въпреки че фронтенд разработчиците се занимават с визуалната и интерактивна страна на уебсайт, те не могат да се считат за уеб дизайнери.

Frontend разработчиците всъщност не проектират тези лицеви аспекти на уебсайт; Това е специалността на уеб дизайнера или по-конкретно дизайнера на потребителски интерфейси. Разработчикът на интерфейса използва този дизайн и изгражда функционалности, използвайки езиците на интерфейса, за които говорихме по-горе.

Така че уеб дизайнерите се занимават с дизайна: външния вид и усещането на уебсайта, как е позициониран и какви бутони и допирни точки изпитва потребителят. Frontend разработчиците се занимават с функции; Всъщност Front-end разработчиците са инженерите, които превръщат тези проекти в жив интерактивен уебсайт.

Заден край

Нека се върнем към нашия пример, след известно време вашият бизнес уебсайт изглежда страхотно и вашата компания е изключително успешна. Клиентите вече искат да купуват от вашата компания за своите приятели и започват въпроси дали могат да поръчват онлайн.

Така че решавате да отворите онлайн магазин, където хората могат да купуват и поръчват, когато пожелаят. Това означава, че вашият сайт вече трябва да съхранява информация за продукти, покупки, потребителски профили, кредитни карти и др. Как управлявате тези данни? Това е мястото, където backend разработката влиза в игра.

Back End програмирането е за кодиране и програмиране на всичко, което потребителят не вижда и е свързано със задкулисната работа на уебсайта. Например, когато уебсайт получава статии от база данни, това е въпрос на бекенд. Работата на бекенд програмиста е да програмира нещата, които са ядрото на уебсайта и потребителят не вижда директно кода.

Бек-ендът отговаря за поддържането и организирането на данните и гарантира, че всичко работи от страна на клиента. Бекендът комуникира с предния край, като изпраща и получава информация, която да се показва като уеб страница. Всеки път, когато попълвате формуляр за контакт, въвеждате уеб адрес или извършвате покупка (всякакво потребителско взаимодействие от страна на клиента), браузърът ви изпраща заявка до сървъра, който кодира информацията във формуляра и връща интерфейса, който браузърът може да интерпретира и показва.

Вашият уебсайт се нуждае от база данни, за да управлява цялата информация за клиенти и продукти. Базата данни съхранява съдържанието на уебсайта в структура, която улеснява извличането, организирането, редактирането и съхраняването на информация. Той работи на отдалечен компютър, наречен сървър. Има няколко широко използвани бази данни, като MySQL, SQL Server, PostgresSQL и Oracle

Вашето приложение все още има интерфейсен код, то също трябва да бъде създадено с помощта на език, който базата данни може да разпознае. Някои често срещани бекенд езици са Ruby, PHP, Java, .Net и Python. Тези езици за програмиране често работят върху рамки, които опростяват процеса на уеб разработка. Rails, например, е рамка, написана на Ruby. Ruby on Rails е популярна технология за изграждане на динамични уеб приложения, които ускоряват процеса.

Да предположим, че влизате в театър, за да гледате театър. Всички, които действат на сцената и публиката ги вижда, можем да ги разглеждаме като Front End актьори на театрално представление.

И всички онези, които работят зад кулисите, като например дизайнер на костюми, режисьор, сценарист, продуцент и... които не се виждат от публиката, но работят зад кулисите и работата им влияе на представлението, могат да бъдат наречени Back End актьори на театъра производителност.

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