Back end ΠΈ front end: Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚

РассказываСт Π₯ьюго Π”ΠΈ ЀранцСско, Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ


Π’Ρ‹ навСрняка ΡƒΠΆΠ΅ ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ эти ΠΌΠΎΠ΄Π½Ρ‹Π΅ в сфСрС программирования слова Β«Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Β» и «бэкСнд», Π½ΠΎΒ Ρ‡Ρ‚ΠΎ Π·Π°Β Π½ΠΈΠΌΠΈ стоит? ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ в этом Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ с опрСдСлСний.

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ β€” всС, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ, Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ на экран ΠΈΒ / ΠΈΠ»ΠΈ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ. Π’ΠΎΒ Π΅ΡΡ‚ΡŒ это HTML, CSS ΠΈΒ JavaScript.

HTML (HyperText Markup Language) Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊΠΎΠ²ΠΎ содСрТаниС страницы, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊΒ», Β«ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Β», «список», «элСмСнт списка».

CSS (Cascading Style Sheets) Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ элСмСнты, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, «послС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Π° отступ Π²Β 20 пиксСлСй» ΠΈΠ»ΠΈ «вСсь тСкст в элСмСнтС body Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ½ΠΎ-сСрым и написан ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ VerdanaΒ».

JavaScript Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°Β Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ взаимодСйствия, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π»Π΅Π³ΠΊΠΈΠΉ язык программирования.

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ сайтов на самом Π΄Π΅Π»Π΅ Π½Π΅Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ JavaScript, но Ссли Π²Ρ‹Β Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ Π½Π°Β Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ и содСрТимоС страницы помСняСтся Π±Π΅Π· Π±Π΅Π»ΠΎΠ³ΠΎ мигания экрана, Π·Π½Π°Ρ‡ΠΈΡ‚, Π³Π΄Π΅-Ρ‚ΠΎ использовался JavaScript.

