Фронт-енд проти Back-End у порівнянні з Full-Stack Web Development

Веб-розробка - це не одне. Вона охоплює кілька наборів навичок, і існують різні види кар'єри в просторі веб-розробки. Три терміни, що часто використовуються, це "передній кінець", "задній кінець" і "повний стек". Ось основні відмінності між цими трьома.

Front-End Web Development

Фронт-енд-розвиток, в той час як його компоненти постійно змінюються, в основному стосується зовнішніх частин веб-сайту або веб-додатки. По суті, розробка front-end включає HTML, CSS і JavaScript:

• HTML: Мова розмітки HyperText, або HTML, є ключовим структурним компонентом всіх веб-сайтів в Інтернеті. Без цього веб-сторінки не можуть існувати.
• CSS: CSS додає стиль до HTML. Мені подобається використовувати аналогію, що HTML схожий на обличчя, а CSS схожий на макіяж.
• JavaScriptJavaScript або JS розвивалися протягом останніх кількох років. Що стосується інтерфейсного розробки, JS є важливим, оскільки допомагає зробити веб-сторінки інтерактивними.

Передня частина пов'язана з принципами компонування і дизайну, але розробники інтерфейсу не обов'язково є дизайнерами. В основному, розробники інтерфейсу створюють зовнішній вигляд - сторінки веб-сайтів, які користувачі бачать. Це означає, що розробник інтерфейсу повинен враховувати читабельність і зручність використання сайту та / або програми. Крім того, передній кінець працює на клієнті - тобто на локальному комп'ютері користувача - у більшості випадків веб-браузер. І інформація не зберігається на стороні клієнта.

Back-End Веб-розробка

Back-end веб-розробка є те, що відбувається за лаштунками. Задній кінець дає змогу користуватися інтерфейсом.

Щоб полегшити ситуацію, подумайте про передній кінець як частина айсберга над водою. Це те, що бачить користувач - витончений сайт. Задній кінець - це решта льоду; його не можна побачити кінцевому користувачеві, але це найважливіший елемент веб-програми. Задній кінець виконується на сервері або, як його часто називають, "на стороні сервера".

На відміну від інтерфейсу розробки (який використовує в основному HTML, CSS і JavaScript), веб-розробка може спиратися на ряд мов і фреймворків.

Кілька популярних мов, що використовуються на задній панелі, включають:

• Ruby (часто використовується разом з рамкою Rails - AKA Ruby on Rails)
• Python (який часто використовується з фреймворком Django на задньому кінці)
• PHP (популярна CMS WordPress використовує PHP на своєму зворотному кінці - PHP має кілька популярних фреймворків, один з яких - Laravel)
• Node.js (стає все більш популярним - це середовище для веб-програм, створених за допомогою JavaScript)

Для того, щоб великомасштабні веб-сайти та веб-програми працювали, це більше, ніж вихідна мова та рамки. Вся інформація на веб-сайті або в додатку повинна зберігатися де-небудь.

Саме тут входять бази даних.

Популярні бази даних включають:

• MySQL
• PostgreSQL
• MongoDB
• І інші

Зазвичай певні базові мови / фреймворки вимагають певної бази даних. Наприклад, для повної структури стека MEAN потрібен MongoDB.

Крім знання базової мови / бази даних і запущених баз даних, розробники back-end також повинні мати уявлення про серверну архітектуру.

Налаштування сервера належним чином дозволяє швидко працювати, а не припиняти роботу, а не давати користувачам помилки. Це підпадає під домен розробника, оскільки більшість помилок відбувається на задній панелі, а не на передньому кінці.

Повний стек

Повний стек - це комбінація як переднього, так і заднього кінців. Розробник повного стека є джек-оф-з-торгів. Вони відповідають за всі рівні розвитку, від того, як сервер налаштований до CSS, пов'язаного з дизайном.

Сьогодні в веб-розробці є стільки, що практично неможливо обробляти обидві сторони. Хоча багато людей можуть стверджувати, що вони є повний стек, або насправді, вони як і раніше, як правило, більше орієнтовані на одну сторону: клієнт або сервер.

У невеликих компаніях / стартапах одна людина, швидше за все, відповідає за всі сторони спектру веб-розробки. Однак у великих компаніях люди працюють над командами і мають спеціалізовані ролі - одна зосереджується виключно на серверній архітектурі, інша (або кілька людей) на передній панелі тощо.

Висновок

Веб-розробка має багато облич, і вона розвивається більше з кожним днем. Існує багато чого, щоб дізнатися, але не відчувайте тиску, щоб дізнатися все відразу. Пам'ятайте, що в робочому середовищі ви зазвичай перебуваєте в команді з іншими. Зосередьтеся на відточенні своїх навичок в одному аспекті веб-розробки за один раз. Не переймайтеся, і ви будете професіоналом, перш ніж ви це знаєте.