Front end розробка: що це таке або як зробити живий і розумний сайт

Опубликованно 10.12.2017 02:40

Браузер відображає все, що отримує від сервера і «розуміє». Це дає підставу визначити процес відображення і процес формування даних на дві складові. Відвідувач, переглядаючи сторінку, робить дії, що дає підстави функціоналу сторінки «управляти сервером.

Сервер формує першу сторінку, коли браузер «заходить» на сайт. Потім сервер очікує «вказівок». При такому положенні речей: front end і back end розробка дійсно привід дати роботу двом категоріям розробників паралельно. Сайт - це єдина система

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

На науку інфосфера ще не тягне. Етап «будівництва» програм та сайтів вже позаду. Область інформаційних технологій спокійно розвивається, а розробники діють на свій страх і ризик, поважаючи думку колег, не особливо критикуючи варіанти роботи кожного, приймаючи це як є, у всьому його різноманітті.

Статичні сторінки вже давно в минулому, системи керування сайтами вже стали звичними. Значна частина розробників продовжує писати «ручками», а всі інші, хто використовує шаблони, CMS, фреймворки та подібні інструменти прискорення роботи над сайтами, час від часу дописують до своїх виробів коди на серверних або браузерних мовами.

Що робити, досконалих інструментів в області сайтобудування ще немає, доводиться використовувати все, що доступно.Про можливості front-end

Книга «Front-end. Клієнтська розробка для професіоналів» - свого роду концентрат якісного і практичного опису JavaScript, HTML5 та CSS3, орієнтованого на кваліфікованого розробника, прагне до розробки якісного «клієнтського» коду.

Node.js, ES6, REST, практичні приклади та чудовий стиль. Поза сумнівом, "Front end: клієнтська розробка для професіоналів" - це відмінне та корисне видання, фундаментальні основи для розробника - біблія знань і процесів їх ефективного застосування.

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

Склалася думка, що є незалежні кваліфікації за гипертексту (HTML), по мові XML, таблиць каскадних стилів (CSS) та іншими напрямами. Природно, важко не розділити роботу:середа браузера;«філософія» сервера.

Так би мовити, очевидно, front end розробка - це принципово важливо, але це зовсім не робота на сервері.Про особливості back-end

Світ інтернету обслуговує безліч серверів та технологій. Тут Apache, у всіх його діючих версіях, як і раніше, законодавець мод. Сімейство юниксоидов донині не поступився пальму першості в серверному справі ніяким іншим платформам.

З точки зору розробника, перемогла простота, надійність і прагнення до створення систем, не схильних до синього екрану «паніки», але впевнено забезпечують адекватний вихід з будь-якої непередбаченої ситуації.

Це рівень серверних технологій, тобто, це не front-end розробка, що це значить - начебто ясно: тут немає браузера, але є PHP або інший серверний мова.

Протокол HTTP (або інший) дозволяє браузеру звернутися до сервера за отриманням сторінки, і браузер відповідає взаємністю. Серверний мова відпрацьовує функціонал, створений розробником "back-end" і передає "front-end" в браузер. Це може бути перша сторінка, оновлення сторінки або перехід до іншої сторінки, включаючи перехід за посиланням на інший сайт, тобто на інший сервер.Поєднання back-end + front-end розробка: що це, можливо це?

Будь пристойно налаштований сервер пропонує розробнику масу сучасних мов та інструментів для будь-якої відповіді браузеру. Клієнт тут ні при чому, він діє лише через браузер. Хоча клієнтом може виступати:інтернет-робот;«павук» - модний бренд в сфері парсинга;інше програмне виріб.

Браузерів багато, але його DOM-ська логіка і JavaScript в 99.9% випадків - основа для відображення відповіді сервера. Будь потік інформації від сервера браузер намагається трансформувати в DOM і передбачає в ньому знайти:HTML.CSS.JavaScript.

Ця свята трійця становить front-end і розробку: що це таке і як це застосувати - ніби як гранично ясно.

DOM - це дерево, так звично і традиційно звучить. Насправді DOM - це, відмінно продумана система, а JavaScript - її рідна мова. У цьому контексті знання - Front-end: клієнтська розробка для професіоналів в pdf-форматі - це дуже добре, але ідеально у форматі настільної книги, яка завжди на виду.

Суттєво: коли браузер відкриває сайт, він будує DOM і потім уточнює його, поки клієнт знаходиться в сфері компетенції відкритої сторінки. Переміщення клієнта між сторінками, як за внутрішнім, так і по зовнішніх посиланнях, змінює зміст DOM і JavaScript-функціонала. Front-end розробник має всі підстави і можливості комплексно управлятися в браузері, не втрачаючи при цьому контролю над управлінням.

У сервера - інша філософія. Тут багато клієнтів, за кожним не встежиш. Але важливо не це, а те, що тут неможливо побудувати постійно діючу систему об'єктів для кожного відкритого з'єднання. Насправді кваліфікованого розробнику це по силам, але цей момент не узаконений ні сервером, ні яким-небудь серверним мовою.Система клієнт + сервер

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

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

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

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

Сайт можуть створювати кілька розробників, але це повинна бути команда. Команда кваліфікована і тісно пов'язана. Один може створювати CSS-правила, інший - компонувати тільки HTML-теги, третій натхненно розписувати функціонал на JavaScript по тегам, правилами і подій. Але це повинна бути взаємопов'язана команда, яка враховує серверну частину, не відокремлюючи її від браузерною.

Неможливо написати код на PHP, який не володіє тим, що написав CSS-розробник, скомпонував фахівець з HTML і позначив JavaScript-програміст. Інакше сайт не стане системою, а якщо сайт - не система, то це не сайт, а марна трата сил і часу на створення сторінок front-end'a, які відображають те, що зможуть розібрати в отриманому від back-end'a. Останній відповідає взаємністю, розуміючи так, як виходить, все що прилітає від браузера.Точка всесвітньої мережі: сайт = система

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

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

Якщо веб-ресурс задовольняє певним вимогам - він є і доступний в мережі. Якщо ні, то не важливо, як співвідноситься back-end і front-end - що це таке, так і залишиться таємницею.

Категория: Техника