БэкСнд β€” всС, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ на сСрвСрС, Ρ‚ΠΎΒ Π΅ΡΡ‚ΡŒ Β«Π½Π΅Β Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅Β» ΠΈΠ»ΠΈ Β«Π½Π°Β ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, подсоСдинСнном к сСти (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΊΒ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ на сообщСния ΠΎΡ‚Β Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ²Β».

Для бэкСнда Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ инструмСнты, доступныС на вашСм сСрвСрС (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, по сути, являСтся просто ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠΌ, настроСнным для ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² на сообщСния). Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ язык программирования: Ruby, PHP, Python, Java, JavaScriptΒ / Node, bash. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ систСмы управлСния Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ MySQL, PostgreSQL, MongoDB, Cassandra, Redis, Memcached.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° взаимодСйствия бэкСнда ΠΈΒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π°

БСгодня сущСствуСт нСсколько основных Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΡ…, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ваши бэкСнд ΠΈΒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄.

Π‘Π΅Ρ€Π²Π΅Ρ€Π½Ρ‹Π΅ прилоТСния

В этом случаС HTTP-запросы ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ на сСрвСр прилоТСния, а сСрвСр ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ HTML-страницСй.

ΠœΠ΅ΠΆΠ΄Ρƒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ΠΌ запроса ΠΈΒ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠΌ сСрвСр ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡ‰Π΅Ρ‚ по запросу ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π²Β Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ… и встраиваСт СС в шаблон (ERB, Blade, EJS, Handlebars).

Когда страница Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π° Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, HTML опрСдСляСт, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, CSSΒ β€” ΠΊΠ°ΠΊ это Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ, Π°Β JSΒ β€” всякиС особыС взаимодСйствия.

Бвязь с использованиСм AJAX

Π”Ρ€ΡƒΠ³ΠΎΠΉ Ρ‚ΠΈΠΏ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ для связи AJAX (Asynchronous JavaScript and XML). Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ JavaScript, Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΉ Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, отправляСт HTTP-запрос (XHR, XMLΒ HTTP Request) ΠΈΠ·Π½ΡƒΡ‚Ρ€ΠΈ страницы и (Ρ‚Π°ΠΊ слоТилось историчСски) ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ XML-ΠΎΡ‚Π²Π΅Ρ‚. БСйчас для ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JSON.

Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΡƒΒ Π²Π°ΡˆΠ΅Π³ΠΎ сСрвСра Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ конСчная Ρ‚ΠΎΡ‡ΠΊΠ°, которая ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ на запросы JSON- ΠΈΠ»ΠΈ XML-ΠΊΠΎΠ΄ΠΎΠΌ. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ»ΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… для этого — REST ΠΈΒ SOAP.

ΠšΠ»ΠΈΠ΅Π½Ρ‚ΡΠΊΠΈΠ΅ (одностраничныС) прилоТСния

AJAX позволяСт Π²Π°ΠΌ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ Π±Π΅Π· обновлСния страницы. Π‘ΠΎΠ»ΡŒΡˆΠ΅ всСго это ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π²Β Ρ‚Π°ΠΊΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°Ρ…, ΠΊΠ°ΠΊ Angular ΠΈΒ Ember. ПослС сборки Ρ‚Π°ΠΊΠΈΠ΅ прилоТСния ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, и любой ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³ выполняСтся на сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° (Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅).

Π’Π°ΠΊΠΎΠΉ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ общаСтся с бэкСндом Ρ‡Π΅Ρ€Π΅Π· HTTP, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ JSON- ΠΈΠ»ΠΈ XML-ΠΎΡ‚Π²Π΅Ρ‚Ρ‹.

Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Π΅/ΠΈΠ·ΠΎΠΌΠΎΡ€Ρ„Π½Ρ‹Π΅ прилоТСния

НСкоторыС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈΒ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, React ΠΈΒ Ember, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΠΈΡΠΏΠΎΠ»Π½ΡΡ‚ΡŒ прилоТСния ΠΊΠ°ΠΊ на сСрвСрС, Ρ‚Π°ΠΊ ΠΈΒ Π²Β ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅.

В этом случаС для связи Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π° с бэкСндом ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΈΒ AJAX, ΠΈΒ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ на сСрвСрС HTML.

Π’Π½Π΅ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π° и бэкСнда

Автономный Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

Π’Π΅Π±-прилоТСниям, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Β ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊΒ Π‘Π΅Ρ‚ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ всё мСньшС и мСньшС.

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-прилоТСния Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ лишь ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΈΒ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ (ΠΏΠΎΡ‡Ρ‚ΠΈ) всСгда. Π’Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π±Π°Π·Ρƒ Π΄Π°Π½Π½Ρ‹Ρ… Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’Β Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях вашим прилоТСниям Π½ΡƒΠΆΠ΅Π½ бэкСнд Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅, Π°Β Π·Π°Ρ‚Π΅ΠΌ лишь для синхронизации / Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…. Π’Π°ΠΊΠΎΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ постоянства ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ большая Ρ‡Π°ΡΡ‚ΡŒ Π»ΠΎΠ³ΠΈΠΊΠΈ прилоТСния находится нСпосрСдствСнно Π²Β ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅.

Π›Π΅Π³ΠΊΠΈΠΉ бэкСнд

БэкСнд, в свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, становится Π»Π΅Π³Ρ‡Π΅ ΠΈΒ Π»Π΅Π³Ρ‡Π΅. Π’Π°ΠΊΠΈΠ΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΠΊΠ°ΠΊ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈΒ Π³Ρ€Π°Ρ„ΠΎΠ²Ρ‹Π΅ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, приводят ΠΊΒ ΡΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΡŽ количСства ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠΉ ΠΊ бэкСнду для ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ агрСгирования Π΄Π°Π½Π½Ρ‹Ρ…. Π—Π°Π΄Π°Ρ‡Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°Β β€” ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Π΅ Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½Ρ‹ (Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… Π³Ρ€Π°Ρ„ΠΎΠ²), ΠΈΠ»ΠΈ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ всС Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½Ρ‹ (REST API).

БСйчас ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ бэкСнд-сСрвисы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ нС постоянно, Π°Β Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π½ΡƒΠΆΠ½Ρ‹, благодаря бСссСрвСрным Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°ΠΌ, Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊ AWS Lambda.

Π Π°Π·ΠΌΡ‹Ρ‚Ρ‹Π΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹

Π’Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ΠΎΠΌ и бэкСндом. В зависимости ΠΎΡ‚Β Π²ΠΈΠ΄Π° прилоТСния ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вычислСния ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ Π»ΠΈΠ±ΠΎ Π²Β ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅, Π»ΠΈΠ±ΠΎ на сСрвСрС.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ·Β Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΈΠΌΠ΅Π΅Ρ‚ свои ΠΏΠ»ΡŽΡΡ‹ и минусы. Π‘Π΅Ρ€Π²Π΅Ρ€Β β€” срСда Π±ΠΎΠ»Π΅Π΅ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½Π°Ρ, ΠΈΠΌΠ΅Π΅Ρ‚ мСньшС нСизвСстных, Π½ΠΎΒ Π΅ΠΌΡƒ постоянно Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊΒ Π‘Π΅Ρ‚ΠΈ. НСкоторыС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ послСдниС вСрсии Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², ΠΈΒ ΠΈΠΌΒ Π²Ρ‹Π³ΠΎΠ΄Π½Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ клиСнтскиС прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΒ Π΄Π΅Π»Π°ΡŽΡ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΈΒ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡ…Π²Π°ΡΡ‚Π°Ρ‚ΡŒΡΡ красивым интСрфСйсом, Π½ΠΎΒ Ρ‚ΠΎΠ³Π΄Π° Π²Ρ‹Β ΠΎΡ‚Ρ‚ΠΎΠ»ΠΊΠ½Ρ‘Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ новСйшиС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ и высокоскоростноС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊΒ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ.

Π’Β Π»ΡŽΠ±ΠΎΠΌ случаС, Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, ΠΈΠ·Β Ρ‡Π΅Π³ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ. Π“Π»Π°Π²Π½ΠΎΠ΅Β β€” Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎΒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈ. НадСюсь, у вас появилось большС понимания ΠΎΒ Ρ‚ΠΎΠΌ, Π²Β ΠΊΠ°ΠΊΠΎΠΌ состоянии сСгодня находится Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°.

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«In simple terms: backend code, frontend code and how they interactΒ»

бэкСнд, Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ ΠΈΡ… взаимодСйствиС

Взгляд Π½Π° Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ этот пост Π±Ρ‹Π» ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠΌ Π½Π° Quora: Как Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄- ΠΈ бэкСнд-ΠΊΠΎΠ΄?






Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ.

ВсС, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ способСн Π²ΠΎΡΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ, ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΈ/ΠΈΠ»ΠΈ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ. Π’ΠΎ Π΅ΡΡ‚ΡŒ HTML, CSS ΠΈ JavaScript.

HTML (Hypertext Markup Language, язык Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ гипСртСкста) Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π°Π±Π·Π°Ρ†, список, элСмСнт списка ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

CSS (Cascading Style Sheets, каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй) ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π·Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ выглядят элСмСнты: «отступ послС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π°Π±Π·Π°Ρ†Π° Ρ€Π°Π²Π΅Π½ 20 пиксСлям», «вСсь тСкст Π² body Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π΅ΠΌΠ½ΠΎ-сСрым».

JavaScript заставляСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° дСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ Π²Π΅Π±-сайтов практичСски Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ JavaScript, Π½ΠΎ Ссли, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Ρ‹ ΠΊΠ»ΠΈΠΊΠ°Π΅Ρ‚Π΅ Π½Π° Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ, ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ страницы мСняСтся Π±Π΅Π· Π΅Π΅ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, это ясно ΡΠ²ΠΈΠ΄Π΅Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΡƒΠ΅Ρ‚ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ JavaScript-ΠΊΠΎΠ΄ здСсь ΠΊΠΎΠ΅-Π³Π΄Π΅ присутствуСт.

ВсС, Ρ‡Ρ‚ΠΎ происходит Π½Π° сСрвСрС (Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами Β«Π½Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅Β» ΠΈΠ»ΠΈ Β«Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΌ ΠΊ сСти, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΊ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚, ΠΈ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰Π΅ΠΌ Π½Π° запросы ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉΒ»).

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для бэкСнда Π»ΡŽΠ±Ρ‹Π΅ инструмСнты, доступныС Π½Π° вашСм сСрвСрС (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, ΠΏΠΎ сути, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ просто особым ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ настроСнным ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠΌ). МоТно Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π»ΡŽΠ±Ρ‹ΠΌ языком программирования ΠΎΠ±Ρ‰Π΅Π³ΠΎ назначСния, Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊ Ruby, PHP, Python, Java, JavaScript/Node, bash. Π’Π°ΠΊΠΆΠ΅ Ρƒ вас Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ сСрвСр Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ…, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, MySQL, PostgreSQL, MongoDB, Cassandra, Redis, Memcached.

Π Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³ Π½Π° сторонС сСрвСра

БистСма прямых HTTP-запросов ΠΊ server-rendered ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽΒ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ отправляСт HTTP-запрос, Π° сСрвСр ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ HTML-страницСй.

ΠœΠ΅ΠΆΠ΄Ρƒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ΠΌ запроса ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠΌ Π½Π° Π½Π΅Π³ΠΎ, сСрвСр ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ обращаСтся ΠΊ Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡˆΠ°Π±Π»ΠΎΠ½ΠΈΠ·Π°Ρ‚ΠΎΡ€Π° (ERB, Blade, EJS, Handlebars). Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ страницС HTML ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΉ содСрТится, CSS Π·Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ это выглядит, Π° JS β€” Π·Π° взаимодСйствиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ.

ΠšΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΡ с использованиСм AJAX

АббрСвиатура AJAX Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ Asynchronous JavaScript and XML (асинхронный JavaScript ΠΈ XML). Π­Ρ‚Π° тСхнология основываСтся Π½Π° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ΅ HTTP-запросов JavaScript-ΠΊΠΎΠ΄ΠΎΠΌ со страницы. Π˜ΡΡ‚ΠΎΡ€ΠΈΡ‡Π΅ΡΠΊΠΈ ΠΎΡ‚Π²Π΅Ρ‚ поступал Π² XML, сСгодня ΠΆΠ΅ ΠΎΠ½ прСобразился Π² Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ JSON.

AJAX ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ваш сСрвСр ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΊΡƒΡŽ ΠΊΠΎΠ½Π΅Ρ‡Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΡƒΡŽ Π½Π° запросы XML ΠΈΠ»ΠΈ JSON-Π°ΠΌΠΈ. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΡ… Π·Π° это ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ»ΠΎΠ² β€” REST ΠΈ SOAP.

ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹Π΅ прилоТСния

ВСхнология асинхронных запросов позволяСт динамичСски ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ содСрТимоС страницы Π±Π΅Π· Π΅Π΅ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ достиг расцвСта благодаря JS-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌ Π²Ρ€ΠΎΠ΄Π΅ Angular ΠΈ Ember. Π’Π°ΠΊΠΈΠ΅ прилоТСния ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ с сСрвСра ΡƒΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ, Π° дальнСйший Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³ (ΠΏΡ€ΠΈ нСобходимости) производится Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° (Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅).

Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Π΅/ΠΈΠ·ΠΎΠΌΠΎΡ€Ρ„Π½Ρ‹Π΅ прилоТСния

React ΠΈ Ember Π² числС ΠΏΡ€ΠΎΡ‡ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠΎΡ€ΠΊΠΎΠ² ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Π½Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅, Ρ‚Π°ΠΊ ΠΈ Π½Π° сСрвСрС. Π‘ΠΎΠ·Π΄Π°Π½Π½ΠΎΠ΅ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΎΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΈ AJAX, ΠΈ рСндСрящийся Π½Π° сСрвСрС HTML для взаимодСйствия бэкСнда ΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π°.

Standalone Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

По ΠΌΠ΅Ρ€Π΅ развития Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ½ΠΈ всС мСньшС ΠΈ мСньшС зависят ΠΎΡ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ сСти.

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-прилоТСния Π·Π°ΠΏΡƒΡΠΊΠ°ΡŽΡ‚ΡΡ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½ΠΎ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ Π±Π°Π·Ρƒ Π΄Π°Π½Π½Ρ‹Ρ… Π² своСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ Π½ΡƒΠΆΠ½ΠΎ соСдинСниС с ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ΠΎΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΌ запускС ΠΈ Π·Π°Ρ‚Π΅ΠΌ лишь для обновлСния/синхронизации Π΄Π°Π½Π½Ρ‹Ρ…. Π’Π°ΠΊΠΎΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ нСзависимости Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ большая Ρ‡Π°ΡΡ‚ΡŒ Π»ΠΎΠ³ΠΈΠΊΠΈ Π±Ρ‹Π»Π° Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.

ЛСгковСсный бэкСнд

ΠŸΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½ΠΎ бэкСнд становится всС Π±ΠΎΠ»Π΅Π΅ ΠΈ Π±ΠΎΠ»Π΅Π΅ Π»Π΅Π³ΠΊΠΈΠΌ. Π’Π°ΠΊΠΈΠ΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΊΠ°ΠΊ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ Π³Ρ€Π°Ρ„ΠΎΠ²Ρ‹Π΅ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°ΡŽΡ‚ довольно Π²ΡΠ»ΡƒΡŽ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΉ Π°Π³Ρ€Π΅Π³Π°Ρ†ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° сторонС сСрвСра. ΠžΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π·Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ (Π³Ρ€Π°Ρ„ΠΎΠ²Ρ‹Π΅ Π‘Π”) ΠΈ ΠΊΠ°ΠΊ Π²Ρ‹Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΈΡ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ (REST API) лоТится Π½Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΡΠΊΡƒΡŽ сторону.

БСгодня ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ бэкСнд-сСрвСры, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π°ΠΆΠ΅ Π·Π°ΠΏΡƒΡ‰Π΅Π½Ρ‹ Π½Π΅ всС врСмя, Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° Π² этом Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ, спасибо Ρ‚Π°ΠΊΠΈΠΌ бСссСрвСрным Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°ΠΌ, ΠΊΠ°ΠΊ AWS Lambda.

Π‘Π»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ связки Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-бэкСнд всС возрастаСт.

БСгодня Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ, Π² зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° прилоТСния, Π²ΠΎΠ·Π»ΠΎΠΆΠΈΡ‚ΡŒ Π»ΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ ΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π½Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚, ΠΈΠ»ΠΈ ΠΆΠ΅ Π½Π° сСрвСр.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈΠΌΠ΅Π΅Ρ‚ свои достоинства ΠΈ нСдостатки. Π‘Π΅Ρ€Π²Π΅Ρ€ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π΅Π½ ΠΈ стабилСн, Π½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ постоянного ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ. НСкоторыС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ новСйшиС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, ΠΈ для Π½ΠΈΡ… ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π½ΠΎ-ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄Π΅Π»Π°Π΅Ρ‚ всю ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС, ΠΎΠ΄Π½Π°ΠΊΠΎ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ ΠΈ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΡƒΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ послСдниС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ вмСстС с ΠΎΠΏΡ‚ΠΎΠ²ΠΎΠ»ΠΎΠΊΠΎΠ½Π½Ρ‹ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΊΠ°Π±Π΅Π»Π΅ΠΌ.

ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд: ΠΎ самом Π³Π»Π°Π²Π½ΠΎΠΌ

ΠžΡΠ²ΠΎΠΈΡ‚ΡŒ основы Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π° Π·Π° 12 часов: большая Π²ΠΈΠ΄Π΅ΠΎΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ°

Frontend– ΠΈ backend–разработчик: Ρ€Π°Π·Π±ΠΎΡ€ профСссий, поиск призвания

Π’ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ ΠΏΠΎ ΠΎΠ΄Π΅ΠΆΠΊΠ΅ β€” ΠΏΡ€ΠΎΠ²ΠΎΠΆΠ°ΡŽΡ‚ ΠΏΠΎ ΡƒΠΌΡƒ. Π’ ΠΆΠΈΠ·Π½ΠΈ эта аксиома Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ: Π½Π°Π΄Π΅Ρ‚ΡŒ ΠΌΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΡΡ‚ΡŽΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅; ΠΏΡ€ΠΎΡ‡Π΅ΡΡ‚ΡŒ ΡƒΠΌΠ½ΡƒΡŽ ΠΊΠ½ΠΈΠ³Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ произвСсти Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΈ Π½Π΅ Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚ΡŒ. Π’ сСти β€” Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ.

На страТС красоты ΠΈ Ρ€Π°Π·ΡƒΠΌΠ° Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Π²ΠΎΠΈΠ½Ρ‹. ΠšΡ‚ΠΎ эти люди? РазбираСмся вмСстС.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄?

Π‘ английского Β«frontΒ» β€” лицСвая сторона, фасад. Π­Ρ‚ΠΎ ΠΈ Π΅ΡΡ‚ΡŒ основа Ρ‚Ρ€ΡƒΠ΄ΠΎΠ² frontend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° β€” созданиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ интСрфСйса вСб–рСсурса ΠΈΠ»ΠΈ прилоТСния, максимально Β«ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎΒ», ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ, ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. НС ΠΏΡƒΡ‚Π°Ρ‚ΡŒ с web–дизайнСром, Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠΌ ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠΌΠΈ ΠΌΠ»Π΅ΠΊΠΎΠΏΠΈΡ‚Π°ΡŽΡ‰ΠΈΠΌΠΈ! ΠžΠ±Ρ‰Π΅Π΅ β€” чувство прСкрасного, Π½ΠΎ, Π²Ρ‹Π±Ρ€Π°Π² ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Ρ‰ΠΈΠΊΠ°, Π³ΠΎΡ‚ΠΎΠ²ΡŒΡ‚Π΅ΡΡŒ ΡΡ‚Π°Ρ‚ΡŒ Π±ΠΎΠΉΡ†ΠΎΠΌ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ³ΠΎ профиля.Β 

Основная Π·Π°Π΄Π°Ρ‡Π° β€” ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ элСмСнтов сайта Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ коррСктности ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Ρ‹. По сути, Π²Ρ‹ ΠΏΡ€ΠΎΠΊΠ»Π°Π΄Ρ‹Π²Π°Π΅Ρ‚Π΅ Ρ€Π΅Π»ΡŒΡΡ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎ-Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½ΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ, конструируя ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈβ€“ΠΎΠ±Π»ΠΎΠΆΠΊΡƒ.Β 

Frontend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Ρ€Π΅Π°Π»ΠΈΠ·ΡƒΠ΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π» ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Π½Π°Π²Ρ‹ΠΊΠΎΠ²:

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³ΠΎΠ΄Π½ΠΎΠΉ структуры вСб–страницы. Π—Π΄Π΅ΡΡŒ Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΡ‹ знания HTML–размСтки, ΡƒΠΌΠ΅Π½ΠΈΠ΅ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ логичСскиС Π±Π»ΠΎΠΊΠΈ, ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»Ρ‹, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ссылки.
  • Для Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ созданного Ρ€Π°Π½Π΅Π΅ каркаса ΠΈ внСшнСго Π²ΠΈΠ΄Π° страницы Π² Ρ†Π΅Π»ΠΎΠΌ примСняСтся язык стилСй CSS: Π·Π°Π΄Π°Π΅ΠΌ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚, ΠΎΠΊΡ€Π°ΡˆΠΈΠ²Π°Π΅ΠΌ элСмСнты, Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠ΅ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΏΠΎΠ»Π΅ΠΉ. Бвязкой HTML+CSS Π΄Π°Π²Π½ΠΎ Π½ΠΈΠΊΠΎΠ³ΠΎ Π½Π΅ ΡƒΠ΄ΠΈΠ²ΠΈΡˆΡŒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это основа для Ρ€Π°Π±ΠΎΡ‚Ρ‹ прСимущСствСнного числа соврСмСнных интСрнСт–сайтов.Β 
  • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ² Π½Π° Π±Π°Π·Π΅ языка программирования JavaScript, ΠΊΠ°ΠΊ вишСнка Π½Π° Ρ‚ΠΎΡ€Ρ‚Π΅. НСкий этап Π²ΠΎΠ»ΡˆΠ΅Π±ΡΡ‚Π²Π° Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.ОТивлСниС элСмСнтов статичной страницы: Ρ‚Π°Π½Ρ†ΡƒΡŽΡ‰ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ окна–подсказки, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Ρ„ΠΎΡ€ΠΌ β€” всС, Ρ‡Ρ‚ΠΎ Π΄ΡƒΡˆΠ΅ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° ΡƒΠ³ΠΎΠ΄Π½ΠΎ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ бэкСнд?

Говоря Β«backΒ» (с английского), ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°Π΅ΠΌ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ находится Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈ скрыто ΠΎΡ‚ Π³Π»Π°Π· Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΎΡ‚Π½ΡŽΠ΄ΡŒ Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° ΠΌΠ°Π»ΠΎΠ·Π½Π°Ρ‡ΠΈΠΌΠΎΡΡ‚ΡŒ понятия, совсСм Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚ β€” Β«Π½Π°Ρ‡ΠΈΠ½ΠΊΠ°Β» Ρ€Π΅ΡˆΠ°Π΅Ρ‚. Алгоритмы, Π»ΠΎΠ³ΠΈΠΊΠ°, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ возмоТности Π²Π΅Π±-ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ лоТатся Π½Π° ΠΏΠ»Π΅Ρ‡ΠΈ backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Он запускаСт «сСрдцС» ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, отвСчая Π·Π° ΠΆΠΈΠ·Π½Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ½Ρ‹Π΅ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΡ‹.Β 

ΠšΠ°Ρ‡Π΅ΡΡ‚Π²Π΅Π½Π½Ρ‹ΠΉ бэкСнд β€” надСТная программно–аппаратная Ρ‡Π°ΡΡ‚ΡŒ вСб–сСрвиса β€” Ρ‚ΠΎΡ‚ самый Π½Π°Π±ΠΎΡ€ сСрвСров, систСм хранСния Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ софта, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… Π²ΠΎ Π±Π»Π°Π³ΠΎ Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ рСсурса.Β 

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ Ρ„ΠΎΡ€ΠΌΡ‹ для ΠΎΠ½Π»Π°ΠΉΠ½ Π·Π°ΠΊΠ°Π·Π° вашСй любимой ΠΏΠΈΡ†Ρ†Ρ‹ β€” Ρ€Π°Π±ΠΎΡ‚Π° Ρ„Ρ€ΠΎΠ½Ρ‚ΠΌΠ΅Π½Π°; ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Π²ΠΈΠ΄Π°Ρ…, количСствС, Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅, Π΄ΠΎΠ±Π°Π²ΠΊΠ°Ρ…, Π΄Π°Π½Π½Ρ‹Ρ… доставки, способа ΠΎΠΏΠ»Π°Ρ‚Ρ‹ ΠΈ Π²Ρ‹Π²ΠΎΠ΄ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° Π½Π° экран Π³Π°Π΄ΠΆΠ΅Ρ‚Π°, согласно Π²Ρ‹ΠΏΠ°Π²ΡˆΠ΅ΠΌΡƒ ΡΡ†Π΅Π½Π°Ρ€ΠΈΡŽ, β€” Π·Π°Π±ΠΎΡ‚Π° бэкСндСра.

КакиС знания, ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ для backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°?

  • PHP, Ruby, Python, Perl, Java. Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ хотя Π±Ρ‹ ΠΎΠ΄Π½ΠΎΠ³ΠΎ сСрвСрного языка β€” ΠΏΡ€ΠΎΡ…ΠΎΠ΄Π½ΠΎΠΉ Π±ΠΈΠ»Π΅Ρ‚ для ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠ³ΠΎ старта Π² вСб–программировании.
  • Π‘Π΅Π· понимания Π‘Π£Π‘Π” (систСмы управлСния Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ…) Π½Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ: Oracle, MySQL, Ms SQL Server. Начав ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ с ΠΎΠ΄Π½ΠΎΠΉ, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠΌ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚, Π² связи со ΡΡ…ΠΎΠΆΠ΅ΡΡ‚ΡŒΡŽ языка запросов Π² основС Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ….
  • Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ β€” Π½Π°Π±ΠΎΡ€ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ для упрощСния ΠΈ ускорСния процСсса Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайта: Django, Kohana, Symfony, Yii ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.Β 
  • Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ frontend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ β€” для слаТСнной Ρ€Π°Π±ΠΎΡ‚Ρ‹ криэйторов.
  • БСзусловным ΠΊΠΎΠ·Ρ‹Ρ€Π΅ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π½Π°Π½ΠΈΠ΅ английского языка с тСхничСским ΡƒΠΊΠ»ΠΎΠ½ΠΎΠΌ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ Π½Π΅ Π½ΠΈΠΆΠ΅ intermediate (ΠΊΠ°ΠΊ, Π²ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, ΠΈ для коллСги–фронтСндСра).

Π’ΠΎΡ‡ΠΊΠΈ пСрСсСчСния

Оба спСца Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ прСдставлСниС ΠΎ процСссах, происходящих Π½Π° ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„Ρ€ΠΎΠ½Ρ‚Π°Ρ…. НСльзя ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΡ‚ΠΎ Π²Π°ΠΆΠ½Π΅Π΅ ΠΈ Π½ΡƒΠΆΠ½Π΅Π΅. Π‘ΠΊΠΎΡ€Π΅Π΅: «Если Π±Ρ‹ Π½Π΅ я, Π½Π΅ Π±Ρ‹Π»ΠΎ Π± тСбя», ΠΏΡ€ΠΈΡ‡Π΅ΠΌ эта Ρ„Ρ€Π°Π·Π° ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΠ° с ΠΎΠ±Π΅ΠΈΡ… сторон. Π‘ΠΌΠ΅ΠΆΠ½Ρ‹Π΅ знания обСспСчат ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ внСсСниС ΠΏΡ€Π°Π²ΠΎΠΊ, Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, устранСниС ошибок, ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ рСализуСтся Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π».

Π’ зависимости ΠΎΡ‚ структуры ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ полярными Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ Π² Ρ…ΠΎΠ΄Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ происходит ΠΊΠ°ΠΊ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ, Ρ‚Π°ΠΊ ΠΈ Ρ‡Π΅Ρ€Π΅Π· посрСдника β€” Ρ‚ΠΈΠΌΠ»ΠΈΠ΄, project manager. Π’ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΌ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π½Π° своСм Π±Π΅Ρ€Π΅Π³Ρƒ.Β 

Frontend ΠΈΠ»ΠΈ backend: Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ?

«На вкус ΠΈ Ρ†Π²Π΅Ρ‚ всС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠΈ Ρ€Π°Π·Π½Ρ‹Π΅Β» β€” скаТитС Π²Ρ‹, ΠΈ ΠΎΡΠΏΠ°Ρ€ΠΈΠ²Π°Ρ‚ΡŒ это Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ смысла. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±Π»ΠΈΠΆΠ΅.

БчитаСтся, Ρ‡Ρ‚ΠΎ крСативная Π»ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ с Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΌ Π²ΠΎΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ творчСским ΠΏΠΎΡ€Ρ‹Π²ΠΎΠΌ β€” идСальноС описаниС Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°; матСматичСский склад ΡƒΠΌΠ° β€” Π΄ΠΎΡ€ΠΎΠ³Π° Π² бэкСнд.Β 

Но, Ссли Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ с Ρ‡Π΅Π³ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ, – Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ с Π°Π·ΠΎΠ² интСрфСйса. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ показалось слишком скучным? Π£Π³Π»ΡƒΠ±Π»ΡΠΉΡ‚Π΅ΡΡŒ Π² ΡΠ΅Ρ€Π²Π΅Ρ€Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ создания вСб–проСктов.Β 

Π£ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΡ€ΠΈ этом, Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ отмСнял. ЕТСсСкундноС появлСниС бСсконСчного количСства Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π΄Π΅Ρ€ΠΆΠΈΡ‚ Π² тонусС. Π₯ΠΎΡ‚ΠΈΡ‚Π΅ Π±Ρ‹Ρ‚ΡŒ вострСбованным? НСпрСрывно ΠΈΠ·ΡƒΡ‡Π°ΠΉΡ‚Π΅ ΠΈΡ…. Бравнивая направлСния, Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ бэкСнду Π² ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ. ПослСдний ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ Π΄ΠΎΠ»Π³ΠΈΠΉ ΠΆΠΈΠ·Π½Π΅Π½Π½Ρ‹ΠΉ Ρ†ΠΈΠΊΠ», Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Ρ„Ρ€ΠΎΠ½Ρ‚ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½ΠΎ развиваСтся, добавляя Π½ΠΎΠ²Ρ‹Π΅ инструмСнты Π² ΠΎΠ±ΠΎΡ€ΠΎΡ‚.

ЧувствуСтС Π² сСбС ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π» Β«Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π·Π° Π΄Π²ΠΎΠΈΡ…Β»? Π’Π°ΡˆΠ° стСзя β€” fullstack β€” ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° Π΄Π²ΡƒΡ… Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΉ ΠΎΠ΄Π½ΠΈΠΌ спСциалистом. Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ всСгда Π² Ρ†Π΅Π½Π΅ ΠΈ ΠΏΠΎΡ‡Π΅Ρ‚Π΅, Π° это нСоспоримоС прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ ΡƒΠ·ΠΊΠΎΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ соратниками.Β 

НС знаСшь, ΠΊΠ°ΠΊΠΎΠΉ курс Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ?

Π—Π°ΠΏΠΈΡˆΠΈΡΡŒ Π½Π° Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΡŽ ΠΈ ΠΌΡ‹ ΠΏΠΎΠΌΠΎΠΆΠ΅ΠΌ Π² Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ направлСния

Как ΡΡ‚Π°Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ ΠΈ Π³Π΄Π΅ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ бэкСндингу?

Вопрос Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ с ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ: Β«Π― всС ΠΌΠΎΠ³Ρƒ, я всС Π·Π°Π³ΡƒΠ³Π»ΡŽΒ». Π’ сСти Π²Ρ‹Π»ΠΎΠΆΠ΅Π½ΠΎ, собрано, структурировано ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠ½Π΅Π½ΠΈΠΉ, ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎ, ΠΏΡ€ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π΅, сСлфстадинг приносит ΠΆΠ΅Π»Π°Π½Π½Ρ‹Π΅ ΠΏΠ»ΠΎΠ΄Ρ‹ Π² Π΄Π΅Π½Π΅ΠΆΠ½ΠΎΠΌ эквивалСнтС.Β 

Π—Π΄Π΅ΡΡŒ Π½ΡƒΠΆΠ½ΠΎ чСстно сСбС ΠΏΡ€ΠΈΠ·Π½Π°Ρ‚ΡŒΡΡ, насколько Π²Ρ‹ дисциплинированы, усидчивы, ΠΌΠΎΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹. Π’Ρ€Π΅Π·Π²ΠΎ ΠΎΡ†Π΅Π½ΠΈΡ‚Π΅ силы Π² сортировкС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ β€” ΠΈΠ· моря ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰Π΅ΠΉ Π²Π΅Π±-ΠΏΠΈΡ‰ΠΈ Π²Π°ΠΌ прСдстоит Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΠ°ΠΌΡƒΡŽ Π²ΠΊΡƒΡΠ½ΡƒΡŽ Π³ΠΎΡ€ΡΡ‚ΡŒ, ΠΈΠΌΠ΅ΡŽΡ‰ΡƒΡŽ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ для front– ΠΈ backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².Β 

МоТно Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ‚Π°Π½Ρ†Π΅Π²Π°Ρ‚ΡŒ ΠΈ Π±Π΅Π· ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π±Π°Π»Π΅Ρ€ΠΈΠ½Ρ‹. Но Π½Π΅ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ Π±Ρ‹Π²Π°Π»Ρ‹Π΅ Π·Π½Π°Ρ‚ΠΎΠΊΠΈ Π½Π°Π·ΠΎΠ²ΡƒΡ‚ эту ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ Ρ‚Π°Π½Ρ†Π΅ΠΌ, Π° Π½Π΅ Ρ€ΡƒΠΊΠΎΠΏΠ°ΡˆΠ½Ρ‹ΠΌ Π±ΠΎΠ΅ΠΌ.Β 

Π’Π°ΡˆΠ° Ρ†Π΅Π»ΡŒ β€” ΠΎΠ±ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ качСствСнно ΠΈ быстро ΠΏΠΎΠ΄ ΠΏΠ°Ρ‚Ρ€ΠΎΠ½Π°ΠΆΠ΅ΠΌ ΠΎΠΏΡ‹Ρ‚Π½ΠΎΠ³ΠΎ сэнсэя? Π’Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ курсы. Если Π΄ΡƒΡˆΠ° просит frontend, ΡΡ‚Π°Ρ€Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Β«ΠšΡƒΡ€Ρ вСрстки (HTML5+CSS3+JS)Β» ΠΎΡ‚ Wezom Academy:

  • 32 часа = 16 занятий брСйнсторма Π½ΠΎΠ½-стоп;
  • ΠΏΠΎΡ‡Π²Π° для дальнСйшСго изучСния программирования ΠΈ Π²Ρ‹Π±ΠΎΡ€Π° направлСния Β«ΠΏΠΎ Π΄ΡƒΡˆΠ΅Β»;
  • практичСскиС ΠΎΡ‚Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Выбирая мСсто Π² IT–индустрии, ΠΎΡ†Π΅Π½ΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΊΠ°ΠΊ Π²ΠΎΡΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½Π½ΠΎΡΡ‚ΡŒ профСссии, Ρ‚Π°ΠΊ ΠΈ Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½Ρ‹Π΅ прСдпочтСния, способ ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΡ. Если, Π΄ΠΎΡ‡ΠΈΡ‚Π°Π² Π΄ΠΎ этого мСста, Π²Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠ»ΠΈΡΡŒ β€” мишн ΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚, ΠΊΠ°ΠΊ говорится.

Π•Ρ‰Π΅ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅? Π‘Ρ‚ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Π² ΠΎΠΊΠ½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи Π·Π° экстрСнной ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈ просто ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ ΠΏΠΎΠ³ΠΎΠ΄Π΅.Β 

Β 

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд: Π§Ρ‚ΠΎ Π›ΡƒΡ‡ΡˆΠ΅ Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ?

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅

Ни для ΠΊΠΎΠ³ΠΎ Π½Π΅ сСкрСт, Ρ‡Ρ‚ΠΎ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° являСтся ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· самых вострСбованных профСссий Π² ΠΌΠΈΡ€Π΅ Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚. Однако ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° для ΠΌΠ½ΠΎΠ³ΠΈΡ… состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ дСлятся Π½Π° Π΄Π²Π΅ спСциализации: Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд. Какая ΠΈΠ· Π½ΠΈΡ… ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π²Π°ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ всСго?

Π’ этом руководствС Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ всё, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ Π²ΡΡ‚Π°Ρ‚ΡŒ Π½Π° ΠΏΡƒΡ‚ΡŒ становлСния профСссионалом Π² этом Π΄Π΅Π»Π΅; освоив Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ для Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² этой сфСрС. ΠœΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ тСхнологиях, обсудим Ρ‚ΠΈΠΏ Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ рассмотрим Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ Π΄Π²Π° Ρ‚ΠΈΠΏΠ° Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²: Front end ΠΈ Back end.

Π‘Π°ΠΌΡ‹Π΅ ПолюбившиСся Π‘Ρ‚Π°Ρ‚ΡŒΠΈ

Π˜Ρ‰Π΅Ρ‚Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ связанной Ρ‚Π΅ΠΌΠ΅? ΠœΡ‹ собрали ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Π»ΠΈ врСмя с пользой. ВзглянитС!

Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π‘Ρ„Π΅Ρ€Ρ‹ Влияния: Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ±Π° спСциалиста ΠΌΠΎΠ³ΡƒΡ‚ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒΡΡ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Π² зависимости ΠΎΡ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ Π²Π°ΠΌΠΈ спСциализации Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Π²Π΅Ρ‰Π°ΠΌΠΈ. Если Π²Ρ‹ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ Π½Π΅ Ρ€Π΅ΡˆΠΈΡ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒ фуллстэк спСциалистом, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ Ρ€Π΅Π΄ΠΊΠΎΡΡ‚ΡŒ Π² нашС врСмя.

Π˜Ρ‚Π°ΠΊ, frontend backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈ ΠΈΡ… обязанности, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ!

Для Π½Π°Ρ‡Π°Π»Π° Π΄Π°Π²Π°ΠΉΡ‚Π΅ сравним Ρ‚ΠΎ, Ρ‡Π΅ΠΌ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π­Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ слоТная Ρ‚Π΅ΠΌΠ°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ отличия вСсьма Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, нСсмотря Π½Π° ΠΎΠ΄Π½Ρƒ сфСру Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Как Π Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π‘Π°ΠΉΡ‚Ρ‹?

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных. Amazon.com Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ для этого.

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ ΠΊΠ½ΠΈΠ³Ρƒ. Π’Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΎΠΊΠ½ΠΎ поиска, Π²Π²ΠΎΠ΄ΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅ Π½Π° Π»ΡƒΠΏΡƒ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ список.

Π—Π°Ρ‚Π΅ΠΌ, Π²Ρ‹ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅ Π½Π° Ρ‚ΠΎΠ²Π°Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ страницу Ρ‚ΠΎΠ²Π°Ρ€Π°, Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅ ΠΊΡƒΠΏΠΈΡ‚ΡŒ, Π²Π²ΠΎΠ΄ΠΈΡ‚Π΅ Π΄Π°Π½Π½Ρ‹Π΅, Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ способ доставки ΠΈ Π²ΠΎΡ‚ ваша ΠΊΠ½ΠΈΠ³Π° ΡƒΠΆΠ΅ Π² ΠΏΡƒΡ‚ΠΈ.

Π­Ρ‚ΠΎ Π·Π²ΡƒΡ‡ΠΈΡ‚ довольно просто, Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ? Π₯отя Π½Π° самом Π΄Π΅Π»Π΅ процСсс Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ слоТный, Ρ‡Π΅ΠΌ Π²Π°ΠΌ каТСтся.

ΠšΠ°ΠΊΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π΄Π΅Π»Π°Π» Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π² этом случаС?

Всё, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π½Π° сайтС Amazon Π±Ρ‹Π»ΠΎ создано Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ. Кнопки, список Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², страница Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², страница ΠΎΠΏΠ»Π°Ρ‚Ρ‹, практичСски всё.

Но.

ВсС эти элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·-Π·Π° ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹, которая Π±Ρ‹Π»Π° создана бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ. Π’Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ поисковоС ΠΏΠΎΠ»Π΅, созданноС Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Π½ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ благодаря использованию Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠ², созданных бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… с хранящими Ρ‚ΠΎΠ²Π°Ρ€Π°ΠΌΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт, Ρ‚ΠΎ это Π½Π΅ front end vs back end. Π­Ρ‚ΠΎ front end ΠΈ back end вмСстС.

Если ΠΎΠ±ΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ сказанноС, Ρ‚ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ всё, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈΠ»ΠΈ Π½Π° клиСнтской сторонС. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ систСмы сСрвСрной стороны, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ всСму, Ρ‡Ρ‚ΠΎ сдСлал Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

Π”Π΅Π½ΡŒ Из Π–ΠΈΠ·Π½ΠΈ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°

БущСствуСт Π»ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠΉ способ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, какая спСциализация Π²Π°ΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΠΆΠΈΡ‚ΡŒ дСнь Π² качСствС Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈΠ»ΠΈ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°? Π‘ΠΊΠΎΡ€Π΅Π΅ всСго Π½Π΅Ρ‚.

Π”Π°Π²Π°ΠΉΡ‚Π΅ прСдставим, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ X, которая ΠΈΠΌΠ΅Π΅Ρ‚ свой собствСнный ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ скСйтбордов.

Π­Ρ‚Π° компания ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ систСмных администраторов.

Если Π±Ρ‹ Π²Ρ‹ Π±Ρ‹Π»ΠΈ Π½Π° мСстС Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Ρ‚ΠΎ ваш дСнь начинался Π±Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π² 9 ΡƒΡ‚Ρ€Π° (Ссли ΠΏΠΎΠ²Π΅Π·Ρ‘Ρ‚). Π’Ρ‹ ΠΏΡ€ΠΈΠ΄Ρ‘Ρ‚Π΅ Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π²ΠΎΠ·ΡŒΠΌΡ‘Ρ‚Π΅ Ρ‡Π°ΡˆΠΊΡƒ ΠΊΠΎΡ„Π΅ ΠΈ ΠΏΠΎΠΉΠ΄Ρ‘Ρ‚Π΅ ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ с Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ Π½ΠΎΠ²ΡƒΡŽ идСю ΠΎΠ± ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΈ внСшнСго Π²ΠΈΠ΄Π° сайта ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

Если идСя Π±ΡƒΠ΄Π΅Ρ‚ принята, Ρ‚ΠΎ Π²Π°ΠΌ придётся ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Ρ‚ΡŒ 60% Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ сайта. Π’Π°ΠΊ ΠΊΠ°ΠΊ эта идСя ΠΈΠΌΠ΅Π΅Ρ‚ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Ρ‚ΠΎ с этого ΠΌΠΎΠΌΠ΅Π½Ρ‚ начнётся ваша Ρ€Π°Π±ΠΎΡ‚Π°.

Новый Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ (сСйчас Π±Π΅Π· этого ΠΏΠΎΡ‡Ρ‚ΠΈ Π½ΠΈΠΊΡƒΠ΄Π°), выглядит Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ Π²ΠΈΠ΄Π΅Π»ΠΈ. Он ΠΏΠΎΠ»ΠΎΠ½ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, параллакса ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. РСализация всСго этого Π±ΡƒΠ΄Π΅Ρ‚ нСпростой Π·Π°Π΄Π°Ρ‡Π΅ΠΉ.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, скорСС всСго Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π½Π΅ Π² восторгС, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ прСдыдущая вСрсия сайта Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° идСально, Π° Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π·Π°ΠΉΠΌΡ‘Ρ‚ Ρƒ вас мСсяцы Ρ€Π°Π±ΠΎΡ‚Ρ‹. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡΡ‚Ρ‹ ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π½Π΅ Π»ΡŽΠ±ΡΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

Π”Π΅Π½ΡŒ Из Π–ΠΈΠ·Π½ΠΈ БэкСнд Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Ρ€Π΅ΡˆΠΈΠΌ спор β€œfront end vs. back end”, взглянув Π½Π° Π½Π΅Π³ΠΎ с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны. Π’Π°Ρˆ дСнь начинаСтся ΠΏΠΎΡ‡Ρ‚ΠΈ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΈ Π²Ρ‹ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ Π½Π° встрСчу с тСхничСским Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠΌ вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

Он Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ сайт вашСго Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π° ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ поисковый запрос, Π΄Π° ΠΈ сам сайт загруТаСтся быстрСС. Π’Ρ‹ обсуТдаСтС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ Ρ€Π΅ΡˆΠ°Π΅Ρ‚Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ поиска, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ процСссы Π½Π° сторонС сСрвСры, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, настанСт врСмя Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π² Π²Π°ΡˆΡƒ ΠΏΠ΅Ρ‰Π΅Ρ€Ρƒ ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. Π­Ρ‚ΠΎ явно Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅Π»Π΅Π³ΠΊΠΎ, Π½ΠΎ Π²Ρ‹ настроСны Ρ€Π΅ΡˆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ. Π’Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ тяТСло ΠΈΡΠΊΠ°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, которая Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΡ€ΠΈΡ‚ΠΈΡ‡Π½Π° для ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Однако Π²Ρ‹ Π»ΡŽΠ±ΠΈΡ‚Π΅ ΠΈΡ… Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ.

Π’ΠΎ врСмя Π»Π°Π½Ρ‡Π° Π²Ρ‹ ΡΠ»Ρ‹ΡˆΠΈΡ‚Π΅ ΠΎ смСнС Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта. Π’Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚Π΅ ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ Π½Π΅ сильно ΠΎΠ± этом Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚Π΅ΡΡŒ. Π­Ρ‚ΠΎ Π²Π½Π΅ вашСй ΠΊΠΎΠΌΠΏΠ΅Ρ‚Π΅Π½Ρ†ΠΈΠΈ, Ρƒ вас своя Ρ€Π°Π±ΠΎΡ‚Π°.

Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΠšΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π’Π°ΠΌ НуТно Π‘ΡƒΠ΄Π΅Ρ‚ Π—Π½Π°Ρ‚ΡŒ

Как ΠΌΡ‹ Ρ€Π°Π½Π΅Π΅ ΡƒΠ·Π½Π°Π»ΠΈ, Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π½Π΅ сильно ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ. ОбС ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вСсь сайт ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π» ΠΊΠ°ΠΊ со стороны сСрвСра, Ρ‚Π°ΠΊ ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.

Однако здСсь Π΅ΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅, ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ сущСствуСт Ρ€Π°Π·Π½ΠΈΡ†Π° Π² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… инструмСнтах ΠΈ тСхнологиях для ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Набор Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Front End

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ frontend backend инструмСнты. Π₯Π»Π΅Π±ΠΎΠΌ ΠΈ маслом Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΡΠ²Π»ΡΡŽΡ‚ΡΡ HTML, CSS ΠΈ JavaScript. HTML β€” это гипСртСкстовый язык Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания основы сайта. CSS β€” это способ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊ всё Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ, стилизуя ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. JavaScript ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для добавлСния Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ для элСмСнтов.

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML, CSS ΠΈ JavaScript, для вас это Π±ΡƒΠ΄Π΅Ρ‚ слишком ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π΄Π°ΠΆΠ΅ для ΠΎΠΏΡ‹Ρ‚Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ, ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ Angular.js, React.js, BootStrap ΠΈ Ρ‚.Π΄., ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ процСсс ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠΆΠ΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ части ΠΊΠΎΠ΄Π° для Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Однако Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ для Π½Π°Ρ‡Π°Π»Π° Π»ΡƒΡ‡ΡˆΠ΅ всСго Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ этим ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. Π­Ρ‚ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ ΠΈ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡ‹Π³Ρ€Π°Ρ‚ΡŒ с Π²Π°ΠΌΠΈ Π·Π»ΡƒΡŽ ΡˆΡƒΡ‚ΠΊΡƒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π΅Ρ‰Ρ‘ ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ.

Если Π²Ρ‹ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² Π½Π°Ρ‡Π°Π»Π΅ обучСния, Ρ‚ΠΎ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС. Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ β€” это ΠΊΠΎΡΡ‚Ρ‹Π»ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ эффСктивно Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ знаниями ΠΈ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ. ΠŸΡ€Π΅ΠΆΠ΄Π΅ΠΌ Ρ‡Π΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ инструмСнт, Π½Π΅ мСшало Π±Ρ‹ Π½Π°Π±Ρ€Π°Ρ‚ΡŒΡΡ силы. Π­Ρ‚ΠΎ ΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΈ ΠΊ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅.

Учитывая сказанноС, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ X Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ нСвСроятный Π΄ΠΈΠ·Π°ΠΉΠ½, Π½ΠΎ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒ скриптов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ слаТСнно. Π’ качСствС ΠΎΠΏΡ‹Ρ‚Π½ΠΎΠ³ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ†Π΅Π½ΠΈΡ‚ΡŒ своё врСмя ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, Π²Ρ€ΠΎΠ΄Π΅ React.js ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ, Π²Ρ€ΠΎΠ΄Π΅ Angular.js Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² подходящих случаях.

Набор Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Back End

Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ приступим ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ части изучСния Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд инструмСнтов. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ довольно популярны. Однако Π² случаС с бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ всё совсСм Π½Π΅ Ρ‚Π°ΠΊ.

Π―Π·Ρ‹ΠΊΠΈ программирования сСрвСрной части

Π’Ρ‹Π±ΠΎΡ€ языков программирования зависит ΠΎΡ‚ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠΉ, Π½ΡƒΠΆΠ΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ Π²Π°ΡˆΠΈΡ… Π·Π½Π°Π½ΠΈΠΉ. БущСствуСт нСсколько популярных языков программирования сСрвСрной части, Π²Ρ€ΠΎΠ΄Π΅ PHP, JavaScript (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π² срСдС Node.js с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠΌ Express), Python, Ruby, C#, Java ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ язык, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. НапримСр, Ссли ваш сайт создан Π½Π° Symfony ΠΈΠ»ΠΈ Laravel, Ρ‚ΠΎ Π²Π°ΠΌ придётся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PHP. Для Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ° Django Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ станСт Python, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π° с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠΌ Express ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚ вас Π·Π½Π°Π½ΠΈΠΉ Node.js.

Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ…

БущСствуСт Π΄Π²Π° основных Ρ‚ΠΈΠΏΠ° Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ…: рСляционныС ΠΈ нСрСляционныС. Π’Ρ‹Π±ΠΎΡ€ Ρ‚ΠΈΠΏΠ° Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ систСму Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΄Π°ΠΆΠ΅ язык программирования, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

БущСствуСт нСсколько популярных систСм Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ…, Π²Ρ€ΠΎΠ΄Π΅ MongoDB, MySQL, Oracle, Redis ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

Π˜Ρ‚Π°ΠΊ, front end ΠΈ back end инструмСнты ΠΌΡ‹ рассмотрСли, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Ρ‘ΠΌ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚Π΅ΠΌΠ΅.

Разная БпСциализация Для Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²

Помимо ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ (frontend backend) ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… обязанностСй, ваш Π²Ρ‹Π±ΠΎΡ€ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ вашСй личности.

Если эстСтичСская Ρ‡Π°ΡΡ‚ΡŒ для вас являСтся Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎΠΉ, Ρ‚ΠΎ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄. Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ, Π² основном Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ.

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‚Π΅Π» ΡΡ‚Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ, Π½ΠΎ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ учился Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ.

БэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€. ЕдинствСнной Π²Π΅Ρ‰ΡŒΡŽ, которая Π²ΠΎΠ»Π½ΡƒΠ΅Ρ‚ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² являСтся написаниС эффСктивного ΠΈ понятного ΠΊΠΎΠ΄Π°. Π₯отя ΠΈΠ½ΠΎΠ³Π΄Π° этот аспСкт ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°Π±Ρ‹Ρ‚ ΠΈΠ»ΠΈ сорванного ΠΊΡ€Π°ΠΉΠ½Π΅Π³ΠΎ срока.

Π­Π»Π΅Π³Π°Π½Ρ‚Π½Ρ‹Π΅ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹, Π³Π΅Π½ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, это Ρ‚ΠΎ, Ρ‡Π΅ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡƒΠΌΠ΅Ρ‚ΡŒ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, сСйчас Π²Ρ‹ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π»ΠΈ, Ρ‡Ρ‚ΠΎ бэкСнд Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π²Π°ΠΆΠ½Π΅Π΅, Π΄Π°?

Однако это вовсС Π½Π΅ Ρ‚Π°ΠΊ. Π­Ρ‚ΠΈ Π΄Π²Π΅ спСциализации Ρ€Π°Π²Π½Ρ‹, хотя Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π½Π°Π±ΠΎΡ€ΠΎΠ² Π½Π°Π²Ρ‹ΠΊΠΎΠ² ΠΈ Π·Π½Π°Π½ΠΈΠΉ.

НСкоторыС люди Π±ΠΎΠ»Π΅Π΅ склонны к… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ хотят Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π±ΠΎΡ‚Π΅ этих Π²Π΅Ρ‰Π΅ΠΉ. НС Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ каТСтся Π²Π°ΠΌ Π»ΡƒΡ‡ΡˆΠ΅, это Π±ΡƒΠ΄Π΅Ρ‚ большой ошибкой!

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ ваш интСрСс. НСт Π½ΠΈΡ‡Π΅Π³ΠΎ Ρ…ΡƒΠΆΠ΅, Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ нравится.

Какая Π—Π°Ρ€ΠΏΠ»Π°Ρ‚Π° Ρƒ Π’Π΅Π±-Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°?

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ довольно Π½Π΅ΠΏΠ»ΠΎΡ…ΡƒΡŽ Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Ρƒ Π² сравнСнии со срСднСй ΠΏΠΎ своСй странС, ваш Π²Ρ‹Π±ΠΎΡ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ этого аспСкты.

Π”Π°Π²Π°ΠΉΡ‚Π΅ взглянСм Π½Π° Ρ†ΠΈΡ„Ρ€Ρ‹ ΠΈ ΠΏΠΎΠ΄Π²Π΅Π΄Ρ‘ΠΌ Π½Π΅ΠΊΠΈΠΉ ΠΈΡ‚ΠΎΠ³ Π² спорС β€œfront end vs back end”, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ взвСшСнноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Π­Ρ‚ΠΈ Π΄Π°Π½Π½Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ прСдставлСны Π² качСствС сравнСния.

Π—Π°Ρ€ΠΏΠ»Π°Ρ‚Π° Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

По Π΄Π°Π½Π½Ρ‹ΠΌ glassdoor.com срСдняя Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π² Π³ΠΎΡ€ΠΎΠ΄Π΅ Нью Π™ΠΎΡ€ΠΊ Ρ€Π°Π²Π½Π° $111,728, Ρ‡Ρ‚ΠΎ Π½Π° 20% Π²Ρ‹ΡˆΠ΅ Ρ‡Π΅ΠΌ Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ ΠΏΠΎ странС. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ объяснСно Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ Π³ΠΎΡ€ΠΎΠ΄Π° ΠΈΠΌΠ΅ΡŽΡ‚ высокиС расходы Π½Π° проТивания ΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π·Π²ΠΈΡ‚ΡƒΡŽ экосистСму бизнСса.

Π’ Π›ΠΎΠ½Π΄ΠΎΠ½Π΅, ВСликобритания, срСдняя годовая Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° для Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° составляСт ΠΎΠΊΠΎΠ»ΠΎ $52,000, Ρ‡Ρ‚ΠΎ 22% Π²Ρ‹ΡˆΠ΅ Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ срСднСго уровня, ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ glassdoor. com. Как Π²Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° ΡΠ΅Ρ€ΡŒΡ‘Π·Π½ΠΎ отличаСтся, Π½ΠΎ ΠΎΠ±Ρ‰ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π·Π°Ρ€ΠΏΠ»Π°Ρ‚ Π² странС остаётся практичСски Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅.

Π’ Индии срСднСгодовая Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° для Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° составляСт порядка $5,000. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‡Π΅Π½ΡŒ Π½ΠΈΠ·ΠΊΠΈΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ΠΌ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, Π½ΠΎ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ ΠΆΠΈΠ·Π½ΠΈ ΠΈ Π·Π°Ρ€ΠΏΠ»Π°Ρ‚ Π² странС!

Π—Π°Ρ€ΠΏΠ»Π°Ρ‚Π° БэкСнд

Π’ Нью Π™ΠΎΡ€ΠΊΠ΅ срСдняя Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π²Π½Π° $133,182, Ρ‡Ρ‚ΠΎ Π½Π° 17% Π²Ρ‹ΡˆΠ΅ Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ срСднСго уровня Π·Π°Ρ€ΠΏΠ»Π°Ρ‚. Как Π²Ρ‹ Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Ρ‚ΠΎ разнится с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ странами ΠΈ Π³ΠΎΡ€ΠΎΠ΄Π° Ρ‚Π°ΠΊΠΆΠ΅ высока.

Π’ Π›ΠΎΠ½Π΄ΠΎΠ½Π΅ срСдняя Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° являСтся ΡƒΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ высокой ΠΈ Ρ€Π°Π²Π½Π° $74,000, Π½Π° 32% Π²Ρ‹ΡˆΠ΅ срСднСй. Π’ Индии Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡƒΡŽ Π·Π°Ρ€Π°Π±ΠΎΡ‚Π½ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρƒ.

Π‘Π°ΠΌΡ‹Π΅ ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ Π‘Ρ‚Π°Ρ‚ΡŒΠΈ

ВзглянитС Π½Π° Π½Π°ΡˆΡƒ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ руководств, статСй ΠΈ ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΏΡ€ΠΎ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ для ΠΎΠ½Π»Π°ΠΉΠ½ обучСния ΠΈ массовыС ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ ΠΎΠ½Π»Π°ΠΉΠ½ курсы. ВсСгда Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π² курсС ΠΈ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΠΉΡ‚Π΅ Π²Π·Π²Π΅ΡˆΠ΅Π½Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ!

Π’Π΅Ρ€Π΄ΠΈΠΊΡ‚

Если Π΄Π΅Π»ΠΎ касаСтся Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Ρ‹, Ρ‚ΠΎ front end ΠΈ back end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π½Π΅ сильно разнятся, Π½ΠΎ бэкСнд спСциалист ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° большСС.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ?

Π’Π°ΠΊ ΠΊΠ°ΠΊ бэкСнд ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°Π΅Ρ‚ большС обязанностСй ΠΈ отвСтствСнности. Ошибка бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚ΠΎΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ большС, Ρ‡Π΅ΠΌ ошибка Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π² стилях.

Если Π² бэкСндС сайта Π΅ΡΡ‚ΡŒ ΡƒΡΠ·Π²ΠΈΠΌΠΎΡΡ‚ΡŒ, Ρ‚ΠΎ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π·Π»ΠΎΠΌΠ°Π½ ΠΈ компания понСсёт ΡΠ΅Ρ€ΡŒΡ‘Π·Π½Ρ‹Π΅ ΡƒΠ±Ρ‹Ρ‚ΠΊΠΈ. Если Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΡˆΠΈΠ±ΠΊΡƒ, Ρ‚ΠΎ послСдствия Π±ΡƒΠ΄ΡƒΡ‚ ΠΌΠ΅Π½Π΅Π΅ ΠΏΠ»Π°Ρ‡Π΅Π²Π½Ρ‹ΠΌΠΈ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

НадССмся, Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ вас Π΅ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ясноС прСдставлСниС ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅.

Если Π²Ρ‹ Π±ΠΎΠ»Π΅Π΅ заинтСрСсованы Π²ΠΎ внСшнСм Π²ΠΈΠ΄Π΅, Ρ‡Π΅ΠΌ слоТных Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ°Ρ… ΠΈ ΠΏΠ»Π°Π²Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅, Ρ‚ΠΎ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ.

Π­Ρ‚ΠΎ Π½Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ эта ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π»Π΅Π³Ρ‡Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ мастСром своСго Π΄Π΅Π»Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ мноТСство Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ². Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ смогли внСсти свою Π»Π΅ΠΏΡ‚Ρƒ Π² Π±ΠΎΠ»Π΅Π΅ слоТныС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹.

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны бэкСнд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ слоТным, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ спСциализированных Π·Π½Π°Π½ΠΈΠΉ, вмСсто стандартных HTML, CSS ΠΈ JavaScript.

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ БэкСнд. Π’Ρ‹Π±ΠΎΡ€ Π·Π° Π²Π°ΠΌΠΈ?

ΠžΡΡ‚Π°Π²ΡŒΡ‚Π΅ вашС чСстноС ΠΌΠ½Π΅Π½ΠΈΠ΅

ΠžΡΡ‚Π°Π²ΡŒΡ‚Π΅ вашС чСстноС ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠΌΠΎΠ³ΠΈΡ‚Π΅ тысячам людСй Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ для ΠΎΠ½Π»Π°ΠΉΠ½ обучСния. ВсС ΠΎΡ‚Π·Ρ‹Π²Ρ‹, ΠΏΠΎΠ·ΠΈΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΈΠ»ΠΈ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅, Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ, Ссли ΠΎΠ½ΠΈ чСстны. ΠœΡ‹ Π½Π΅ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅ΠΌ прСдвзятыС ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΈ спам. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ вашим ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ, ΠΌΠ½Π΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ Π΄Π°Ρ‚ΡŒ совСт — Ρƒ вас Π΅ΡΡ‚ΡŒ всё Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅!

ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ backend ΠΈ frontend Π² Yii framework

Π­Ρ‚ΠΎ вопрос, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Ρ€Π°Π½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΎΠ·Π΄Π½ΠΎ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ всС, ΠΊΡ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Yii. ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ явного Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π² стандартной сборкС, отсутствиС ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² руководствС ΠΏΡ€ΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΠΏΠΎΡ‚ΠΎΠΊΠ΅ авторских Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Π² wiki Yii framework, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠ΅Ρ€Π΅ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π΅Ρ‚ Π·Π°Π΄Π°Ρ‡Ρƒ раздСлСния backend ΠΈ frontend Π½Π° ΠΏΠ»Π΅Ρ‡ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ сам сСбС Π·Π»Ρ‹ΠΌ Π±ΡƒΡ€Π°Ρ‚ΠΈΠ½ΠΎ.

Π—Π΄Π΅ΡΡŒ прСдставлСн сокращСнный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈΠ·-Π·Π° ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ cms livestreet Π½Π° количСство символов Π² ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ

Π—Π°Π΄Π°Ρ‡Π° ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ backend/frontend Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈ для ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², Ρ‡ΡŒΡ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° Ρ‚Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅ ΠΏΠΎΡ…ΠΎΠΆΠ° Π½Π° Yii. ΠšΡΡ‚Π°Ρ‚ΠΈ рассматриваСмая вСрсия Yii framework Π½Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΈΠ°Π»ΡŒΠ½Π°, Π½ΠΎ большая Ρ‡Π°ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΠΌΡ‹Ρ… ΠΌΠ½ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π° для Yii 1.1.

ΠžΠ±Ρ‰Π΅Π΅ Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅

Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ Π²Ρ†Π΅Π»ΠΎΠΌ, Ρ‚ΠΎ сущСствуСт Π΄Π²Π° способа раздСлСния backend/frontend, Π² зависимости ΠΎΡ‚ количСства Ρ‚ΠΎΡ‡Π΅ΠΊ Π²Ρ…ΠΎΠ΄Π°, ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами ΠΎΡ‚ количСства ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π³Π΄Π΅ с ΠΎΠ΄Π½ΠΎΠΉ стороны Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ происходит Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ прилоТСния, Π° с Π΄Ρ€ΡƒΠ³ΠΎΠΉ рСализация прСдставлСна Π² Π²ΠΈΠ΄Π΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

ΠŸΡ€ΠΈ создании собствСнной Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΡƒΡ‡Π΅ΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ нСсколько ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ²:

  • Π‘Ρ‚Π΅ΠΏΠ΅Π½ΡŒ связности backend ΠΈ frontend. Она Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ отразится Π½Π° Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π΅ Ρ‚Π²ΠΎΠ΅Π³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π½ΠΎ ΠΈ Π½Π° Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ расти ΠΊΠΎΠ΄, ΠΎΡ‚ΠΊΡƒΠ΄Π° Ρ‚Π°ΠΊΠΆΠ΅ станСт Π²ΠΈΠ΄Π½ΠΎ насколько Π΄ΠΎΡ€ΠΎΠ³ΠΎ Ρ‚Π΅Π±Π΅ обойдСтся ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΈ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ, вСдь любая ошибка Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ возрастСт впослСдствии Π² нСсколько Ρ€Π°Π·.
  • Π’Ρ€ΡƒΠ΄Π½ΠΎΡΡ‚ΡŒ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π²Ρ‹Ρ‚Π΅ΠΊΠ°ΡŽΡ‰Π°Ρ ΠΈΠ· ΠΏΠ΅Ρ€Π²ΠΎΠΉ. Если ΠΈΠΌΠ΅Π΅Ρ‚ мСсто ограничСния ΠΏΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΈΠ»ΠΈ скаТСм Ρ‚Ρ‹ Π½Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ разобрался с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ заручится ΡƒΠΆΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ рСализациями.
  • ΠœΠ°ΡΡˆΡ‚Π°Π± ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Громадная Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° β€” Π³Ρ€ΠΎΠΌΠ°Π΄Π½ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ, Ρ‚ΡƒΡ‚ всС Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ ΠΈ просто. НС слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ монстрообразныС сборки для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ своСго прилоТСния, ΠΊΠ°ΠΊ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ нСслоТного сСрвиса для хранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  • Π’Π΅Π±-сСрвСр. РСализация Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈ смСнС хостинг ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ, количСство манипуляций с настройками сСрвСра Π±Ρ‹Π»ΠΎ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ.

Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ backend/frontend Π² Yii

Π§Ρ‚ΠΎ касаСтся Yii framework, здСсь ΠΌΠΎΠ³Ρƒ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ способы раздСлСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ½Π΅ довСлось Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Π² ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΌΠ΅Ρ€Π΅:

ВсС Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ внимания, Π½ΠΎ Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ Π²ΠΊΡ€Π°Ρ‚Ρ†Π΅ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ….

Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉ ΠΏΠΎ порядку.

Backend ΠΈ frontend β€” ΠΊΠ°ΠΊ Π΄Π²Π° прилоТСния

Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° Π΄Π²Π° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ β€” это Π½Π°Π²Π΅Ρ€Π½ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠ³Π»ΠΎ ΠΏΡ€ΠΈΠ΄Ρ‚ΠΈ Ρ‚Π΅Π±Π΅ Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ. ИдСя довольно-Ρ‚Π°ΠΊΠΈ простая Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ содСрТит Π² сСбС свои Ρ„Π°ΠΉΠ»Ρ‹, Π° ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°ΡŽΡ‰ΠΈΠ΅ΡΡ части выносятся Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Ρ‰ΡƒΡŽ (common) Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ. На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°Ρ‚ΡŒΡΡ с двумя вариациями раздСлСния, Π³Π΄Π΅ Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ случаС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ Π² Π²ΠΈΠ΄Π΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ (end’ΠΎΠ²), Π° Π²ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ΄Π½ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Π»ΠΎΠΆΠ΅Π½ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Оба Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ простой Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ. Π’Π°ΠΊΠΆΠ΅ послС ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ³ΠΎ изучСния ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΉ (behaviors) Π² Yii ΠΊ этим Π΄Π²ΡƒΠΌ способам раздСлСния backend/frontend Π² Ρ‚Π²ΠΎΠ΅ΠΌ Π½Π°Π±ΠΎΡ€Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° рСализация.

Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ end’ΠΎΠ²

Π’ wiki-ΡΡ‚Π°Ρ‚ΡŒΠ΅ The directory structure of the Yii project site ΠΎΡ‚ Qiang (ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· core-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²), показываСтся ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ раздСлСния Π½Π° нСсколько ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ (end’ΠΎΠ²), структура Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΉ выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

backend/
    common/
        components/
        config/
            params.php
            params-local.php *
        lib/
            Pear/
            yii/
            Zend/
        migrations/
        models/
            Comment.php
            Extension.php
            ...
    console/
        commands/
            SitemapCommand.php
            ...
        config/
            main.php
            main-local.php *
            params. php
            params-local.php *
        runtime/
        yiic.php *
    frontend/
        components/
        config/
            main.php
            main-local.php *
            params.php
            params-local.php *
        controllers/
            SiteController.php
            ...
        lib/
        models/ 
            ContactForm.php
            SearchForm.php      
        runtime/
        views/
            layouts/
            site/
        www/
            assets/
            css/
            js/
            index.php *
    yiic
    yiic.bat

Как ΡƒΠΆΠ΅ ΠΎΠ·Π²ΡƒΡ‡ΠΈΠ²Π°Π» Π²Ρ‹ΡˆΠ΅, ΠΎΠ±Ρ‰ΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ выносятся Π² ΠΎΠ±Ρ‰ΡƒΡŽ (common) Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ, Π° Π² ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΌ прилоТСния ΡΠ²Π»ΡΡŽΡ‚ΡΡ нСзависимыми, Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ находятся Π² Ρ€Π°Π·Π½Ρ‹Ρ… дирСкториях, Π½ΠΎ ΠΈ ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ свой ΠΊΠΎΠ½Ρ„ΠΈΠ³, своя Ρ‚ΠΎΡ‡ΠΊΠ° Π²Ρ…ΠΎΠ΄Π°, свои рСсурсы, свои ΠΌΠΎΠ΄ΡƒΠ»ΠΈ ΠΈ Ρ‚.Π΄.

Одно ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Π»ΠΎΠΆΠ΅Π½ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΎΠ΅

Organize directories for applications with front-end and back-end, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ располоТСниС Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΉ:

wwwroot/
    index. php
    backend.php
    assets/
    images/
    js/
    protected/
        config/
            main.php
        components/
        controllers/
        models/
        views/
        runtime/
        backend/
            config/
                main.php
            components/
            controllers/
            models/
            views/
            runtime/

Если Π² ΠΏΠ΅Ρ€Π²ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ ΠΎΠ±Ρ‰ΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ (ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, ΠΌΠΎΠ΄Π΅Π»ΠΈ, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ Ρ‚.ΠΏ.) Π²Ρ‹Π½ΠΎΡΠΈΠ»ΠΈΡΡŒ Π² ΠΎΠ±Ρ‰ΡƒΡŽ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ, Ρ‚ΠΎ здСсь backend ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π΅ΠΌΡƒ составныС элСмСнты прямо ΠΈΠ· frontend, Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами Π² backend’Π΅ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚ΡΡ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎ Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ backend’Ρƒ.

Backend и frontend на основС повСдСний

Organize directories for applications with front-end and back-end using WebApplicationEnd behavior, идСя Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ CWebApplication Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Ρ‡Π΅Ρ€Π΅Π· ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ опрСдСляСт Π½ΠΎΠ²Ρ‹Π΅ ΠΏΡƒΡ‚ΠΈ для ΠΏΠ°ΠΏΠΊΠΎΠΊ с ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€Π°ΠΌΠΈ ΠΈ прСдставлСниями Π² зависимости ΠΎΡ‚ ΠΈΠΌΠ΅Π½ΠΈ end’Π°.

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ выполнСния инструкций ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΠΌΡ‹Ρ… Π² wiki-ΡΡ‚Π°Ρ‚ΡŒΠ΅ структура Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

webroot/
    index.php
    backend.php
    protected/
        components/
            Controller.php
            UserIdentity.php
        controllers/
            /front
                SiteController.php
            /back
                SiteController.php
        views/
            /front
                /layouts
                    column1.php
                    column2.php
                    main.php
                /site
                   /pages
                       about.php
                   contact.php
                   error.php
                   index.php
                   login.php
            /back
                /layouts
                    main.php
                /site
                    error. php
                    index.php
                    login.php

Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΏΠΎ своСму Ρ€Π΅ΡˆΠ°Π΅Ρ‚ вопрос ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ β€” Π² ΡƒΠ³ΠΎΠ΄Ρƒ удобству приносится ΠΆΠ΅Ρ€Ρ‚Π²Π° стандартными модулями, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ свой backend.

ΠžΠ±Ρ‰ΠΈΠ΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ ΠΏΡ€ΠΈ использовании Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

НСсколько ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β€” нСсколько Ρ‚ΠΎΡ‡Π΅ΠΊ Π²Ρ…ΠΎΠ΄Π°, здСсь всСм Π²Ρ‹ΡˆΠ΅ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ рСализациям свойствСнно:

  • Авторизация ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Авторизация распространяСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° ΠΎΠ΄ΠΈΠ½ end’, Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π²ΡˆΠΈΡΡŒ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΠΎ ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ гостСм Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ;
  • ΠœΠ°Ρ€ΡˆΡ‚Ρ€ΡƒΡ‚ΠΈΠ·Π°Ρ†ΠΈΡ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ красивый URL для backend.php придСтся нСсколько ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ с .htaccess ΠΈ/ΠΈΠ»ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ Π² UrlManager ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ΅;
  • ΠœΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Π’ случаС с повСдСниями происходит ΠΎΡ‚ΠΊΠ°Π· ΠΎΡ‚ использования стандартных ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.
  • Блабая связь ΠΌΠ΅ΠΆΠ΄Ρƒ end’Π°ΠΌΠΈ. НуТно ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ end’ свои Ρ„Π°ΠΉΠ»Ρ‹: рСсурсы, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, ΠΌΠΎΠ΄ΡƒΠ»ΠΈ ΠΈ Ρ‚. ΠΏ, Π° Ссли ΠΈ Π΅ΡΡ‚ΡŒ общая Ρ‡Π°ΡΡ‚ΡŒ Ρ‚ΠΎ скорСС ΠΎΠ½Π° вынСсСна, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ происходило дублирования, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΎΠ½Π° Π½Π΅ создаСт ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ зависимости ΠΌΠ΅ΠΆΠ΄Ρƒ end’Π°ΠΌΠΈ, ΠΈ хотя Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Ρ‚Π°ΠΊΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈ Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚, Π½ΠΎ Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ нСльзя ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылку ΠΈΠ· backend Π²ΠΎ frontend (ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚), Ρ‚Π΅Π±Π΅ придСтся Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ Π½Π° этот счСт.

Backend ΠΈ frontend β€” ΠΎΠ΄Π½ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅

Одно ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΎΠ΄Π½Π° связка Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΉ, ΠΎΠ΄Π½Π° Ρ‚ΠΎΡ‡ΠΊΠ° Π²Ρ…ΠΎΠ΄Π°. Π’ Ρ€Π°ΠΌΠΊΠ°Ρ… ΠΎΠ΄Π½ΠΎΠ³ΠΎ прилоТСния backend ΠΈ frontend ΠœΠΈΠ½ΡƒΡ ΠΎΠ΄ΠΈΠ½ β€” это лишь ΠΌΠΎΠ΄ΡƒΠ»ΡŒ прилоТСния, ΠΈ придётся ΠΌΠΈΡ€ΠΈΡ‚ΡŒΡΡ с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ всС assets, runtime, css, images ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅ Π½ΡƒΠΆΠ½ΠΎ Π»ΠΈΠ±ΠΎ Π΄Π΅Π»ΠΈΡ‚ΡŒ с Β«Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΌΒ», Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΠ»Π°Π³Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ усилия, Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΡ… ΠΎΡ‚ front’Π°.

Backend ΠΈ frontend ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€Ρ‹

Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ backend ΠΈ frontend ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€Ρ‹, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… опрСдСляСм собствСнныС layouts ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° доступа. Вакая рСализация ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ числа ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠ² появятся слоТности Π² ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

webroot/
    protected/
        components/
            ControllerBackend. php
            ControllerFrontend.php
            UserIdentity.php
        controllers/
            BackendSiteController.php
            SiteController.php
        models/
        views/
            /layouts
                column1.php
                column2.php
                main.php
            /site
                /pages
                   about.php
                contact.php
                error.php
                index.php
                login.php

Вакая организация умСстна Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ для ΠΌΠ°Π»Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Backend Π² Π²ΠΈΠ΄Π΅ модуля

ПослС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ количСство ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠ² увСличится появится Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ вынСсСния ΠΈΡ… Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ:

webroot/
    protected/
        components/
            Controller.php
            UserIdentity.php
        controllers/
            SiteController.php
        models/
        modules/
            admin/
                components/
                    ControllerBackend. php
                controllers/
                    SiteController.php
                views/
                    layouts/
                    default/
        views/
            /layouts
                column1.php
                column2.php
                main.php
            /site
                /pages
                   about.php
                contact.php
                error.php
                index.php
                login.php

Π Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ backend Π² смСТных модулях Π² ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… рСализациях

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΌ шагом Π² сторону развития backend Π² Π²ΠΈΠ΄Π΅ модуля являСтся созданиС Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ с собствССнными backend’Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹ ΡƒΠ΄Π°Ρ‡Π½ΠΎ Π²ΠΏΠΈΡΡ‹Π²Π°Π»ΠΈΡΡŒ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΡƒΡŽ структуру. Рассмотрим Π²ΠΊΡ€Π°Ρ‚Ρ†Π΅ ΠΏΠ°Ρ€Ρƒ Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… сборок, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΡƒΡŽΡ‚ Π² сСбС Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅.

Open Real Estate


Π‘Π±ΠΎΡ€ΠΊΠ° ΠΎΡ‚ студии Monoray. БСсплатноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для создания сайта агСнтства нСдвиТимости, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠ΅ Π½Π° Yii CMF.

ΠœΠΎΠ΄ΡƒΠ»ΡŒ Π² ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈ

<code>init()</code>

ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ„Π°ΠΉΠ»Ρ‹ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ. Π’Π°ΠΊΠΆΠ΅ Π² составС модуля ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ…Π΅Π»ΠΏΠ΅Ρ€Ρ‹ (helpers), Π½ΠΎ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ. Для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ backend/frontend ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠ² создано Π΄Π²Π° класса, находящихся Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°Ρ… β€” Controller ΠΈ ModuleAdminController, ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ свои ΠΏΡ€Π°Π²Π° доступа, layouts, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹. Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° модуля выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

\modules
    \apartments
        \components
        \controllers
            \backend
                \MainController.php
            \MainController.php
        \helpers
        \models
        \views
             \backend
        \ApartmentsModule.php

Для запуска backend-ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠ² Π² ΠΏΡ€Π°Π²ΠΈΠ»Π°Ρ… ΠΌΠ°ΡˆΡ€ΡƒΡ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ установлСно:

'/backend//' => '/backend//',
Yupe

CMS Yupe содСрТит основной ΠΌΠΎΠ΄ΡƒΠ»ΡŒ для управлСния backend, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, простой Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ доступа, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, Ρ…Π΅Π»ΠΏΠ΅Ρ€Ρ‹, Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ ΠΈ самоС Π³Π»Π°Π²Π½ΠΎΠ΅ backend ΠΈ frontend ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€Ρ‹ для смСТных (Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ…) ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ модуля:

\modules
    \catalog
        \controllers
            \CatalogController.php
            \DefaultController.php
        \models
        \views
             \default
        \CatalogModule.php

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Π² основном классС содСрТит настройки. Π§Ρ‚ΠΎ касаСтся ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠ², Ρ‚ΠΎ ΠΊΠ°ΠΊ Π½ΠΈ странно Π² Π²Ρ‹ΡˆΠ΅ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ DefaultController.php являСтся backend-ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠΌ, Π° CatalogController.php frontend-ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠΌ.

ЗамСчания ΠΏΡ€ΠΈ использовании ΠΎΠ΄Π½ΠΎΠ³ΠΎ прилоТСния


Вся Ρ€Π°Π±ΠΎΡ‚Π° происходит Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ этим ΡƒΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ сказано. Π’Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ даст Ρ‚Π΅Π±Π΅ нСсколько большС свободы Π² Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π² Ρ‚ΠΎΠΌ смыслС, Ρ‡Ρ‚ΠΎ Ρ‚Ρ‹ смоТСшь Π½Π°Ρ€Π°Ρ‰ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΊΠ°ΠΊ модулями, основанными Π½Π° Ρ‚Π²ΠΎΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°Ρ…, ΠΈΠ»ΠΈ стандартными модулями Yii. Если Ρ‚Π΅Π±Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ‡Π΅Ρ€Π΅Π· frontend-интСрфСйс, скаТСм, ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ послСдниС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Π½ΠΎ ΠΏΡ€ΠΈ этом авторизация доступна Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² backend, Ρ‚ΠΎ Π²Ρ‹Π±ΠΎΡ€ Π² сторону ΠΎΠ΄Π½ΠΎΠ³ΠΎ прилоТСния Π½Π° Π»ΠΈΡ†ΠΎ.

Π˜Ρ‚ΠΎΠ³


Как видишь Π΅ΡΡ‚ΡŒ нСсколько ΠΎΠ±Ρ‰ΠΈΡ… ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΎΠ² Π² Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΠΎΠ³ΠΎ вопроса, Π½Π΅ говоря ΡƒΠΆΠ΅ ΠΎ частных Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…. ΠŸΡ€ΠΈ этом Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ (ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊ-схСму) для Π²Ρ‹Π±ΠΎΡ€Π° Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ всС упираСтся Π² трСбования ΠΊ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ, ΠΊ Ρ‚ΠΎΠΌΡƒ Π² ΠΊΠ°ΠΊΡƒΡŽ сторону ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ собираСтся Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒΡΡ, ΠΈ ΠΏΠΎΠΌΠΈΠΌΠΎ этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ вопрос связности Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Yii framework прСдоставляСт Ρ‚Π΅Π±Π΅ свободу Π² Π΄Π°Π½Π½ΠΎΠΌ Π²Ρ‹Π±ΠΎΡ€Π΅.

НСсокращСнный ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π» ΡΡ‚Π°Ρ‚ΡŒΠΈ: ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ backend ΠΈ frontend Π² Yii framework

gsv.ru — Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ frontend ΠΈ backend

Если Π’Π°ΠΌ понравился Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ ΠΈΠΌ с вашими Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ Π² соц сСтях


Front-end ΠΈ back-end (Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкэнд) β€” это Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΉ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ согласно ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ раздСлСния отвСтствСнности ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ΠΌ ΠΈ ΡƒΡ€ΠΎΠ²Π½Π΅ΠΌ доступа ΠΊ Π΄Π°Π½Π½Ρ‹ΠΌ соотвСтствСнно.

Β 

ΠšΠ»ΠΈΠ΅Π½Ρ‚-сСрвСрная Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ frontend ΠΈ backend, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π² ΠΎΠ±Ρ‰ΠΈΡ… Ρ‡Π΅Ρ€Ρ‚Π°Ρ… рассмотрим ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈ ΠΊΠ°ΠΊ ΠΌΡ‹, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚, ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ Π½Π°ΠΌ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.

Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ построСн ΠΏΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚-сСрвСрной Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π΅, Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ понятия:

Π‘Π΅Ρ€Π²Π΅Ρ€ΠΎΠΌ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‰Π΅Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²Π΅Π±-сСрвСра, Ρ‚Π°ΠΊ ΠΈ нСпосрСдствСнно сам ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС установлСно.

ΠšΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π’Π°Ρˆ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΊ глобальной сСти ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚. На Π΄Π°Π½Π½ΠΎΠΌ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ установлСно клиСнтскоС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для связи с сСрвСром, ΠΎΠ½ΠΎ называСтся Π±Ρ€Π°ΡƒΠ·Π΅Ρ€. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ (Π²Π΅Π±-ΠΎΠ±ΠΎΠ·Ρ€Π΅Π²Π°Ρ‚Π΅Π»Π΅ΠΌ) — называСтся ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ Π²Π΅Π±-сайты.

Одна ΠΈΠ· Π³Π»Π°Π²Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡ Π²Π΅Π±-сСрвСра ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ запросы ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ (ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²), ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΡ… ΠΈ Π²Ρ‹Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹. Π­Ρ‚ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈΠ· сСбя HTML-страницы с стилями оформлСния, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, изобраТСниями, ΠΌΠ΅Π΄ΠΈΠ°, flash ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ, javascript скриптами ΠΈ Ρ‚.Π΄. Π­Ρ‚ΠΎ ΠΈ Π΅ΡΡ‚ΡŒ frontend.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΡΠΊΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚.Π΅. frontend, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ пСрСходя ΠΏΠΎ ссылкам ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, отправляСт, сохраняСт ΠΈΠ»ΠΈ измСняСт Π΄Π°Π½Π½Ρ‹Π΅. ΠŸΡ€ΠΈ этом ΠΎΠ½ Π΄Π΅Π»Π°Π΅Ρ‚ запросы ΠΈ взаимодСйствуСт с Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, которая называСтся backend. МоТно ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ frontend β€” это интСрфСйс взаимодСйствия ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ backend.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠ², ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄:

frontend (Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄) β€” всС Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚, это публичная Ρ‡Π°ΡΡ‚ΡŒ сайта, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ нСпосрСдствСнно ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ.

backend (бэкэнд) β€” сСрвСрная Ρ‡Π°ΡΡ‚ΡŒ (Ρ€Π°Π±ΠΎΡ‚Π° с Π‘Π”, ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…, ΠΈ Ρ‚.Π΄.), Π²ΠΎΠΎΠ±Ρ‰Π΅ΠΌ всС, Ρ‡Π΅Π³ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚.

Β 

frontend ΠΈ backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ

Π’ соотвСтствии с Ρ‚Π°ΠΊΠΈΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ, Π² сфСрС Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Ρ‚ΠΎΠΆΠ΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΈ измСнСния, спСциалисты стали Ρ€Π°Π·Π΄Π΅Π»ΡΡ‚ΡŒΡΡ Π½Π° frontend ΠΈ backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

frontend ΠΈ backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ

Β 

Frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ занимаСтся созданиСм клиСнтской части сайта. Он вСрстаСт шаблона сайта ΠΈ создаСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс. Π Π°Π±ΠΎΡ‚Π° frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚ Π½Π΅Π³ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π·Π½Π°Π½ΠΈΠΉ. Он просто обязан ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ дизайнСрским вкусом, Π±Ρ‹Ρ‚ΡŒ искусным Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠΌ ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ программистом.

Backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ занимаСтся Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ слоТными Π²Π΅Ρ‰Π°ΠΌΠΈ. Он ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠΉ ΠΈΠ· frontend, ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² понятной Ρ„ΠΎΡ€ΠΌΠ΅. Π’ Ρ€ΡƒΠΊΠ°Ρ… этого спСциалиста сосрСдоточСна всС Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ создаваСмого ΠΈΠ»ΠΈ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, ядра сайта, ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности сайта, ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ слоТныС запросы, ΠΈ.. ΠΊΠ°ΠΊ это часто Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚ΠΎ, Π½ΠΎΠ²Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, связав ΠΈΡ… с ΡƒΠΆΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ. А это ΡƒΠΆΠ΅ Π½Π΅ ΡˆΡƒΡ‚ΠΊΠΈ. )

Если ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ, Ρ‚ΠΎ backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° для ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Ρ… Π±ΠΎΡ€ΠΎΠ΄Π°Ρ‚Ρ‹Ρ… дядСй. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Ρ€Π°Π±ΠΎΡ‚Π° backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ прСдставлСна Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ. ΠŸΡ€ΠΈΠΌΠ΅Ρ€, backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π» Π΄Π²Π΅ систСмы ΠΈ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π» Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΊΡƒ Π΄Π°Π½Π½Ρ‹ΠΌ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ. Ну ΠΈ Ρ‡Ρ‚ΠΎ, Π·Π°Ρ‚ΠΎ frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π’. ΠŸΡƒΠΏΠΊΠΈΠ½ Ρ‚Π°ΠΊΡƒΡŽ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ Π³Π°Π»Π΅Ρ€Π΅ΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π», Π²ΠΎΡ‚ это Π΄Π°!

Β 

Π’Π΅Ρ€ΠΌΠΈΠ½Ρ‹ frontend ΠΈ backend ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΠΊ Π²Π΅Π±-сайтам

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ сайтов происходит Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ процСсса Π΅Π³ΠΎ создания Π½Π° Π΄Π²Π΅ части:

  • frontend — Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСса
  • backend — Π΅Π³ΠΎ административная Ρ‡Π°ΡΡ‚ΡŒ

Β 

Β 

Β 

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡΠ·Ρ‹ΠΊΠΠ·Π΅Ρ€Π±Π°ΠΉΠ΄ΠΆΠ°Π½ΡΠΊΠΈΠΉΠΠ»Π±Π°Π½ΡΠΊΠΈΠΉΠΠ½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΠΡ€Π°Π±ΡΠΊΠΈΠΉΠΡ€ΠΌΡΠ½ΡΠΊΠΈΠΉΠΡ„Ρ€ΠΈΠΊΠ°Π°Π½ΡΠ‘Π°ΡΠΊΡΠΊΠΈΠΉΠ‘Π΅Π»ΠΎΡ€ΡƒΡΡΠΊΠΈΠΉΠ‘Π΅Π½Π³Π°Π»ΡŒΡΠΊΠΈΠΉΠ‘ΠΈΡ€ΠΌΠ°Π½ΡΠΊΠΈΠΉΠ‘ΠΎΠ»Π³Π°Ρ€ΡΠΊΠΈΠΉΠ‘ΠΎΡΠ½ΠΈΠΉΡΠΊΠΈΠΉΠ’Π°Π»Π»ΠΈΠΉΡΠΊΠΈΠΉΠ’Π΅Π½Π³Π΅Ρ€ΡΠΊΠΈΠΉΠ’ΡŒΠ΅Ρ‚Π½Π°ΠΌΡΠΊΠΈΠΉΠ“Π°Π»ΠΈΡΠΈΠΉΡΠΊΠΈΠΉΠ“Ρ€Π΅Ρ‡Π΅ΡΠΊΠΈΠΉΠ“Ρ€ΡƒΠ·ΠΈΠ½ΡΠΊΠΈΠΉΠ“ΡƒΠ΄ΠΆΠ°Ρ€Π°Ρ‚ΠΈΠ”Π°Ρ‚ΡΠΊΠΈΠΉΠ—ΡƒΠ»ΡƒΠ˜Π²Ρ€ΠΈΡ‚Π˜Π³Π±ΠΎΠ˜Π΄ΠΈΡˆΠ˜Π½Π΄ΠΎΠ½Π΅Π·ΠΈΠΉΡΠΊΠΈΠΉΠ˜Ρ€Π»Π°Π½Π΄ΡΠΊΠΈΠΉΠ˜ΡΠ»Π°Π½Π΄ΡΠΊΠΈΠΉΠ˜ΡΠΏΠ°Π½ΡΠΊΠΈΠΉΠ˜Ρ‚Π°Π»ΡŒΡΠ½ΡΠΊΠΈΠΉΠ™ΠΎΡ€ΡƒΠ±Π°ΠšΠ°Π·Π°Ρ…ΡΠΊΠΈΠΉΠšΠ°Π½Π½Π°Π΄Π°ΠšΠ°Ρ‚Π°Π»Π°Π½ΡΠΊΠΈΠΉΠšΠΈΡ‚Π°ΠΉΡΠΊΠΈΠΉ (Π£ΠΏΡ€)ΠšΠΈΡ‚Π°ΠΉΡΠΊΠΈΠΉ (Π’Ρ€Π°Π΄)ΠšΠΎΡ€Π΅ΠΉΡΠΊΠΈΠΉΠšΡ€Π΅ΠΎΠ»ΡŒΡΠΊΠΈΠΉ (Π“Π°ΠΈΡ‚ΠΈ)ΠšΡ…ΠΌΠ΅Ρ€ΡΠΊΠΈΠΉΠ›Π°ΠΎΡΡΠΊΠΈΠΉΠ›Π°Ρ‚ΠΈΠ½ΡΠΊΠΈΠΉΠ›Π°Ρ‚Ρ‹ΡˆΡΠΊΠΈΠΉΠ›ΠΈΡ‚ΠΎΠ²ΡΠΊΠΈΠΉΠœΠ°ΠΊΠ΅Π΄ΠΎΠ½ΡΠΊΠΈΠΉΠœΠ°Π»Π°Π³Π°ΡΠΈΠΉΡΠΊΠΈΠΉΠœΠ°Π»Π°ΠΉΡΠΊΠΈΠΉΠœΠ°Π»Π°ΠΉΡΠ»Π°ΠΌΠœΠ°Π»ΡŒΡ‚ΠΈΠΉΡΠΊΠΈΠΉΠœΠ°ΠΎΡ€ΠΈΠœΠ°Ρ€Π°Ρ‚Ρ…ΠΈΠœΠΎΠ½Π³ΠΎΠ»ΡŒΡΠΊΠΈΠΉΠΠ΅ΠΌΠ΅Ρ†ΠΊΠΈΠΉΠΠ΅ΠΏΠ°Π»ΠΈΠΠΈΠ΄Π΅Ρ€Π»Π°Π½Π΄ΡΠΊΠΈΠΉΠΠΎΡ€Π²Π΅ΠΆΡΠΊΠΈΠΉΠŸΠ°Π½Π΄ΠΆΠ°Π±ΠΈΠŸΠ΅Ρ€ΡΠΈΠ΄ΡΠΊΠΈΠΉΠŸΠΎΠ»ΡŒΡΠΊΠΈΠΉΠŸΠΎΡ€Ρ‚ΡƒΠ³Π°Π»ΡŒΡΠΊΠΈΠΉΠ ΡƒΠΌΡ‹Π½ΡΠΊΠΈΠΉΠ ΡƒΡΡΠΊΠΈΠΉΠ‘Π΅Π±ΡƒΠ°Π½ΡΠΊΠΈΠΉΠ‘Π΅Ρ€Π±ΡΠΊΠΈΠΉΠ‘Π΅ΡΠΎΡ‚ΠΎΠ‘ΠΈΠ½Π³Π°Π»ΡŒΡΠΊΠΈΠΉΠ‘Π»ΠΎΠ²Π°Ρ†ΠΊΠΈΠΉΠ‘Π»ΠΎΠ²Π΅Π½ΡΠΊΠΈΠΉΠ‘ΠΎΠΌΠ°Π»ΠΈΠ‘ΡƒΠ°Ρ…ΠΈΠ»ΠΈΠ‘ΡƒΠ΄Π°Π½ΡΠΊΠΈΠΉΠ’Π°Π³Π°Π»ΡŒΡΠΊΠΈΠΉΠ’Π°Π΄ΠΆΠΈΠΊΡΠΊΠΈΠΉΠ’Π°ΠΉΡΠΊΠΈΠΉΠ’Π°ΠΌΠΈΠ»ΡŒΡΠΊΠΈΠΉΠ’Π΅Π»ΡƒΠ³ΡƒΠ’ΡƒΡ€Π΅Ρ†ΠΊΠΈΠΉΠ£Π·Π±Π΅ΠΊΡΠΊΠΈΠΉΠ£ΠΊΡ€Π°ΠΈΠ½ΡΠΊΠΈΠΉΠ£Ρ€Π΄ΡƒΠ€ΠΈΠ½ΡΠΊΠΈΠΉΠ€Ρ€Π°Π½Ρ†ΡƒΠ·ΡΠΊΠΈΠΉΠ₯аусаΠ₯ΠΈΠ½Π΄ΠΈΠ₯ΠΌΠΎΠ½Π³Π₯ΠΎΡ€Π²Π°Ρ‚ΡΠΊΠΈΠΉΠ§Π΅Π²Π°Π§Π΅ΡˆΡΠΊΠΈΠΉΠ¨Π²Π΅Π΄ΡΠΊΠΈΠΉΠ­ΡΠΏΠ΅Ρ€Π°Π½Ρ‚ΠΎΠ­ΡΡ‚ΠΎΠ½ΡΠΊΠΈΠΉΠ―Π²Π°Π½ΡΠΊΠΈΠΉΠ―ΠΏΠΎΠ½ΡΠΊΠΈΠΉ

Β 

ΠΠ·Π΅Ρ€Π±Π°ΠΉΠ΄ΠΆΠ°Π½ΡΠΊΠΈΠΉΠΠ»Π±Π°Π½ΡΠΊΠΈΠΉΠΠ½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΠΡ€Π°Π±ΡΠΊΠΈΠΉΠΡ€ΠΌΡΠ½ΡΠΊΠΈΠΉΠΡ„Ρ€ΠΈΠΊΠ°Π°Π½ΡΠ‘Π°ΡΠΊΡΠΊΠΈΠΉΠ‘Π΅Π»ΠΎΡ€ΡƒΡΡΠΊΠΈΠΉΠ‘Π΅Π½Π³Π°Π»ΡŒΡΠΊΠΈΠΉΠ‘ΠΈΡ€ΠΌΠ°Π½ΡΠΊΠΈΠΉΠ‘ΠΎΠ»Π³Π°Ρ€ΡΠΊΠΈΠΉΠ‘ΠΎΡΠ½ΠΈΠΉΡΠΊΠΈΠΉΠ’Π°Π»Π»ΠΈΠΉΡΠΊΠΈΠΉΠ’Π΅Π½Π³Π΅Ρ€ΡΠΊΠΈΠΉΠ’ΡŒΠ΅Ρ‚Π½Π°ΠΌΡΠΊΠΈΠΉΠ“Π°Π»ΠΈΡΠΈΠΉΡΠΊΠΈΠΉΠ“Ρ€Π΅Ρ‡Π΅ΡΠΊΠΈΠΉΠ“Ρ€ΡƒΠ·ΠΈΠ½ΡΠΊΠΈΠΉΠ“ΡƒΠ΄ΠΆΠ°Ρ€Π°Ρ‚ΠΈΠ”Π°Ρ‚ΡΠΊΠΈΠΉΠ—ΡƒΠ»ΡƒΠ˜Π²Ρ€ΠΈΡ‚Π˜Π³Π±ΠΎΠ˜Π΄ΠΈΡˆΠ˜Π½Π΄ΠΎΠ½Π΅Π·ΠΈΠΉΡΠΊΠΈΠΉΠ˜Ρ€Π»Π°Π½Π΄ΡΠΊΠΈΠΉΠ˜ΡΠ»Π°Π½Π΄ΡΠΊΠΈΠΉΠ˜ΡΠΏΠ°Π½ΡΠΊΠΈΠΉΠ˜Ρ‚Π°Π»ΡŒΡΠ½ΡΠΊΠΈΠΉΠ™ΠΎΡ€ΡƒΠ±Π°ΠšΠ°Π·Π°Ρ…ΡΠΊΠΈΠΉΠšΠ°Π½Π½Π°Π΄Π°ΠšΠ°Ρ‚Π°Π»Π°Π½ΡΠΊΠΈΠΉΠšΠΈΡ‚Π°ΠΉΡΠΊΠΈΠΉ (Π£ΠΏΡ€)ΠšΠΈΡ‚Π°ΠΉΡΠΊΠΈΠΉ (Π’Ρ€Π°Π΄)ΠšΠΎΡ€Π΅ΠΉΡΠΊΠΈΠΉΠšΡ€Π΅ΠΎΠ»ΡŒΡΠΊΠΈΠΉ (Π“Π°ΠΈΡ‚ΠΈ)ΠšΡ…ΠΌΠ΅Ρ€ΡΠΊΠΈΠΉΠ›Π°ΠΎΡΡΠΊΠΈΠΉΠ›Π°Ρ‚ΠΈΠ½ΡΠΊΠΈΠΉΠ›Π°Ρ‚Ρ‹ΡˆΡΠΊΠΈΠΉΠ›ΠΈΡ‚ΠΎΠ²ΡΠΊΠΈΠΉΠœΠ°ΠΊΠ΅Π΄ΠΎΠ½ΡΠΊΠΈΠΉΠœΠ°Π»Π°Π³Π°ΡΠΈΠΉΡΠΊΠΈΠΉΠœΠ°Π»Π°ΠΉΡΠΊΠΈΠΉΠœΠ°Π»Π°ΠΉΡΠ»Π°ΠΌΠœΠ°Π»ΡŒΡ‚ΠΈΠΉΡΠΊΠΈΠΉΠœΠ°ΠΎΡ€ΠΈΠœΠ°Ρ€Π°Ρ‚Ρ…ΠΈΠœΠΎΠ½Π³ΠΎΠ»ΡŒΡΠΊΠΈΠΉΠΠ΅ΠΌΠ΅Ρ†ΠΊΠΈΠΉΠΠ΅ΠΏΠ°Π»ΠΈΠΠΈΠ΄Π΅Ρ€Π»Π°Π½Π΄ΡΠΊΠΈΠΉΠΠΎΡ€Π²Π΅ΠΆΡΠΊΠΈΠΉΠŸΠ°Π½Π΄ΠΆΠ°Π±ΠΈΠŸΠ΅Ρ€ΡΠΈΠ΄ΡΠΊΠΈΠΉΠŸΠΎΠ»ΡŒΡΠΊΠΈΠΉΠŸΠΎΡ€Ρ‚ΡƒΠ³Π°Π»ΡŒΡΠΊΠΈΠΉΠ ΡƒΠΌΡ‹Π½ΡΠΊΠΈΠΉΠ ΡƒΡΡΠΊΠΈΠΉΠ‘Π΅Π±ΡƒΠ°Π½ΡΠΊΠΈΠΉΠ‘Π΅Ρ€Π±ΡΠΊΠΈΠΉΠ‘Π΅ΡΠΎΡ‚ΠΎΠ‘ΠΈΠ½Π³Π°Π»ΡŒΡΠΊΠΈΠΉΠ‘Π»ΠΎΠ²Π°Ρ†ΠΊΠΈΠΉΠ‘Π»ΠΎΠ²Π΅Π½ΡΠΊΠΈΠΉΠ‘ΠΎΠΌΠ°Π»ΠΈΠ‘ΡƒΠ°Ρ…ΠΈΠ»ΠΈΠ‘ΡƒΠ΄Π°Π½ΡΠΊΠΈΠΉΠ’Π°Π³Π°Π»ΡŒΡΠΊΠΈΠΉΠ’Π°Π΄ΠΆΠΈΠΊΡΠΊΠΈΠΉΠ’Π°ΠΉΡΠΊΠΈΠΉΠ’Π°ΠΌΠΈΠ»ΡŒΡΠΊΠΈΠΉΠ’Π΅Π»ΡƒΠ³ΡƒΠ’ΡƒΡ€Π΅Ρ†ΠΊΠΈΠΉΠ£Π·Π±Π΅ΠΊΡΠΊΠΈΠΉΠ£ΠΊΡ€Π°ΠΈΠ½ΡΠΊΠΈΠΉΠ£Ρ€Π΄ΡƒΠ€ΠΈΠ½ΡΠΊΠΈΠΉΠ€Ρ€Π°Π½Ρ†ΡƒΠ·ΡΠΊΠΈΠΉΠ₯аусаΠ₯ΠΈΠ½Π΄ΠΈΠ₯ΠΌΠΎΠ½Π³Π₯ΠΎΡ€Π²Π°Ρ‚ΡΠΊΠΈΠΉΠ§Π΅Π²Π°Π§Π΅ΡˆΡΠΊΠΈΠΉΠ¨Π²Π΅Π΄ΡΠΊΠΈΠΉΠ­ΡΠΏΠ΅Ρ€Π°Π½Ρ‚ΠΎΠ­ΡΡ‚ΠΎΠ½ΡΠΊΠΈΠΉΠ―Π²Π°Π½ΡΠΊΠΈΠΉΠ―ΠΏΠΎΠ½ΡΠΊΠΈΠΉ

Β 

Β 

Β 

Β 

Β 

Β 

Β 

Β 

Β 

Звуковая функция ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π° 200 символами

Как Π»Π΅Π³ΠΊΠΎ ΠΈ автоматичСски ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ front-end ΠΈ back-end



ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π²Π΅Π±-прилоТСния ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ дСлится Π½Π° front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈ back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΊΠΎΠ΄Ρ‹ Π² front-end ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ Π² back-end (ASP, PHP, JSP ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ сСрвСрныС ΡˆΠ°Π±Π»ΠΎΠ½ΠΈΠ·Π°Ρ‚ΠΎΡ€Ρ‹ содСрТат ΠΌΠ½ΠΎΠ³ΠΎ HTML, написанных front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ), Ρ‚ΠΎ back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ HTML Π² свои ASP, PHP, JSP ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ сСрвСрныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹.

Если Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° front-end начинаСтся Ρ€Π°Π½ΡŒΡˆΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ back-end, Ρ‚ΠΎ ΠΎΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ. Но ΠΊΠΎΠ³Π΄Π° front-end ΠΈ back-end Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ (всСгда Ρ‚Π°ΠΊ), Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°. Back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ постоянно ΠΌΠ΅Π½ΡΡ‚ΡŒ свои ΠΊΠΎΠ΄Ρ‹ шаблонов ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ front-end.

Π˜Ρ‚Π°ΠΊ, ΠΌΠΎΠΉ вопрос Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Π΅ΡΡ‚ΡŒ Π»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ способ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ HTML Π² шаблон back-end автоматичСски, Ρ‡Ρ‚ΠΎΠ±Ρ‹ интСграция front-end ΠΈ back-end Π±Ρ‹Π»Π° Π±ΠΎΠ»Π΅Π΅ ΠΏΠ»Π°Π²Π½ΠΎΠΉ ΠΈ простой.

continuous-integration frontend backend
ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Wenhao Ji Β  Β  16 ΠΌΠ°Ρ€Ρ‚Π° 2013 Π² 07:28

2 ΠΎΡ‚Π²Π΅Ρ‚Π°


  • ВСрминология Front-end ΠΈ back-end

    ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-прилоТСния Π² ASP.Net я ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΡΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π½Π° 2 части: бэк-энд (административная Ρ‡Π°ΡΡ‚ΡŒ) ΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚-энд (Ρ‡Π°ΡΡ‚ΡŒ visitors/SEO). Допустим, ΠΌΠΎΠΈ посСтитСли ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠΉΡ‚ΠΈ Π½Π° сайт ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ мноТСство Π·Π°Π΄Π°Ρ‡, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ профиля, ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ° сообщСний ΠΈ Ρ‚. Π΄. Π­Ρ‚Π° Ρ‡Π°ΡΡ‚ΡŒ…

  • Java back-end ΠΈ JavaScript front-end, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ?

    Π― Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² создании Π²Π΅Π±-прилоТСния с Java back-end ΠΈ JavaScript, HTML 5 front-end. Как ΠΌΠ½Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ?



3

Π― знаю, Ρ‡Ρ‚ΠΎ это Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ старовато, Π½ΠΎ я Ρ…ΠΎΡ‡Ρƒ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π·Π° людСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° это.

Π›ΡƒΡ‡ΡˆΠ΅Π΅, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π½Π° ΠΌΠΎΠΉ взгляд , ΠΈΠ· Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ я Π²ΠΈΠ΄Π΅Π» Π΄ΠΎ сих ΠΏΠΎΡ€, — это всСгда, я ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°ΡŽ всСгда, ΠΏΠΈΡΠ°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π»ΠΎΡΡŒ Π±Ρ‹, Π² ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Π²ΠΎΠ΄Π°-Π²Ρ‹Π²ΠΎΠ΄Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒΡΡ информация ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±ΠΎΠΈΠΌΠΈ ΠΊΠΎΠ½Ρ†Π°ΠΌΠΈ.

Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ front end ΠΈ back end (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ API), Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Ρ‚ΠΎΡ‡Π½ΠΎ ΡƒΠΊΠ°Π·Π°Π½Ρ‹ Π²Ρ…ΠΎΠ΄Π½Ρ‹Π΅ ΠΈ Π²Ρ‹Ρ…ΠΎΠ΄Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹. Если части вашСго front-end Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ back-end (Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°, Π½ΠΎ это ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ довольно часто), Ρ‚ΠΎ Π²Ρ‹ всС Ρ€Π°Π²Π½ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π°ΠΌ, ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ front-end ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ этим, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ back-end просто ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ Ρ„ΠΈΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Ρ‹Π²ΠΎΠ΄ Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° front-end Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½.

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ziGi Β  Β  02 июня 2014 Π² 08:44



1

Π»Π°Π΄Π½ΠΎ я ΡƒΠΊΡƒΡˆΡƒ

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² интСрфСйсС ΠΌΠ΅ΠΆΠ΄Ρƒ frontend ΠΈ backend. Π§Ρ‚ΠΎΠ±Ρ‹ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈ сСрвСр, ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ согласованный интСрфСйс, ΠΎΠ±Π΅ стороны Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Π΅ тСсты, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ интСрфСйс Ρ‚ΠΎΠΆΠ΅ застрял.

Π›ΡŽΠ±Ρ‹Π΅ измСнСния Π² интСрфСйсС ΠΏΡ€ΠΈΠ²Π΅Π΄ΡƒΡ‚ ΠΊ сбою ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΠ³ΠΎ тСста Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½Ρ†Π΅ ΠΈΠ»ΠΈ Π½Π° ΠΎΠ±ΠΎΠΈΡ…, Π½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ясно, ΠΊΠ°ΠΊ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ исправлСн, тСсты ΠΏΡ€ΠΎΠΉΠ΄ΡƒΡ‚ снова

Π― использовал этот ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ с сСрвСром Π½Π° Π±Π°Π·Π΅ python, ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ fat javascript, с тСстами, написанными Π² jsunit Π½Π° ΠΊΠΎΠ½Ρ†Π΅ javascript.

НадСюсь, это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Vorsprung Β  Β  16 ΠΌΠ°Ρ€Ρ‚Π° 2013 Π² 07:42


ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ вопросы:


КакиС front-end ΠΈ back-end Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Google ΠΈ Facebook?

КакиС Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Google ΠΈ Facebook ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для своих back-end ΠΈ front-end? ΠšΠ°ΠΊΠΎΠ²Ρ‹ ΠΈΡ… Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ языки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ….


MVC .Net Front End ΠΈ Back End

Π― ΠΎΡ‡Π΅Π½ΡŒ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² .Net ΠΈ MVC ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ. Π― создаю сайт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π½ΡƒΠΆΠ΄Π°Ρ‚ΡŒΡΡ Π² интСрфСйсС ΠΈ бэк-эндС (Π°Π΄ΠΌΠΈΠ½-сайт). Π― создал ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽ front end, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΊΠ°ΠΊ ΠΌΠ½Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ back end для…


Каков ваш Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс ΠΌΠ΅ΠΆΠ΄Ρƒ front-end ΠΈ back-end Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅?

Какова ваша Π»ΡƒΡ‡ΡˆΠ°Ρ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° (Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… MVC) с Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с front-end-developers ΠΈ back-end-developers? Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€: ΠΊΠΎΠΌΠ°Π½Π΄Π° ΠΈΠ· 3 Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ (1 front-end ΠΈ 3 back-end) ΠΈΠΌΠ΅Π΅Ρ‚ 10…


ВСрминология Front-end ΠΈ back-end

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-прилоТСния Π² ASP.Net я ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΡΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π½Π° 2 части: бэк-энд (административная Ρ‡Π°ΡΡ‚ΡŒ) ΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚-энд (Ρ‡Π°ΡΡ‚ΡŒ visitors/SEO). Допустим, ΠΌΠΎΠΈ посСтитСли ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠΉΡ‚ΠΈ Π½Π° сайт ΠΈ Π±ΡƒΠ΄ΡƒΡ‚…


Java back-end ΠΈ JavaScript front-end, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ?

Π― Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² создании Π²Π΅Π±-прилоТСния с Java back-end ΠΈ JavaScript, HTML 5 front-end. Как ΠΌΠ½Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ?


Front-end ΠΈ back-end

ΠœΠΎΠΆΠ΅Ρ‚ Π»ΠΈ ΠΊΡ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ ΠΌΠ½Π΅, ΠΊΠ°ΠΊ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ front-end ΠΈ back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠ»ΠΈ, скаТСм, состоят Π² ΠΌΠΈΡ€Π΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ? ЯвляСтся Π»ΠΈ C++ достаточным языком для бэк-энда, ΠΈΠ»ΠΈ ΠΌΠ½Π΅ всС Ρ€Π°Π²Π½ΠΎ. ..


Как Ρ‡Π΅Ρ‚ΠΊΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ front-end ΠΈ back-end Π»ΠΎΠ³ΠΈΠΊΡƒ

Π― слСдил Π·Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠ°ΠΌΠΈ ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ°ΠΌ вСдСния ΠΆΡƒΡ€Π½Π°Π»Π°, Π½ΠΎ ΠΎΠ½ΠΈ, Π½Π° ΠΌΠΎΠΉ взгляд, слишком просты. Π― имСю Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ всСгда ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ имя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ Π½Π° ΠΎΠ΄Π½Ρƒ ΠΈ Ρ‚Ρƒ ΠΆΠ΅ страницу…


Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ сСрвСров back end ΠΈ front end Π² Rails

Π― Ρ€Π°Π±ΠΎΡ‚Π°ΡŽ Π½Π°Π΄ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ интСрфСйсныС ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ сСрвСры. Оба Rails сСрвСра ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ сСрвСрной части. Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ² ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Π° для ΠΎΠ±ΠΎΠΈΡ……


Линия ΠΌΠ΅ΠΆΠ΄Ρƒ Back-end ΠΈ Front-end Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

Π― ΡƒΠΆΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя ΠΈΠ·ΡƒΡ‡Π°ΡŽ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка. Но ΠΌΠ½Π΅ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π³Π΄Π΅ Π±Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π° back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Π»Π°ΡΡŒ, Π° front-end начинался, ΠΊΠΎΠ³Π΄Π° Ρ€Π°Π±ΠΎΡ‚Π° Ρ€Π°Π·Π΄Π΅Π»ΡΠ»Π°ΡΡŒ. Π― понимаю, Ρ‡Ρ‚ΠΎ…


интСграция back end ΠΈ front end ΠΊΠΎΠ΄Π°, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅Π³ΠΎ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… сСрвСрах

Π£ мСня Π΅ΡΡ‚ΡŒ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ для front end я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ java script, html, css ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽ Π΅Π³ΠΎ Π½Π° сСрвСр xampp, Π° для back end я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ spring boot, ΠΈ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ API, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ. ..

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Front-End ΠΈ Back-End Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ? Software Engineering

ΠŸΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ 9 фСвраля 2017 Π³., ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΎ 27 фСвраля 2019 Π³.

Front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π°Π΄ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, Π° back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ инфраструктуру, которая Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚.

Оба ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ для Π²Ρ‹ΡΠΎΠΊΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ прилоТСния ΠΈΠ»ΠΈ Π²Π΅Π±-сайта.

Компании Π½Π΅Ρ€Π΅Π΄ΠΊΠΎ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ с Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ «внСшний ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉΒ» , ΠΏΡ‹Ρ‚Π°ΡΡΡŒ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния.

Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ появляСтся всС большС инструмСнтов, Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½Ρ‹Ρ… Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡΡ‚Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ Π½Π° Β«ΠΏΠΎΠ»Π½Ρ‹ΠΉ стСк», поэтому нСтСхничСским спСциалистам Π»Π΅Π³ΠΊΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ большой Ρ€Π°Π·Π½ΠΈΡ†Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ интСрфСйсом ΠΈ сСрвСром. спСциалистов.

Front-end ΠΈ back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² Ρ‚Π°Π½Π΄Π΅ΠΌΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ систСмы, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ функционирования прилоТСния ΠΈΠ»ΠΈ Π²Π΅Π±-сайта. Однако Ρƒ Π½ΠΈΡ… ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹Π΅ опасСния.

Π’Π΅Ρ€ΠΌΠΈΠ½ «внСшний интСрфСйс» относится ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ интСрфСйсу , Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Β«Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉΒ» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ сСрвСр, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π±Π°Π·Ρƒ Π΄Π°Π½Π½Ρ‹Ρ… , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π·Π° кулисами для доставки ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Π²ΠΎΠ΄ΠΈΡ‚ запрос Ρ‡Π΅Ρ€Π΅Π· интСрфСйс.

Π—Π°Ρ‚Π΅ΠΌ ΠΎΠ½ провСряСтся ΠΈ пСрСдаСтся Π½Π° сСрвСр, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈΠ· Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ отправляСт ΠΈΡ… ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

Рассмотрим ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ интСрфСйсной ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Front-End Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°?

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ интСрфСйс построСн с использованиСм ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ Ρ‚Π°ΠΊΠΈΡ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΊΠ°ΠΊ язык гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML), JavaScript ΠΈ каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (CSS).

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΡŽΡ‚ ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ элСмСнты взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ Π½Π° Π²Π΅Π±-страницС ΠΈΠ»ΠΈ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, мСню, страницы, ссылки, Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

HTML

Hypertext Markup Language — это ядро ​​вСб-сайта, ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰Π΅Π΅ ΠΎΠ±Ρ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

Бамая послСдняя вСрсия Π±Ρ‹Π»Π° Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π° Π² ΠΊΠΎΠ½Ρ†Π΅ 2017 Π³ΠΎΠ΄Π° ΠΈ извСстна ΠΊΠ°ΠΊ HTML5.2.

ОбновлСнная вСрсия Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ большС инструмСнтов, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ измСнСния, внСсСнныС для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ взаимодСйствия.

CSS

ΠšΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΈ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ способ создания ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π²Π΅Π±-сайтов.

JavaScript

Π­Ρ‚ΠΎΡ‚ язык, основанный Π½Π° событиях, ΠΏΠΎΠ»Π΅Π·Π΅Π½ для создания динамичСских элСмСнтов Π½Π° статичСских Π²Π΅Π±-страницах HTML.

Он позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ доступ ΠΊ элСмСнтам ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ Π³Π»Π°Π²Π½ΠΎΠΉ HTML-страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° события Π½Π° сторонС сСрвСра.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Ρ‹Π΅ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Angular, Ember, Backbone ΠΈ React, Ρ‚Π°ΠΊΠΆΠ΅ популярны.

Π­Ρ‚ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΡΡ‚ΡŒ растущий спрос Π½Π° ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС Π±Π΅Π· ΡƒΡ‰Π΅Ρ€Π±Π° для качСства, поэтому ΠΎΠ½ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ своС мСсто Π² качСствС стандартных инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Одна ΠΈΠ· основных ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ — которая Ρ‚Π°ΠΊΠΆΠ΅ называСтся Β«Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°Β» — — это быстрыС Ρ‚Π΅ΠΌΠΏΡ‹ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² инструмСнтах, ΠΌΠ΅Ρ‚ΠΎΠ΄Π°Ρ… ΠΈ тСхнологиях, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… для создания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π²Π΅Π±-сайтов.

Казалось Π±Ρ‹, простая Ρ†Π΅Π»ΡŒ создания ясного, Π»Π΅Π³ΠΊΠΎΠ³ΠΎ для понимания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Ρ‚Ρ€ΡƒΠ΄Π½Π° ΠΈΠ·-Π·Π° ΠΈΠ½ΠΎΠ³Π΄Π° сильно Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‰ΠΈΡ…ΡΡ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экранов ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ².

ВсС становится Π΅Ρ‰Π΅ слоТнСС, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎΠ± Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π²Π΅Ρ‰Π΅ΠΉ (IoT).

Π Π°Π·ΠΌΠ΅Ρ€ экрана ΠΈ сСтСвоС соСдинСниС Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹, поэтому Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ€Π°Π²Π½ΠΎΠ²Π΅ΡΠΈΡ‚ΡŒ эти ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ своими ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ интСрфСйсами.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ внутрСнняя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°?

Бэкэнд, Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ сСрвСрной стороной, , состоит ΠΈΠ· сСрвСра, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΠΎ запросу , прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΅Π³ΠΎ направляСт, ΠΈ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, которая систСматизируСт ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.

НапримСр, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»ΡŒ просматриваСт ΠΎΠ±ΡƒΠ²ΡŒ Π½Π° Π²Π΅Π±-сайтС, ΠΎΠ½ взаимодСйствуСт с клиСнтской Ρ‡Π°ΡΡ‚ΡŒΡŽ.

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π²Ρ‹Π±Π΅Ρ€ΡƒΡ‚ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ‚ΠΎΠ²Π°Ρ€, помСстят Π΅Π³ΠΎ Π² ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ ΠΈ подтвСрдят ΠΏΠΎΠΊΡƒΠΏΠΊΡƒ, информация сохраняСтся Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ…, которая находится Π½Π° сСрвСрС.

Π§Π΅Ρ€Π΅Π· нСсколько Π΄Π½Π΅ΠΉ, ΠΊΠΎΠ³Π΄Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚ провСряСт статус своСй доставки, сСрвСр ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, обновляСт Π΅Π΅ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ отслСТивания ΠΈ прСдставляСт Π΅Π΅ Ρ‡Π΅Ρ€Π΅Π· интСрфСйс.

Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ инструмСнты

Основная Π·Π°Π΄Π°Ρ‡Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² сСрвСрной части — созданиС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈ Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ Π² ΠΈΠ½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ.

МногиС ΠΈΠ· Π½ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π½Π°Π΄Π΅ΠΆΠ½Ρ‹Π΅ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ уровня, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Oracle, Teradata, Microsoft SQL Server, IBM DB2, EnterpriseDB ΠΈ SAP Sybase ASE.

БущСствуСт Ρ‚Π°ΠΊΠΆΠ΅ ряд Π΄Ρ€ΡƒΠ³ΠΈΡ… популярных Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ…, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ MySQL, NoSQL ΠΈ PostgreSQL.

БущСствуСт мноТСство ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΈ языков, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… для кодирования прилоТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ruby on Rails, Java, C ++ / C / C #, Python ΠΈ PHP.

Π—Π° послСдниС нСсколько Π»Π΅Ρ‚ Backend-as-a-Service (BaaS) ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ² ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΠ»ΠΈΡΡŒ Π² ΠΆΠΈΠ·Π½Π΅ΡΠΏΠΎΡΠΎΠ±Π½ΡƒΡŽ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρƒ.

Они особСнно ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π² ΠΏΠ»ΠΎΡ‚Π½ΠΎΠΌ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка?

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΊΠ°ΠΊ сСрвСрных, Ρ‚Π°ΠΊ ΠΈ интСрфСйсных систСм стала Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ спСциализированной, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ‡Π°Ρ‰Π΅ всСго ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка ΠΎΠ΄Π½ΠΈΠΌ программистом Π½Π΅ являСтся практичСским Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΈΠ½ΠΎΠ³Π΄Π° Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Π½Π° Π·Π°ΠΊΠ°Π· Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π·Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ Π² ΠΎΠ±Π΅ΠΈΡ… сторонах, извСстных ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка .

Они ΡΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Π½Ρ‹Π΅ ΠΈΠ³Ρ€ΠΎΠΊΠΈ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‚ ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΌΠΈ знаниями, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ, Ρ‡Ρ‚ΠΎ позволяСт ΠΈΠΌ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ способы ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ процСсса ΠΈΠ»ΠΈ устранСния прСпятствий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°ΠΌΠ΅Π΄Π»ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ систСмы.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΡƒΡŽ Π±Π°Π·Ρƒ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² вашСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π½Π°ΡˆΡƒ ΡΡ‚Π°Ρ‚ΡŒΡŽ «Какая Π»ΡƒΡ‡ΡˆΠ°Ρ комбинация Front-End / Back-End для ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прилоТСния».

Если Π²Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ наши знания Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅, Π·Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ Π½Π° Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΡŽ сСгодня!

Front-End ΠΈ Back-End Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ инструмСнты ΠΈ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Slack, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°, JavaScript ΠΈ Ρ‚. Π”.- это Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ всС Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ. Но ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒΡΡ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒΡΡ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ свою ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… аспСктах Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. НапримСр, рассмотрим ΠΈΠ½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½ΡƒΡŽ ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ. Π₯отя для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² тСхнологичСской индустрии Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ ΠΈ вострСбованы ΠΊΠ°ΠΊ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, Ρ‚Π°ΠΊ ΠΈ бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, Ρƒ Π½ΠΈΡ… ΠΎΠ±ΠΎΠΈΡ… Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€ΠΎΠ»ΠΈ Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²Π΅Π±-сайт, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ ΠΌΠ΅Π»ΡŒΡ‡Π°ΠΉΡˆΠΈΠΌ дСталям Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

ВспомнитС свои впСчатлСния ΠΎΡ‚ посСщСния рСсторана. Π’Ρ‹ сидитС Π² ΠΎΠ±Π΅Π΄Π΅Π½Π½ΠΎΠΉ Π·ΠΎΠ½Π΅ ΠΈ ΠΎΠ±Ρ‰Π°Π΅Ρ‚Π΅ΡΡŒ с ΠΎΠ±ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌ пСрсоналом ΠΈΠ»ΠΈ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ. РСсторан ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ красивоС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΈ Π² Ρ†Π΅Π»ΠΎΠΌ ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ атмосфСру. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Ρ‡Π΅Ρ€Π΅Π· ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚ΠΎΠ², с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΎΠ½ΠΈ ΠΈΠ΄ΡƒΡ‚ Π½Π° ΠΊΡƒΡ…Π½ΡŽ ΠΈ Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ваш запрос. Пока Π²Ρ‹ ΠΆΠ΄Π΅Ρ‚Π΅ свою Π΅Π΄Ρƒ, Π²Ρ‹ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ²Π°Ρ€Π° Π΅Π΅ готовят, Π½ΠΎ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ваш Π·Π°ΠΊΠ°Π· обрабатываСтся. Когда ваша Π΅Π΄Π° горячая ΠΈ Π³ΠΎΡ‚ΠΎΠ²Π°, ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚ приносит Π΅Π΅ с ΠΊΡƒΡ…Π½ΠΈ ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ столу.

Π’Π°Ρˆ ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²Π΅Π±-сайтом Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° ваш ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² рСсторанС. Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ — это всС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΈΠ»ΠΈ с Ρ‡Π΅ΠΌ взаимодСйствуСтС Π² рСсторанС. ΠΠ°Ρ…ΠΎΠ΄ΡΡΡŒ Ρ‚Π°ΠΌ, Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π΅Π΄Π΅Π½Π½ΡƒΡŽ Π·ΠΎΠ½Ρƒ ΠΈ взаимодСйствуСтС с ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ. Задняя Ρ‡Π°ΡΡ‚ΡŒ этой Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ — закулисный аспСкт рСсторана ΠΈΠ»ΠΈ ΠΊΡƒΡ…Π½ΠΈ. Π₯отя Π²Ρ‹ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΡƒΡ…Π½ΡŽ, Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ваш Π·Π°ΠΊΠ°Π· Π΅Π΄Ρ‹ Ρ‚Π°ΠΌ выполняСтся.

Когда Π²Ρ‹ посСщаСтС Π²Π΅Π±-сайт, Π½Π° страницС Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π½ΠΈΠΌΠΈ: изобраТСния, тСкст, Π²ΠΈΠ΄Π΅ΠΎ, Ρ†Π²Π΅Ρ‚Π°, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ мСню, ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΈ, Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Ρ‚. Π”.ВсС это составляСт ΠΈΠ½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π²Π΅Π±-сайта. ВнутрСнняя Ρ‡Π°ΡΡ‚ΡŒ — это всС, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈΠ»ΠΈ с Ρ‡Π΅ΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, сСрвСры, Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ систСмы ΠΈ API.

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡ‚Π΅ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎΠ± Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с рСстораном. Π’Ρ‹ ΠΎΡ‚Π΄Π°Π΅Ρ‚Π΅ Π·Π°ΠΊΠ°Π· Π½Π° Π΅Π΄Ρƒ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚Π°ΠΌ, ΠΎΠ½ΠΈ нСсут Π΅Π΅ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π½Π° ΠΊΡƒΡ…Π½ΡŽ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ ваш Π·Π°ΠΊΠ°Π·, ΠΏΠΎΠ²Π°Ρ€Π° готовят Π΅Π΄Ρƒ, Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚ приносит Π²Π°ΠΌ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π·Π°ΠΊΠ°Π·. Π’Π°ΡˆΠ΅ взаимодСйствиС ΠΈ ΠΎΠΏΡ‹Ρ‚ Π½Π° Π²Π΅Π±-сайтС Π½Π΅ сильно ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ Π² рСсторанС.Когда Π²Ρ‹ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²ΠΎ внСшнСм интСрфСйсС (ΠΎΠ½ ΠΆΠ΅ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚), этот запрос отправляСтся Π½Π° сСрвСр (ΠΎΠ½ ΠΆΠ΅ кухня). БСрвСрная Ρ‡Π°ΡΡ‚ΡŒ выполняСт ваш запрос (ΠΎΠ½ ΠΆΠ΅ Π·Π°ΠΊΠ°Π· Π΅Π΄Ρ‹) ΠΈ отправляСт Π΄Π°Π½Π½Ρ‹Π΅ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π²ΠΎ внСшний интСрфСйс (ΠΎΠ½ ΠΆΠ΅ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π½Ρ‚). Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ΅ дСйствиС. Π­Ρ‚ΠΎ красивая Π²Π΅Ρ‰ΡŒ.

Как интСрфСйсная, Ρ‚Π°ΠΊ ΠΈ внутрСнняя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ€Π°Π·Π½Ρ‹Ρ… Π½Π°Π²Ρ‹ΠΊΠΎΠ² ΠΈ спСциализаций ΠΈΠ»ΠΈ языков программирования. НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ сотни языков программирования для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ языки для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-интСрфСйса ΠΈ сСрвСрной части, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΠΎΠ»Π΅Π΅ популярны ΠΈ Π²Π°ΠΆΠ½Ρ‹, Ρ‡Π΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

НСобходимо Π·Π½Π°Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ:
  • HTML5
  • CSS
  • JavaScript
  • Ajax

Back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ:
  • JavaScript
  • SQL
  • Π―Π²Π° ​​
  • C #
  • ΠŸΠΈΡ‚ΠΎΠ½
  • PHP

Front-end ΠΈ back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ обязанности Π² ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ. Из-Π·Π° этого эти долТности Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Ρ… Π½Π°Π²Ρ‹ΠΊΠΎΠ², обязанностСй ΠΈ Π·Π°Ρ€Π°Π±ΠΎΡ‚Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ‹.Π’ΠΎΡ‚ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ внСшнСго Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°:

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Ρ‹ΠΉ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ

ОписаниС : интСрфСйсный Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ (ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ) ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.
ΠžΠ±ΡΠ·Π°Π½Π½ΠΎΡΡ‚ΠΈ:
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½ΠΎΠ²Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈ рСализация интСрфСйса для Π²Π΅Π±-сайтов слоТных Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с использованиСм соврСмСнных JS ΠΈ CSS-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ для Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ использования
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ интСрфСйсных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для максимальной скорости ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΠΈ
  • Код для соврСмСнных ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Ρ… ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊ REST ΠΈΠ»ΠΈ GraphQL
Заработная ΠΏΠ»Π°Ρ‚Π°:
Навыки:
  • Π’Π»Π°Π΄Π΅Π΅Ρ‚ HTML, CSS ΠΈ JavaScript
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ клиСнтскиС сцСнарии ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ JavaScript, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ jQuery
  • .
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°
  • Π˜ΠΌΠ΅Π΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ знания ΠΎ графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Ρ‚Π°ΠΊΠΎΠΌ ΠΊΠ°ΠΊ Photoshop
  • .

Π‘Π΅Ρ€Π²Π΅Ρ€Π½Ρ‹ΠΉ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ

ОписаниС: Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° ΡΠ΅Ρ€Π²Π΅Ρ€Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
ΠžΠ±ΡΠ·Π°Π½Π½ΠΎΡΡ‚ΠΈ:
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈ рСализация сСрвСрной Π²Π΅Π±-Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ сСрвСры, Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ систСмы ΠΈ API
  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ элСмСнтов, ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½Π½Ρ‹Ρ… ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, с Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ Π½Π° сторонС сСрвСра
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ для Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ использования
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ сСрвСрных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для максимальной скорости ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΠΈ
  • Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…
Заработная ΠΏΠ»Π°Ρ‚Π°:
Навыки
  • Π’Π»Π°Π΄Π΅Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌΠΈ языками, ΠΊΠ°ΠΊ JavaScript (NodeJS), Ruby, Java, SQL ΠΈ C #
  • Π˜ΠΌΠ΅Π΅Ρ‚ практичСскиС знания PHP, Ruby, Python ΠΈ.НСтто
  • Π˜ΠΌΠ΅Π΅Ρ‚ практичСскиС знания ΠΎ сСрвСрных прСпроцСссорах CSS, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ LESS ΠΈ SASS.
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ возмоТности ΠΈ соотвСтствиС трСбованиям бСзопасности
  • ΠœΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ ΠΈ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΌΠ΅ΠΆΠ΄Ρƒ систСмами ΠΈ сСрвСрами
  • ΠœΠΎΠΆΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ нСсколько источников Π΄Π°Π½Π½Ρ‹Ρ… Π² Π΅Π΄ΠΈΠ½ΡƒΡŽ систСму
  • ΠœΠΎΠΆΠ΅Ρ‚ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ срСдой хоста
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ прилоТСния
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ, ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сцСнарии ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅
  • ΠœΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π·Π΅Ρ€Π²Π½ΠΎΠ΅ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ вСрсиями ΠΈ бизнСс-Π»ΠΎΠ³ΠΈΠΊΡƒ
  • ΠŸΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ сСансами

Если вас интСрСсуСт ΠΊΠ°ΠΊ внСшняя, Ρ‚Π°ΠΊ ΠΈ внутрСнняя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°, ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π΅ Π² области Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка.Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ с интСрфСйсной, Ρ‚Π°ΠΊ ΠΈ с Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ.

Π˜Ρ‚Π°ΠΊ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ интСрфСйс Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ сСрвСрной части, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ Π² Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅? Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ прСвратился ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² Ρ‚ΠΎΠ²Π°Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ бизнСс. ВыяснитС, Π²ΠΈΠ΄ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ сСбя Π² ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΉ ΠΈΠ»ΠΈ Π·Π°Π΄Π½Π΅ΠΉ части Π²Π΅Π±-сайта. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ большС ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚, Ρƒ вас появится мноТСство возмоТностСй для обучСния Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ курсы для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ.Devmountain ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ мноТСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… классов; ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим списком курсов, ΠΈ нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΠ΅Ρ‚Π΅ΡΡŒ Π»ΠΈ Π²Ρ‹ сСрвСрной ΠΈΠ»ΠΈ интСрфСйсной Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ, ΠΌΡ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для этого ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅.

[cta vid = «0»]

Π’Π½Π΅ΡˆΠ½ΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈ внутрСнняя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°: Π“Π΄Π΅

Автор: Π›ΠΎΡ€Π΅Π½ Π‘Ρ‚ΡŽΠ°Ρ€Ρ‚

ПослСднСС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: 12 августа 2020 Π³.

Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ внСшнСго интСрфСйса ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ сСрвСрной части? ПониманиС Π²Π°ΡˆΠΈΡ… ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ Π² ΠΊΠΎΠ½Ρ†Π΅ ΡƒΡ‡Π΅Π±Π½ΠΎΠ³ΠΎ курса ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ ΡˆΠΊΠΎΠ»Ρ‹, которая Π²Π°ΠΌ большС всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚.Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ нСпростой Π·Π°Π΄Π°Ρ‡Π΅ΠΉ, Ссли Π²Ρ‹ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹ с этими Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°ΠΌΠΈ, Π½ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π΅ΡΡ‚ΡŒ это руководство, Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ Π½Π΅ ΠΎ Ρ‡Π΅ΠΌ. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ интСрфСйсной Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ ΠΈ сСрвСрной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ: ΠΊΠ°ΠΊΠΈΠ΅ языки программирования Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ, Π² ΠΊΠ°ΠΊΠΈΡ… ΡˆΠΊΠΎΠ»Π°Ρ… кодирования ΠΈΡ… ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‚ ΠΈ Ρ‡Π΅Π³ΠΎ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ ΠΎΡ‚ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρ‹ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ внСшнСго Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°!


БовмСститС с ΡƒΡ‡Π΅Π±Π½Ρ‹ΠΌΠΈ курсами , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΈ Π·Π°Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°!


Front End Web Development
Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Front End Development?
ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅: Front end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° управляСт всСм, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ сначала видят Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ внСшнСго интСрфСйса нСсут ΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π·Π° внСшний Π²ΠΈΠ΄ сайта.

Front end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π² основном сосрСдоточСна Π½Π° Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Π·Π²Π°Ρ‚ΡŒ «клиСнтской стороной» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ внСшнСго интСрфСйса Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ Π°Π½Π°Π»ΠΈΠ·ΠΎΠΌ ΠΊΠΎΠ΄Π°, Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ ΠΎΡ‚Π»Π°Π΄ΠΊΠΎΠΉ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ бСспроблСмный ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс. Π’Ρ‹ управляСтС Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ люди Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ видят Π² своСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Как Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, Π²Ρ‹ нСсСтС ΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π·Π° внСшний Π²ΠΈΠ΄ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта.

Π―Π·Ρ‹ΠΊΠΈ программирования ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°

Π―Π·Ρ‹ΠΊΠΈ внСшнСго интСрфСйса Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ HTML, CSS ΠΈ Javascript. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ JQuery Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΈΠ· ΠΌΠΎΠ΄Ρ‹ (соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Ρ‚Ρƒ ΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π½ΠΎ Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС, Ρ‡Π΅ΠΌ jQuery), ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ JavaScript, поэтому Π½Π΅ ΡƒΠ΄ΠΈΠ²Π»ΡΠΉΡ‚Π΅ΡΡŒ, ΡƒΠ²ΠΈΠ΄Π΅Π² Π΅Π΅ Π² ΡƒΡ‡Π΅Π±Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΡƒΡ‡Π΅Π±Π½ΠΎΠ³ΠΎ лагСря. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠ± Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅, ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, систСмС сСток ΠΈ Ρ‚Π΅ΠΎΡ€ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π°. ΠŸΡ€Π΅Π΄Π²ΠΈΠ΄Ρ Ρ‚ΠΈΠΏΡ‹ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Π½Π°Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ создании ΠΈ ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Π²Π΅Π±-сайтов.Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ (ΠΈΠ½ΠΎΠ³Π΄Π° Π΄Π°ΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΌ Javascript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ), Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ Π½Π°Π²Ρ‹ΠΊΠΈ бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π‘Π°ΠΉΡ‚Ρ‹, созданныС интСрфСйсными Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, хранящСйся Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ. ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ «фиксированным», Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ большиС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ Π½ΠΎΠ²Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ постоянно. Π£ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² ΠΌΠ°Π»ΠΎΠ³ΠΎ бизнСса ΠΈ рСсторанов ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ статичных сайтов.

Π—Π°Π΄Π°Π½ΠΈΠ΅ внСшнСго программирования

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ вакансии для Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².Π’Π°ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ хотя ΠΎΠ΄Π½Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… обязанностСй Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ; для Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½Π΅Ρ‡Ρ‚ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ ΠΈΠ½ΠΎΠ΅, поэтому всСгда Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Π»Π΅Ρ‡Π΅Ρ‚ Π·Π° собой эта конкрСтная Ρ€ΠΎΠ»ΡŒ. Π’ΠΎ врСмя поиска Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈΡ‰ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ долТности:

  • Front End Developer
  • Web Designer — Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ распространСнноС Π½Π°Π·Π²Π°Π½ΠΈΠ΅.
  • UI / UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ — это Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ сосрСдоточСны Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ ΠΎΠΏΡ‹Ρ‚Π΅ соотвСтствСнно.Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΎΡ‚Ρ‚Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ аспСкты Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ UX проводят тСстированиС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ сайт Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ. (Π£Π·Π½Π°ΠΉΡ‚Π΅ ΠΎΠ± ΠΎΠΏΡ‹Ρ‚Π΅ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ выпускника GA.)

По Π΄Π°Π½Π½Ρ‹ΠΌ PayScale, срСдняя Π½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΠΎ странС составляСт ΠΎΠΊΠΎΠ»ΠΎ 67 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². Заработная ΠΏΠ»Π°Ρ‚Π° Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ ΠΎΡ‚ 42 Π΄ΠΎ 108 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² зависимости ΠΎΡ‚ ΠΎΠΏΡ‹Ρ‚Π°, мСстополоТСния ΠΈ отрасли. Π’ Нью-Π™ΠΎΡ€ΠΊΠ΅ стартовая Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° составляСт ΠΎΠΊΠΎΠ»ΠΎ 78 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² с ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ Π΄ΠΎ 115 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ².НС слишком ΠΏΠΎΡ‚Ρ€Π΅ΠΏΠ°Π½Π½Ρ‹ΠΉ.

ΠšΡƒΡ€ΡΡ‹ внСшнСго программирования

Π”ΡƒΠΌΠ°Π΅Ρ‚Π΅ ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ интСрфСйса для ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρ‹? ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° эти ΡˆΠΊΠΎΠ»Ρ‹ (Π² нашСм ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ 100, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½ΡƒΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ!), Π£ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΎΡ‚Π·Ρ‹Π²Ρ‹ ΠΎ своих курсах ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ интСрфСйса:

Back End Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°
Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ сСрвСрная Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°?
ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅: ВнутрСнняя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° относится ΠΊ сСрвСрной части прилоТСния ΠΈ всСму, Ρ‡Ρ‚ΠΎ обмСниваСтся Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.

Back end Development относится ΠΊ сСрвСрной части Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π³Π΄Π΅ Π²Ρ‹ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚Π°Ρ‡ΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ сайт. ВнСсСниС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ функциям ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΈΠ½Π³Π° сайта Π±ΡƒΠ΄Π΅Ρ‚ вашСй основной ΠΎΠ±ΡΠ·Π°Π½Π½ΠΎΡΡ‚ΡŒΡŽ. Π­Ρ‚ΠΎΡ‚ Ρ‚ΠΈΠΏ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ состоит ΠΈΠ· Ρ‚Ρ€Π΅Ρ… частСй: сСрвСра, прилоТСния ΠΈ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…. Код, написанный Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ. ВсС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π³Π»Π°Π·ΠΎΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ сСрвСры, — это Ρ€Π°Π±ΠΎΡ‚Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΈ back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² часто Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ программистами ΠΈΠ»ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.

Π―Π·Ρ‹ΠΊΠΈ программирования сСрвСрной части

МногиС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ сСрвСрной части Π·Π½Π°ΡŽΡ‚ языки интСрфСйса, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ HTML ΠΈ CSS, Π½ΠΎ ΠΈΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ языки, ΠΊΠ°ΠΊ Java, PHP, Ruby on Rails, Python ΠΈ .Net, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ сСрвСрной части. Back-end-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ большС всСго сосрСдоточСны Π½Π° быстродСйствии ΠΈ быстродСйствии сайта. Π­Ρ‚ΠΈ языки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания динамичСских сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ статичСских сайтов Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° этих Ρ‚ΠΈΠΏΠ°Ρ… сайтов хранится информация ΠΈΠ· Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ….ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° сайтС постоянно мСняСтся ΠΈ обновляСтся. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ динамичСских сайтов Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Facebook, Twitter ΠΈ Google Maps.

Задания ΠΏΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ сСрвСрной части

По Π΄Π°Π½Π½Ρ‹ΠΌ PayScale, срСдняя Π½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° сСрвСрных Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΠΎ странС составляСт ΠΎΠΊΠΎΠ»ΠΎ 70 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². Заработная ΠΏΠ»Π°Ρ‚Π° Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ ΠΎΡ‚ 38 Π΄ΠΎ 117 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² зависимости ΠΎΡ‚ ΠΎΠΏΡ‹Ρ‚Π°, мСстополоТСния ΠΈ отрасли. По Π΄Π°Π½Π½Ρ‹ΠΌ SimplyHired, Π² Нью-Π™ΠΎΡ€ΠΊΠ΅ стартовая Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° составляСт ΠΎΠΊΠΎΠ»ΠΎ 87 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² с ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ Π΄ΠΎ 120 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². ΠžΠΏΡΡ‚ΡŒ ΠΆΠ΅, Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ ΠΈ ΠΏΠ»ΠΎΡ…ΠΎ.

ΠœΡ‹ надССмся, Ρ‡Ρ‚ΠΎ это руководство ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΈ руководство ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ!

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ шаги: Π’Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°Π»ΠΈΡΡŒ ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка?

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка — своСго Ρ€ΠΎΠ΄Π° унивСрсал.Они Π·Π½Π°ΠΊΠΎΠΌΡ‹ ΠΊΠ°ΠΊ с интСрфСйсной, Ρ‚Π°ΠΊ ΠΈ с сСрвСрной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ, Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π΅ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΆΠ΅ Π³Π»ΡƒΠ±ΠΎΠΊΠΈΠΌΠΈ знаниями, ΠΊΠ°ΠΊ Ρ‚Π΅, ΠΊΡ‚ΠΎ спСциализируСтся Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΉ ΠΈΠ»ΠΈ Π·Π°Π΄Π½Π΅ΠΉ части. ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с этими прСдлоТСниями ΡƒΡ‡Π΅Π±Π½Ρ‹Ρ… курсов для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка.

И ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ наш инструмСнт ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Bootcamp Matching Tool, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π»ΡƒΡ‡ΡˆΡƒΡŽ ΡˆΠΊΠΎΠ»Ρƒ для вас!

Π‘ΠΎΠ»ΡŒΡˆΠ΅ чтСния:
Об Π°Π²Ρ‚ΠΎΡ€Π΅

Π›ΠΎΡ€Π΅Π½ — стратСг ΠΏΠΎ коммуникациям ΠΈ опСрациям, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»ΡŽΠ±ΠΈΡ‚ ΠΏΠΎΠΌΠΎΠ³Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π½Π°ΠΉΡ‚ΠΈ ΠΈΡ… идСю успСха. Она ΡƒΠ²Π»Π΅Ρ‡Π΅Π½Π° тСхнологичСским ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ΠΌ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρ‹, стартапами ΠΈ искусством.Π•Π΅ ΠΎΠΏΡ‹Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½Ρ‹ΠΉ рост / Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ ΠΌΠΎΠ»ΠΎΠ΄Π΅ΠΆΠΈ, связи с ΠΎΠ±Ρ‰Π΅ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ Π±Π»Π°Π³ΠΎΡ‚Π²ΠΎΡ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Она ΠΈΠ· Π ΠΈΡ‡ΠΌΠΎΠ½Π΄Π°, ΡˆΡ‚Π°Ρ‚ ВирдТиния, Π² настоящСС врСмя ΠΏΡ€ΠΎΠΆΠΈΠ²Π°Π΅Ρ‚ Π² Лос-АндТСлСсС, ΡˆΡ‚Π°Ρ‚ ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΡ.

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ JavaScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΎΡ‚ Disqus.

Frontend ΠΈ Backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ: Π² Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°?

ΠŸΡ€ΠΈ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ часто ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ с двумя путями: Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ И бэкэнд. Π§Ρ‚ΠΎ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅? Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ Ρ‚ΠΎ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅? Бколько Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π°Π±ΠΎΡ‚Π΅ Ρ‚ΠΎΡ‚, ΠΊΡ‚ΠΎ ΠΊΠΎΠ΄ΠΈΡ€ΡƒΠ΅Ρ‚ HTML ΠΈ CSS? Π’ этом постС ΠΌΡ‹ рассмотрим различия ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ… с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния описания, Π½Π°Π²Ρ‹ΠΊΠΎΠ², языков программирования ΠΈ Π΄ΠΎΡ…ΠΎΠ΄ΠΎΠ².

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ

  • Frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ внСшний Π²ΠΈΠ΄ Π²Π΅Π±-сайта .
  • Backend Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²Π΅Π±-сайт

Допустим, Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт Π½Π° WordPress для своСго бизнСса. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ создавал Π±Ρ‹ Ρ‚Π΅ΠΌΡƒ: изобраТСния, ΡΡ‚ΠΈΠ»ΡŒ ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ…, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π΄ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, бСзопасности ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ сайта.

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ (ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°)

Π―Π·Ρ‹ΠΊΠΈ программирования

Frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ‚Ρ€ΠΈ языка: HTML, CSS, Javascript. Π—Π° послСдниС нСсколько Π»Π΅Ρ‚ Ρ€ΠΎΠ»ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° внСшнСго интСрфСйса измСнилась, ΠΈ поэтому ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ внСшнСго интСрфСйса ΠΌΠΎΠ³ΡƒΡ‚ Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Ρ…ΠΎΡ‚Π΅Ρ‚ΡŒ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ развития Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… Π½Π°Π²Ρ‹ΠΊΠΎΠ² JavaScript, Π° Ρ‚Π°ΠΊΠΆΠ΅ накоплСния ΠΎΠΏΡ‹Ρ‚Π° с использованиСм инструмСнтов ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки ΠΈ Ρ‚Π°ΠΊΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², ΠΊΠ°ΠΊ Π Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²Π»Π°Π΄Π΅Ρ‚ΡŒ языками программирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π½Π° сторонС сСрвСра Π²Π΅Π±-сайта ΠΈΠ»ΠΈ прилоТСния.Π‘Π°ΠΌΡ‹ΠΌΠΈ популярными языками Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ программирования ΡΠ²Π»ΡΡŽΡ‚ΡΡ PHP, Ruby, Python, Node.js ΠΈ Java. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π²Π»Π°Π΄Π΅Π΅Ρ‚ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· этих языков, Π½ΠΎ достаточно Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π·Π½Π°ΠΊΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° 2-ΠΌ ΠΈΠ»ΠΈ 3-ΠΌ языкС программирования. Backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ‚Π°ΠΊΠΈΠΌΠΈ Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠ°ΠΊ MySQL, Oracle ΠΈ SQL Server.

Если Ρƒ вас Π΅Ρ‰Π΅ Π½Π΅Ρ‚ ΠΎΠΏΡ‹Ρ‚Π° Π² любом ΠΈΠ· этих языков, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… курсов программирования для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π°Π·Π½Ρ‹Ρ… языках программирования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Ρ‚ вашС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.

Навыки

Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊΠΈΠ΅ Π½Π°Π²Ρ‹ΠΊΠΈ Π½ΡƒΠΆΠ½Ρ‹ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ?

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ внСшнСго интСрфСйса Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π°Π΄ внСшним Π²ΠΈΠ΄ΠΎΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом Π²Π΅Π±-сайта, поэтому Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ языкам программирования, пСрСчислСнным Π²Ρ‹ΡˆΠ΅, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ внСшнСго интСрфСйса Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ использования инструмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ PhotoShop, Sketch ΠΈΠ»ΠΈ Figma. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Π΅Π±-интСрфСйса Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ основы Π²Π΅Π±-хостинга ΠΈ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ Π΄ΠΎΠΌΠ΅Π½Π°.

Backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ , с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ критичСского ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΡ.Бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ часто занимаСтся ΠΎΡ‚Π»Π°Π΄ΠΊΠΎΠΉ ΠΊΠΎΠ΄Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ систСмы, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π²Π΅Π±-сайтом. Вопросы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡƒΠΌΠ΅Ρ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ сСрвСрный Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ: Π“Π΄Π΅ хранятся Π΄Π°Π½Π½Ρ‹Π΅? Π­Ρ‚ΠΎ Π½Π°Π΄Π΅ΠΆΠ½ΠΎ хранится? Если Ρ‚Ρ€Π°Ρ„ΠΈΠΊ сайта увСличится Π² 100 Ρ€Π°Π· Π·Π° Π½ΠΎΡ‡ΡŒ, смоТСт Π»ΠΈ сайт ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π±Π΅Π· сбоСв? Как я ΠΌΠΎΠ³Ρƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° сайт Π½ΠΎΠ²ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, Π½Π΅ Π½Π°Ρ€ΡƒΡˆΠ°Ρ ΠΏΡ€ΠΈ этом Ρ‚Π΅ΠΊΡƒΡ‰ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ? Как я ΠΌΠΎΠ³Ρƒ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-сайт (часто Π½Π° ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ ΠΈ / ΠΈΠ»ΠΈ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ тСсты с использованиСм Test-Driven Development ), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ столкнулся с ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ мСньшим количСством ошибок ΠΈ ошибок?

ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒ фрилансСром ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ компанию, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° унивСрситСтского ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚Π° ΠΈ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ самообразованиСм с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ½Π»Π°ΠΉΠ½-курсов.Пока Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ свою ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ, Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΡƒΡ‡Π΅Π½ΡƒΡŽ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° Тизнь. Если Π²Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ с нуля, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ придСтся Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ нСсколько ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, вашС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш ΠΎΠΏΡ‹Ρ‚ ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΏΠ°Ρ€Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². Π₯ΠΎΡ€ΠΎΡˆΠ΅Π΅ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ особСнно Π²Π°ΠΆΠ½ΠΎ для Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

НСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ ΠΈΠ»ΠΈ бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ: я Π±Ρ‹ посовСтовал Π²Π°ΠΌ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ HTML ΠΈ CSS. Π­Ρ‚ΠΈ Π΄Π²Π° языка ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠΎΡ‰Π½Ρ‹Π΅ (ΠΈ ΠΈΡ… Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ слоТно Π²Ρ‹ΡƒΡ‡ΠΈΡ‚ΡŒ), ΠΈ ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ основой всСй Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Заработная ΠΏΠ»Π°Ρ‚Π°

Frontend : 70 000 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША (срСдняя базовая Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ Glassdoor) Π² Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅ ΠΎΡ‚ 56 000 Π΄ΠΎ 111 000 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². И почасовая ставка ΠΎΠΊΠΎΠ»ΠΎ 50 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² час.

Backend dev : 117 000 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША (срСдняя базовая Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π° ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ Glassdoor). Π’ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅ ΠΎΡ‚ 100 Π΄ΠΎ 140 тысяч Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ². И почасовая ставка ΠΎΠΊΠΎΠ»ΠΎ 65 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² час.

Заработная ΠΏΠ»Π°Ρ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ сильно Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ вашСго ΠΎΠΏΡ‹Ρ‚Π° (отмСчаСтся ΠΏΠΎ младшим, Π²Π΅Π΄ΡƒΡ‰ΠΈΠΌ ΠΈ ΡΡ‚Π°Ρ€ΡˆΠΈΠΌ званиям) ΠΈ Π² зависимости ΠΎΡ‚ вашСй ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Ρƒ, ΠΎ Ρ‡Π΅ΠΌ ΡΠ²ΠΈΠ΄Π΅Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΡƒΠ΅Ρ‚ Ρ€Π°Π·Π½ΠΈΡ†Π° Π² Π·Π°Ρ€ΠΏΠ»Π°Ρ‚Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΡΡ‚Π°Ρ€ΡˆΠΈΠΌ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ Javascript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ замСняСт ΡΡ‚Π°Ρ€ΡˆΠ΅Π³ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π° Ρ‚Π°ΠΊΠΈΡ… сайтах, ΠΊΠ°ΠΊ UpWork, Π²Ρ‹ смоТСтС Π½Π°ΠΉΡ‚ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π·ΠΈΠΌΠ°ΡŽΡ‚ ΠΎΡ‚ 10 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² час Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ 150 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² час. И поэтому, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Π²Π°ΠΌ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ домашнюю Ρ€Π°Π±ΠΎΡ‚Ρƒ (ΠΈΠ»ΠΈ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΡŒΡ‚Π΅ врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, ΠΏΡ€ΠΎΠΉΡ‚ΠΈ собСсСдованиС ΠΈ ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ Ρƒ ΠΏΡ€ΠΎΡˆΠ»Ρ‹Ρ… Ρ€Π°Π±ΠΎΡ‚ΠΎΠ΄Π°Ρ‚Π΅Π»Π΅ΠΉ), Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ подходящСго ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Π°.

Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ Π½Π°ΠΉΠΌΠ° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π·ΠΈΠΌΠ°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ суммы Π² зависимости ΠΎΡ‚ мноТСства Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Π’ΠΎΡ‚ нСсколько основных ΠΏΡ€ΠΈΡ‡ΠΈΠ½:

  • НСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΡΠ²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ Π»ΠΈ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ-фрилансСром, подрядчиком, сотрудником с частичной ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΠΉ Π·Π°Π½ΡΡ‚ΠΎΡΡ‚ΡŒΡŽ.
  • Π’Π°ΡˆΠ° спСциализация ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° — языки программирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ Π²Π»Π°Π΄Π΅Π΅Ρ‚Π΅ большС всСго, инструмСнты, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹, ΠΈ Ρ‚. Π”.
  • Π£ΠΌΠ΅Π΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ, ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚Π΅ Π»ΠΈ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΈ способны Π»ΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ.
  • Если Π²Ρ‹ Π²Π½Π΅ΡˆΡ‚Π°Ρ‚Π½Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΈΠ»ΠΈ подрядчик, ΡΠ΅Ρ‚ΡŒ, Ρ‡Π΅Ρ€Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚Π΅ свои услуги.
  • Π“Π΄Π΅ Π²Ρ‹ ΠΆΠΈΠ²Π΅Ρ‚Π΅ ΠΈ Π³Π΄Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ (удалСнная Ρ€Π°Π±ΠΎΡ‚Π° ΠΈΠ»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π° Π½Π° Π΄ΠΎΠΌΡƒ).
  • Бколько Ρƒ вас образования ΠΏΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.
  • ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΎΠΏΡ‹Ρ‚Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² своСй области.
  • Как Π΄ΠΎΠ»Π³ΠΎ Π²Ρ‹ ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π² качСствС сотрудника, занятого Π½Π΅ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ дСнь.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Full-Stack Developer?

Π›ΡŽΠ΄Π΅ΠΉ, ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΡ… Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ ΠΊΠ°ΠΊ Π² интСрфСйсной, Ρ‚Π°ΠΊ ΠΈ Π² сСрвСрной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅, часто Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка.Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, Ρƒ Π½ΠΈΡ… Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Π½Π°Π²Ρ‹ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ интСрфСйсу ΠΈ всСму, Ρ‡Ρ‚ΠΎ заставляСт Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅.

НСкоторыС люди ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка Π½Π΅ Ρ‚Π°ΠΊ Ρ…ΠΎΡ€ΠΎΡˆ, ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ внСшнСго ΠΈΠ»ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ интСрфСйса. Часто ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ ΠΊ пословицС: Β«ΠœΠ°ΡΡ‚Π΅Ρ€ Π½Π° всС Ρ€ΡƒΠΊΠΈ, мастСр Π½Π° всС Ρ€ΡƒΠΊΠΈΒ». Но Ρ‚Π°ΠΊΠΆΠ΅ стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ полная Ρ„Ρ€Π°Π·Π° Π·Π²ΡƒΡ‡ΠΈΡ‚ Ρ‚Π°ΠΊ: Β«ΠœΠ°ΡΡ‚Π΅Ρ€ Π½Π° всС Ρ€ΡƒΠΊΠΈ, Π½ΠΈ Π² Ρ‡Π΅ΠΌ Π½Π΅ мастСр, хотя часто Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ мастСр Π² ΠΎΠ΄Π½ΠΎΠΌ Π΄Π΅Π»Π΅Β».

Как Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, Π²Π»Π°Π΄Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ΠΎΠΌ, Ρ‚Π°ΠΊ ΠΈ бэкСндом ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ большС возмоТностСй.Π’Ρ‹ смоТСтС ΠΏΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ заявки Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ мСста ΠΏΠΎ ΠΊΠΎΠ½Ρ‚Ρ€Π°ΠΊΡ‚Ρƒ, Π½Π΅ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ дСнь. Как фрилансСр, Π²Ρ‹ смоТСтС Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ большС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ интСрфСйсом ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сСрвСрной Ρ‡Π°ΡΡ‚ΡŒΡŽ.

Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° ΠΈΠ»ΠΈ работодатСля Π²Ρ‹ смоТСтС ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² Ρ†Π΅Π»ΠΎΠΌ. И ΠΊΠ°ΠΊ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. Π’Ρ‹ прСдоставитС ΠΈΠΌ ΠΎΠ΄Π½ΠΎ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠ΅ Π»ΠΈΡ†ΠΎ для всСх ΠΈΡ… потрСбностСй. И Π²Ρ‹ смоТСтС ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΈΡ…, ΠΊΠΎΠ³Π΄Π° Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚Π°ΠΊ с ΠΎΠ±Π΅ΠΈΡ… сторон.Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ вас Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ Ρ†Π΅Π½Π½Ρ‹ΠΌ Π² долгосрочной пСрспСктивС.

Бпрос ΠΊΠ°ΠΊ Π½Π° Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ Π½Π° backend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² постоянно растСт. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π²Ρ‹Π±ΠΎΡ€ любого ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ ΠΈΠ»ΠΈ бизнСс, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ всСгда ΠΌΠ΅Ρ‡Ρ‚Π°Π»ΠΈ. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ исслСдуйтС ΠΎΠ±Π° ΠΌΠΈΡ€Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вас!

Front-of-the-front ΠΈ back-of-the-front-end Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°

Π’Π΅Π»ΠΈΠΊΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ, ΠΈ я Ρ€Π°Π΄, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ «пСрСдняя Ρ‡Π°ΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΉ части» ΠΈ «задняя Ρ‡Π°ΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΉ части» ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Π»ΠΈ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ с Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΊΠ°ΠΊ я ΠΏΠΎΡˆΡƒΡ‚ΠΈΠ» ΠΎ Π½ΠΈΡ… Π² МагазинС. Π’ΠΎΠΊ-ΡˆΠΎΡƒ.НСкоторыС ΠΈΠ· ΠΌΠΎΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² фактичСски ΠΎΡ‚ΠΎΡˆΠ»ΠΈ ΠΎΡ‚ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹ Β«ΠΌΡ‹ Π½Π°Π½ΠΈΠΌΠ°Π΅ΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка» ΠΈ вмСсто этого приняли ярлыки Β«front-of-the-front-endΒ» ΠΈ Β«back-of-the-front-endΒ». Β», Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΈΠΌ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π½Π°ΠΉΠΌΠ°. Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ мСня нСвСроятно счастливым, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ эти ярлыки ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΡΡ‚ΠΎΠ»ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚ΠΈΠΏΠ°ΠΌΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ для создания ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹Ρ… Π²Π΅Π±-Π²Π΅Ρ‰Π΅ΠΉ.

Π― ΠΊΡ€Π°Ρ‚ΠΊΠΎ сформулировал Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ‚Π°ΠΊ: Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° опрСдСляСт внСшний Π²ΠΈΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ , , Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π·Π°Π΄Π½Π΅ΠΉ части интСрфСйса опрСдСляСт, Ρ‡Ρ‚ΠΎ происходит. ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ этой ΠΊΠ½ΠΎΠΏΠΊΠΈ .

Π― писал ΠΎ своСм ΠΎΠΏΡ‹Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² качСствС Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Π½ΠΎ ΠΏΠΎΠ΄ΡƒΠΌΠ°Π», Ρ‡Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ пост, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ излагались Π±Ρ‹ Ρ€ΠΎΠ»ΠΈ ΠΈ обязанности ΠΊΠ°ΠΊ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². end ΠΈ back-of-the-front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ.

Front-of-the-front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅: Front-of-the-front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ — это Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ спСциализируСтся Π½Π° написании ΠΊΠΎΠ΄Π° HTML, CSS ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° JavaScript.

Π’ ΠΈΡ… обязанности ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ:

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сСмантичСской Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ HTML с ΡƒΠΏΠΎΡ€ΠΎΠΌ Π½Π° Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ удобство Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ тСхнологиями, поисковыми систСмами ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ срСдами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML.
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° CSS , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ управляСт внСшним Π²ΠΈΠ΄ΠΎΠΌ Π²Π΅Π±-интСрфСйса, Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΈ Π»ΡŽΠ±Ρ‹ΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ аспСктами ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ устойчивый ΠΊΠΎΠ΄ CSS с ΡƒΠΏΠΎΡ€ΠΎΠΌ Π½Π° ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ, Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ, ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΠΎΡΡ‚ΡŒ.
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сцСнария JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² основном управляСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π² DOM , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ»ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ панСль Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΏΡ€ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΈΠ»ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ модальноС ΠΎΠΊΠ½ΠΎ.
  • ВСстированиС Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ устройствах , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π΅Π½ ΠΈ красив Π½Π° бСсконСчном ΠΏΠΎΡ‚ΠΎΠΊΠ΅ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ², ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ², ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ всСвозмоТных Π΄Ρ€ΡƒΠ³ΠΈΡ… устройств с доступом Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ (ΠΈ Π΄Π°ΠΆΠ΅ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΡ‹Ρ… Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ Π­Ρ‚ΠΎ Π΅Ρ‰Π΅ Π½Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π΅Π½ΠΎ!)
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ внСшнСго ΠΊΠΎΠ΄Π° для создания Π»Π΅Π³ΠΊΠΈΡ…, быстро Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ…, быстрых ΠΈ бСспроблСмных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
  • Π Π°Π±ΠΎΡ‚Π° с Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ для обСспСчСния Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ€Π΅Π½Π΄, Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ UX Π±Ρ‹Π»ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½Ρ‹ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, напоминаю Π²Π°ΠΌ, являСтся Ρ‚Π΅ΠΌ мСстом, Π³Π΄Π΅ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ люди ΠΏΠΎΠΉΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚.
  • Π Π°Π±ΠΎΡ‚Π° с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ внСшнСго интСрфСйса для обСспСчСния совмСстимости внСшнСго ΠΊΠΎΠ΄Π° с Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, слуТбами, API-интСрфСйсами ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ тСхнологичСской Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€ΠΎΠΉ.
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса , написанных Π½Π° языкС шаблонов, ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Π½Ρ‹ для использования Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ, ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятного API ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° , Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ всС, Ρ‡Ρ‚ΠΎ ΠΈΠΌ Π½ΡƒΠΆΠ½ΠΎ.
  • НаписаниС ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Ρ… тСстов для ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΊΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ выглядят ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΡŽΡ‚ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ гибкости / ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² , Ρ€Π°Π±ΠΎΡ‚Π° с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, насколько ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ / ΠΊΠΎΠΌΠΏΠΎΠ½ΡƒΠ΅ΠΌΡ‹ΠΌ ΠΈΠ»ΠΈ ТСстким / Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ вСрсиями, Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π½ΠΈΠ΅, ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅, примСчания ΠΊ выпуску ΠΈ всС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ входят Π² сопровоТдСниС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

Π˜ΡΡ‚ΠΎΡ€ΠΈΡ‡Π΅ΡΠΊΠΈ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ «интСрфСйсом» ΠΈ «сСрвСром» Π±Ρ‹Π»ΠΎ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΌ: Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ внСшнСго интСрфСйса писали HTML, CSS ΠΈ JavaScript, Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ интСрфСйса писали PHP, Python, ASP.NET ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ сСрвСрный язык. Но Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Β«JavaScript Π½Π°Π±Ρ€Π°Π» ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΒ», большая Ρ‡Π°ΡΡ‚ΡŒ этого ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ историчСски Π±Ρ‹Π» написан Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ написан Π½Π° JavaScript, стирая Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ front-of-the-front-end ΠΈ back-of-the-front. -end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² back-of-the-front ΠΈ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Ρ… back-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ стоит ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ back-of-the-front.


Back-of-the-front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅: Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ внСшнСго интСрфСйса — это Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ спСциализируСтся Π½Π° написании ΠΊΠΎΠ΄Π° JavaScript , Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ для ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π²Π΅Π±-прилоТСния.

Π’ ΠΈΡ… обязанности ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ:

  • НаписаниС бизнСс-Π»ΠΎΠ³ΠΈΠΊΠΈ прилоТСния для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ‚Π°ΠΊΠΈΡ… Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠ°ΠΊ CRUD , Π° Ρ‚Π°ΠΊΠΆΠ΅ для управлСния состояниСм прилоТСния, ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ, кСшСм, Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ ΠΈ Ρ‚. Π”.ΠšΠΎΡ€ΠΎΡ‡Π΅ говоря, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ внСшнСго интСрфСйса ΠΏΠΈΡˆΡƒΡ‚ ΠΊΠΎΠ΄, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ для ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ прилоТСния.
  • ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅, интСграция ΠΈ Π΄Π°ΠΆΠ΅ созданиС источников Π΄Π°Π½Π½Ρ‹Ρ…, слуТб ΠΈ API . Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя Ρ‚Π°ΠΊΠΈΠ΅ Π²Π΅Ρ‰ΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅, ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈΠ· CMS ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΡƒ Π΄Π°Π½Π½Ρ‹Ρ… Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ слуТбу, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ отправляСт Ρ„ΠΎΡ€ΠΌΡƒ.
  • ИспользованиС ΠΊΠΎΠ΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса , созданного Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚-энда, для создания экранов ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ сСрвисов.
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΊΠΎΠ΄Π° JavaScript для создания быстрого ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠ³ΠΎ прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ быстро ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ ΠΈ отправляСт / отправляСт Π΄Π°Π½Π½Ρ‹Π΅.
  • НаписаниС сквозных, ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… тСстов для обСспСчСния ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ прилоТСния.
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ инфраструктурой Π½Π° основС JavaScript , Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ структуры ΡƒΠ·Π»ΠΎΠ², инструмСнты ΠΈ слуТбы.
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ DevOps , Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ сборщики JavaScript, инструмСнты развСртывания, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ CI / CD ΠΈ Ρ‚. Π”.
  • Π Π°Π±ΠΎΡ‚Π° с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ внСшнСго интСрфСйса для обСспСчСния Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса содСрТала всС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ , Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…Π²Π°Ρ‚Ρ‡ΠΈΠΊΠΈ API, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для создания прилоТСния ΠΈ всСх Π΅Π³ΠΎ состояний.
  • Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° для обСспСчСния Ρ‚ΠΎΡ‡Π½ΠΎΠ³ΠΎ прСдставлСния всСх состояний ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π² ΠΆΠΈΠ²ΠΎΠΌ, Π΄Ρ‹ΡˆΠ°Ρ‰Π΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ
  • Π Π°Π±ΠΎΡ‚Π° с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ ИВ-ΠΎΡ‚Π΄Π΅Π»ΠΎΠΌ для обСспСчСния наличия Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΉ тСхничСской инфраструктуры ΠΈ возмоТности прилоТСния ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ / Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΎΡ‚ JavaScript.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Π― Π½Π΅ являюсь Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ внСшнСго интСрфСйса, поэтому эти ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΏΠΎΠ»Π½Ρ‹ΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅ совсСм Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌΠΈ.НС ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ ΠΈ ΠΈΡΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ!

НСкоторыС сообраТСния

  • Π“Ρ€Π°Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ front-of-the-end ΠΈ back-of-the-end ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅Ρ‡Π΅Ρ‚ΠΊΠΎΠΉ ΠΈ сильно Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ ΠΎΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ . Π’ΠΏΠΎΠ»Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ смоТСт Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ мноТСство Π·Π°Π΄Π°Ρ‡ Π²ΠΎ всСм спСктрС интСрфСйса. Но Ρ‚Π°ΠΊΠΆΠ΅ стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ это Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ распространСно.
  • Π­Ρ‚ΠΈ Ρ€ΠΎΠ»ΠΈ ΠΈ обязанности постоянно ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ , Π½ΠΎ ΠΎΠ±Ρ‰Π΅Π΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° «внСшний Π²ΠΈΠ΄Β» ΠΈ Β«Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ являСтся достойным Ρ€Π°Π·Π³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ΠΌ.
  • НСпосрСдствСнно потрСбляСмая Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ Π² качСствС Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎΠ³ΠΎ рукопоТатия ΠΌΠ΅ΠΆΠ΄Ρƒ интСрфСйсными Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‰ΠΈΠΌΠΈ заднюю Ρ‡Π°ΡΡ‚ΡŒ интСрфСйса, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это создаСт Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ‚ΠΈΠΏΠ°ΠΌΠΈ ΠΊΠΎΠ΄Π° .

Π’ΠΎΡ‚ ΠΈ всС! Π­Ρ‚ΠΎ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ я ΡƒΠ²Π»Π΅ΠΊΠ°ΡŽΡΡŒ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π΄ΠΎΠ»Π³ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, поэтому я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΡƒΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ ΠΎ вашСм ΠΎΠΏΡ‹Ρ‚Π΅ плавания Π² этих Π²ΠΎΠ΄Π°Ρ…. Π’Ρ‹ Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ с ΠΏΠΎΠ»Π½Ρ‹ΠΌ стСком? Π‘Π΄Π²ΠΈΠ½ΡƒΠ»Π°ΡΡŒ Π»ΠΈ ваша организация Π² сторону раздСлСния «пСрСдняя Ρ‡Π°ΡΡ‚ΡŒ-пСрСдняя Ρ‡Π°ΡΡ‚ΡŒ / задняя Ρ‡Π°ΡΡ‚ΡŒ-пСрСдняя Ρ‡Π°ΡΡ‚ΡŒΒ»? НС ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ Π½Π°ΠΌ.

Frontend vs Backend

# Π’ Π΄Π²ΡƒΡ… словах

На самом Π΄Π΅Π»Π΅ это Π½Π΅ просто Π²Π΅Π±-прилоТСния — ΠΏΡ€ΠΈ создании любого прилоТСния Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ Π΄Π΅Π»ΠΎ с Ρ‡Π°ΡΡ‚ΡŒΡŽ этого прилоТСния frontend ΠΈ Ρ‡Π°ΡΡ‚ΡŒΡŽ backend .

Но Ρ‡Ρ‚ΠΎ это Π·Π° Π΄Π΅Ρ‚Π°Π»ΠΈ? А Π·Π°Ρ‡Π΅ΠΌ ΠΎΠ½ΠΈ Π½Π°ΠΌ?

Π’ΠΊΡ€Π°Ρ‚Ρ†Π΅, это ΠΎΡ‡Π΅Π½ΡŒ просто: интСрфСйс — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ΄ HTML + CSS + JS, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅), бэкэнд ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ‚ΡΠΆΠ΅Π»ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π·Π° кулисами .

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкэнд Β«Ρ€Π°Π·Π³ΠΎΠ²Π°Ρ€ΠΈΠ²Π°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌΒ» . Запросы Http ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ ΠΈΠ· интСрфСйса Π² ΡΠ΅Ρ€Π²Π΅Ρ€Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, ΠΈΠ»ΠΈ получСния Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ· Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом Ρ‡Π΅Ρ€Π΅Π· сСкунду!

Π’Π°ΠΆΠ½ΠΎ: сСрвСрная Ρ‡Π°ΡΡ‚ΡŒ называСтся Ρ‚Π°ΠΊ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π΅ Π½Π° устройствС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (Ρ‚.Π΅. НЕ Π½Π° мобильном Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ), Π° Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠΌ сСрвСрС . Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚: Π½Π° сСрвСрС, ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰Π΅ΠΌ Π²Π°ΠΌ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ / поставщику Π²Π΅Π±-прилоТСния.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΌΡ‹ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ пСрСвСсти интСрфСйс-бэкэнд Π½Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚-сСрвСр .

TL; DR;

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, бэкэнд — это тяТСлая Ρ€Π°Π±ΠΎΡ‚Π° ΠΈ Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° сСрвСрС.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ всС ΠΎ бэкэнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π² нашСм курсС Node.js, Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… частСй ΠΈ языков программирования. ВзглянитС Π½Π° наши CSS, JavaScript, Π° Π·Π°Ρ‚Π΅ΠΌ, Π² качСствС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ шага послС JavaScript, Angular, React ΠΈ Vue.js курсы!

ВсС эти курсы Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Π² нашС члСнство Pro, начиная с всСго Π·Π° 19 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц .

# Π§Ρ‚ΠΎ Π³Π΄Π΅ происходит? И ΠΏΠΎΡ‡Π΅ΠΌΡƒ?

Π£ нас Π΅ΡΡ‚ΡŒ эти Π΄Π²Π° ΠΊΠΎΠ½Ρ†Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ всС ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

Рассмотрим простой ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Amazon.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Β«Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚Β» — Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ Π² ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ свою ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° экран оформлСния Π·Π°ΠΊΠ°Π·Π°.

Но ΠΊΠ°ΠΊ насчСт всСх Π΄Π°Π½Π½Ρ‹Ρ…, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ взаимодСйствуСтС? А ΠΊΠ°ΠΊ насчСт ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ просматриваСтС?

Π­Ρ‚ΠΈ Π΄Π°Π½Π½Ρ‹Π΅ хранятся Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈΠ»ΠΈ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅?

Π­Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ!

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, эти Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ Amazon, ΠΈ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ для всСх ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Amazon, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ этими Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ΠΈ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ (ΠΈΠ»ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ) ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ нСобходимости.

Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, эти Π΄Π°Π½Π½Ρ‹Π΅, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒΡΡ Π½Π° сСрвСрах Amazon — ΠΈ это ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ «бэкэнд».Π Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎΠ± ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ (ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ — ΠΌΡ‹ Π΅Ρ‰Π΅ вСрнСмся ΠΊ этому) Ρ†Π΅Π½Ρ‚Ρ€Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎ ΠΈ Π²Π½Π΅ устройства ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, интСрфСйс — это подходящСС мСсто для всСго, Ρ‡Ρ‚ΠΎ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ связано с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом.

Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс визуализируСтся нСпосрСдствСнно Π½Π° устройствС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ . Π˜Ρ‚Π°ΠΊ, нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π»ΠΈ ΠΌΡ‹ ΠΎ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ мобильном ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс отобраТаСтся Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ экранС Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ устройствС, ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰Π΅ΠΌ Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

И всС, Ρ‡Ρ‚ΠΎ происходит Π½Π° этом экранС, контролируСтся нашим ΠΊΠΎΠ΄ΠΎΠΌ внСшнСго интСрфСйса.Π‘ΡƒΠ΄ΡŒ Ρ‚ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π²Π²ΠΎΠ΄Π° Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠ»ΠΈ счСтчик Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ — Ρ‡Ρ‚ΠΎ Π±Ρ‹ Π½ΠΈ ΡƒΠ²ΠΈΠ΄Π΅Π» ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, интСрфСйс ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π΅Π³ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ .

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΊΠ°ΠΊ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΎΡΡŒ Ρ€Π°Π½Π΅Π΅, Π² связкС с бэкэндом.

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ ΠΈ бэкэнд Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ — Ρ‡Π΅Ρ€Π΅Π· HTTP-запросы.

Π’Π΅Π±-интСрфСйс, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° сСрвСр. Π—Π°Ρ‚Π΅ΠΌ сСрвСрная Ρ‡Π°ΡΡ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ снова ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ эти Π΄Π°Π½Π½Ρ‹Π΅ (ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠΎΠ΄ внСшнСго интСрфСйса ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΌΠ°Π½ΡƒΡ‚ΡŒ) ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΡ… Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ….

# Π”Π΅Π»ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ…!

К настоящСму Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ «бэкэнд» — это просто синоним Β«Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…Β».

Π­Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ!

Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ… Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡Π°ΡΡ‚ΡŒΡŽ бэкэнда, Π½ΠΎ ΠΏΠΎΠΌΠΈΠΌΠΎ этого Π»ΠΎΠ³ΠΈΠΊΠ°, которая Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° вашСм Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΌ сСрвСрС, являСтся Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π°ΠΆΠ½ΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ «бэкэнда».

ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎ Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ…. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ»ΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° .

Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² бэкэнд-Π»ΠΎΠ³ΠΈΠΊΠΈ:

  • Π”Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΠΌΠ΅Π΄Π»ΡΡŽΡ‚ UI
  • ВзаимодСйствиС с Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠΉ систСмой — доступ ΠΊ Π½Π΅ΠΉ Π½Π΅ прСдоставляСтся Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€,
  • Π‘Π΅Ρ€Π²Π΅Ρ€ — ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π²Π²ΠΎΠ΄Π° Π½Π° сторонС — ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠΎΠ΄ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ
  • По Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅: любой ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ взаимодСйствуСт с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ / ΠΊΠ»ΡŽΡ‡ΠΈ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ посСтитСлям Π²Π΅Π±-сайта (Ρ‚Π°ΠΊΠΆΠ΅ см. ΡΡ‚Π°Ρ‚ΡŒΡ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ)

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΎΠ΄, связанный с ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса.Он Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

Π›ΡŽΠ±Π°Ρ Π»ΠΎΠ³ΠΈΠΊΠ°, связанная с очисткой Π΄Π°Π½Π½Ρ‹Ρ…, ΠΎΠ±ΠΌΠ΅Π½ΠΎΠΌ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ…, Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠΉ систСмой ΠΈΠ»ΠΈ Ρ‡Π΅ΠΌ-Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, Π΄ΠΎΠ»ΠΆΠ½Π° ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π½Π° сСрвСрС .

# Π§Π΅ΠΌΡƒ слСдуСт ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ?

Frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… частСй ΠΈ языков программирования.

Для сСти Π²Ρ‹ создаСтС Π²Π΅Π±-сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ:

Π­Ρ‚ΠΎ основныС языки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹.

Но Π²Ρ‹ Ρ€Π΅Π΄ΠΊΠΎ создадитС большиС клиСнтскиС прилоТСния, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ эти основы.

На самом Π΄Π΅Π»Π΅ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ внСшнСго интСрфСйса — популярныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

Если Π²Ρ‹ создаСтС мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ , Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ±ΠΎ Java, Π»ΠΈΠ±ΠΎ Kotlin для Android, Π»ΠΈΠ±ΠΎ Swift ΠΈΠ»ΠΈ ObjectiveC для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ΄ iOS.

OR просто исслСдуйтС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Flutter, React Native ΠΈΠ»ΠΈ Ionic (с Angular, с React), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ настоящиС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния для ΠΎΠ±Π΅ΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ всСго ΠΎΠ΄Π½ΠΎΠ³ΠΎ языка программирования ΠΈ ΠΎΠ΄Π½ΠΎΠΉ Π±Π°Π·Ρ‹ ΠΊΠΎΠ΄Π°!

Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ , Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ язык программирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° сСрвСрС.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

# Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π»ΠΈ Π²Π΅Π±-прилоТСния с ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠΎΠ½Ρ†ΠΎΠΌ?

Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π²Π΅Π±-сайтов ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с ΠΎΠ±ΠΎΠΈΡ… ΠΊΠΎΠ½Ρ†ΠΎΠ². ΠšΡΡ‚Π°Ρ‚ΠΈ, Ρ‚ΠΎ ΠΆΠ΅ самоС ΠΈ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ прилоТСниями.

Но тСорСтичСски Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±- ΠΈΠ»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΅ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ интСрфСйс. Или просто бэкэнд.

Π§Π°ΡΡ‚ΡŒ , прСдназначСнная Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для внСшнСго интСрфСйса, Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятной: Ρƒ вас ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ просто Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»Ρ‹.

ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ страницах ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Π³Π΄Π΅ Π²Ρ‹ просто описываСтС свои услуги (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€,Π³Ρ€Π°ΠΌΠΌ. Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Π½Ρ‚ΠΎΠΌ). Или Π±Π»ΠΎΠ³ΠΈ, Π³Π΄Π΅ Π²Ρ‹ просто ΠΏΠΈΡˆΠ΅Ρ‚Π΅ всС ΡΡ‚Π°Ρ‚ΡŒΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ HTML + CSS + JS. Π’ этом случаС Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½Π° Π±Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ….

Π’Π°ΠΊΠΆΠ΅ см. Π­Ρ‚Ρƒ ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… свСдСний ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠ°Ρ… Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для бэкэнда ?

На ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд Π² этом Π½Π΅Ρ‚ смысла, ΠΏΡ€Π°Π²Π΄Π°? Π’Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· внСшнСго интСрфСйса Π½ΠΈΠΊΠΎΠΌΡƒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использовано. Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ видят.

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²Π΄Π°, Π½ΠΎ Π½Π΅ всС прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ создаСтС, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для использования ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ создаСтС простой (REST) ​​API , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ / прСдприятиями.

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° API Google Places: ΠΎΠ½ позволяСт ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ адрСса Π² ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚ (ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅).

Π­Ρ‚ΠΎΡ‚ API ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½Ρ‹ΠΌΠΈ.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ API ΠΈ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. И Ρ‚ΠΎΠ³Π΄Π° это Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²Π΅Π±-прилоТСния, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π΅ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сСрвСрная Ρ‡Π°ΡΡ‚ΡŒ.

# А ΠΊΠ°ΠΊ насчСт ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ стСка?

Если Π²Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚Π΅ΡΡŒ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ ΠΈ ΠΎ Β«ΠΏΠΎΠ»Π½ΠΎΠΉΒ» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅.

Π­Ρ‚ΠΎ просто ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ (Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ) Π½Π΅ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚Π°Ρ‡ΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½Ρ†Π΅. ВмСсто этого Π²Ρ‹ Π²Ρ‹ΡƒΡ‡ΠΈΠ»ΠΈ языков программирования ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² для ΠΎΠ±Π΅ΠΈΡ… сторон , ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

Π­Ρ‚ΠΎ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ большим прСимущСством для фрилансСра ΠΈΠ»ΠΈ нСбольшого стартапа / ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ!

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Front-end ΠΈ back-end

ΠŸΠ»Π°Π½ΠΈΡ€ΡƒΡ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ².Π­Ρ‚ΠΈ знания ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΠΈ эффСктивно ΠΎΠ±Ρ‰Π°Ρ‚ΡŒΡΡ с вашСй ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈΠ»ΠΈ поставщиком ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния. По Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ, Π΄Π²Π° Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ±ΠΈΠ²Π°Ρ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ, — это «интСрфСйсный» ΠΈ Β«Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉΒ» (Π° Ρ‚Π°ΠΊΠΆΠ΅ «интСрфСйсный Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΒ» ΠΈ Β«Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΒ»).

Π§Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ «интСрфСйс» ΠΈ «бэкэнд»?


Π›ΡŽΠ±ΠΎΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° Π΄Π²Π΅ части. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ — это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²ΠΈΠ΄ΠΈΡ‚ ΠΈ с Ρ‡Π΅ΠΌ взаимодСйствуСт (ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс).БСрвСрная Ρ‡Π°ΡΡ‚ΡŒ — это Ρ‡Π°ΡΡ‚ΡŒ прилоТСния, которая скрыта ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Β«ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡ‚ΠΎΠΌΒ»). Π­Ρ‚Π° Ρ‡Π°ΡΡ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΈΡ… Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈ матСматичСскиС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ. БпСциалисты, отвСтствСнныС Π·Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ интСрфСйсной ΠΈ сСрвСрной частСй прилоТСния, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ соотвСтствСнно интСрфСйсными Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.

Π­Ρ‚ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΠΎΠ²ΠΎΠ΅. Π‘ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ΠΌ ИВ-индустрии ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ стали расти Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ….Для Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ любого Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π²Π°ΠΌ понадобится ΠΊΠΎΠΌΠ°Π½Π΄Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² (Π° Π½Π΅ ΠΎΠ΄ΠΈΠ½ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ). Π§Π΅ΠΌ большС Π³Ρ€ΡƒΠΏΠΏΠ°, Ρ‚Π΅ΠΌ большС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ‚Ρ€ΡƒΠ΄Π°. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ прилоТСния Π² соотвСтствии со своими Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ.

Front-end ΠΈ back-end ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠ°Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнныС ΠΈ ΠΏΠΎΠΉΠΌΠ΅ΠΌ, Ρ‡Ρ‚ΠΎ эти Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°: Π²Π΅Π±-прилоТСния, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

1. Π’Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅

Π’ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ нСсколько ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ сильно зависят ΠΎΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ тСхнологичСского стСка. Π’ΠΎΡ‚ наш Π²Ρ‹Π±ΠΎΡ€ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ: для Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ (сСрвСрной) Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ язык Python ΠΈ Π²Π΅Π±-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Django. Для построСния рСляционных Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ систСму управлСния Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ… с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ PostgreSQL ΠΈΠ»ΠΈ Oracle RDBMS. Для нСрСляционных Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… — MongoDB. Для ΠΊΡ€ΡƒΠΏΠ½ΠΎΠΌΠ°ΡΡˆΡ‚Π°Π±Π½ΠΎΠΉ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Hadoop.Для интСрфСйсной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ HTML, CSS, JavaScript, TypeScript вмСстС с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° основС JavaScript, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ AngularJS ΠΈ React.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядит структура Ρ‚ΠΈΠΏΠΈΡ‡Π½ΠΎΠ³ΠΎ Π²Π΅Π±-прилоТСния Π½Π° основС Python:

Π’Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ состоит ΠΈΠ· Π΄Π²ΡƒΡ… ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… частСй: внСшнСй ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ HTTP-ΠΎΡ‚Π²Π΅Ρ‚, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ тСкстовый Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML, Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹ΠΉ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ. Π‘Π°ΠΌ ΠΎΡ‚Π²Π΅Ρ‚ содСрТит интСрфСйсный ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выполняСтся Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ устройствС Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅: Π² соотвСтствии с Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ HTML ΠΈ стилями CSS страница визуализируСтся Π½Π° дисплСС, ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ страницы (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€,g., пСрСтаскиваниС, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ Π² Π΄Ρ€ΡƒΠ³ΠΈΠ΅ состояния, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Π²Π²ΠΎΠ΄Π° ΠΈ Ρ‚. Π΄.) кодируСтся Π½Π° языкС программирования JavaScript. Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹ΠΉ Π²Π΅Π±-сСрвСр ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС Π²Π΅Π±-сСрвСра, Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°ΠΊ Nginx ΠΈΠ»ΠΈ Apache (ΠΌΡ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ), ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС сСрвСра ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ выполняСт ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ (наш Π²Ρ‹Π±ΠΎΡ€ — uWSGI) ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для хранСния Π΄Π°Π½Π½Ρ‹Ρ… — Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ….


2. МобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅

Как ΡƒΠΆΠ΅ слСдуСт ΠΈΠ· названия, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ….Π’ настоящСС врСмя Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ для ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм Android ΠΈ iOS.

Π•ΡΡ‚ΡŒ Π΄Π²Π° ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Ρ‚Π°ΠΊΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π΅ для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π΄Π²Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… прилоТСния с использованиСм языков программирования ΠΈ срСд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, прСдоставлСнных Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, iOS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ язык программирования Swift, Π° для Android — Kotlin). Π’Π°ΠΊΠΈΠ΅ прилоТСния Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ «собствСнными прилоТСниями». ΠŸΡ€ΠΈ Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π΅ ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ ΠΎΠ΄Π½ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΎΠ±Π΅ΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… (Android ΠΈ iOS).Π’Π°ΠΊΠΈΠ΅ прилоТСния Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Β«Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½Ρ‹ΠΌΠΈΒ» ΠΈΠ»ΠΈ «кроссплатформСнными». Π’Π°ΠΊΠΈΠ΅ прилоТСния ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой просто Π²Π΅Π±-прилоТСния, Π·Π°Π²Π΅Ρ€Π½ΡƒΡ‚Ρ‹Π΅ Π² Π½Π°Ρ‚ΠΈΠ²Π½ΡƒΡŽ ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΡƒ, ΠΏΡ€ΠΈ этом ΠΎΠ½ΠΈ выглядят ΠΈ ΠΎΡ‰ΡƒΡ‰Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅. ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ — мСньшСС врСмя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ мСньшиС Π·Π°Ρ‚Ρ€Π°Ρ‚Ρ‹ (Π² зависимости ΠΎΡ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ врСмя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π²ΡƒΡ… собствСнных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΠΎΠ΄Π½ΠΈΠΌ Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π° 30-40 ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ² большС). ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² ΠΈΡ… собствСнном ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² доступС ΠΊ Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½ΠΎΠΌΡƒ / ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌΡƒ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡŽ устройства (GPS, мСстополоТСниС, встряхиваниС, ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ ΠΈ Ρ‚. Π”.).

Для простых ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ (Π³Π΄Π΅ Π½Π΅Ρ‚ взаимодСйствия с сСрвСром) Ρ€ΠΎΠ»ΡŒ back-end ΠΈ front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² выполняСт ΠΎΠ΄ΠΈΠ½ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Android ΠΈΠ»ΠΈ iOS.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ Ρ‚Π°ΠΊΠΎΠ³ΠΎ простого прилоТСния ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€, Ρ„ΠΎΠ½Π°Ρ€ΠΈΠΊ ΠΈΠ»ΠΈ Π±ΡƒΠ΄ΠΈΠ»ΡŒΠ½ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π½Π° любом Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅.

Для Π±ΠΎΠ»Π΅Π΅ слоТных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΡ… ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ ΠΈ связи с сСрвСром, мобильного Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ условно Π½Π°Π·Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ внСшнСго интСрфСйса, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ Π² основном Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с интСрфСйсом прилоТСния.Однако ΠΌΡ‹ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ iOS ΠΈΠ»ΠΈ Android.


3. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ — это нСбольшиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Π΅ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π²Π΅Π±-прилоТСниям ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *