Найти тему

КТО ТАКОЙ FRONT-END РАЗРАБОТЧИК САЙТА??

Статья из сайта Galaxy.pro
Статья из сайта Galaxy.pro

Посетите наш сайт galaxy.pro , скоро это будет сайт библиотека программиста...

Фронтальная разработка включает в себя создание веб-страниц и пользовательских интерфейсов для веб-приложений. Фронтальные разработчики реализуют структуру, дизайн, поведение и анимацию всего, что вы видите на экране при открытии веб-сайтов, веб-приложений или мобильных приложений.

Термин «фронт» происходит от идеи, что веб-разработка в значительной степени разделена на два общих аспекта: фронтэнд и бэкэнд. Внешний интерфейс — это «клиентская сторона», которая относится к браузеру и пользователю, взаимодействующим с этим браузером. Разработчики внешнего интерфейса пишут код, который браузер интерпретирует, а затем отвечает, визуализируя страницу, чтобы отразить намеченный дизайн. В серверной части (на стороне сервера) хранятся постоянные данные, такие как информация об учетной записи Facebook, статистика игроков NBA и т. Д.

В то время как внутренние программисты могут (и часто делают) отправлять весь контент веб-страницы клиенту для визуализации для пользователя, многие разработчики Front-end обрабатывают ВСЕ рендеринг на своей стороне. Это означает, что единственное, что они получат от сервера, это информация (данные). Используя эту информацию, код разработчика переднего плана будет брать информацию и отображать страницу иначе, чтобы отразить новую (или обновленную) информацию. В качестве простого примера, если вы находитесь на социальном сайте и «любите» комментарий или публикацию другого человека, тогда разработчик внешнего интерфейса может написать код, который уведомляет серверную часть о том, что комментарий автора получил другой лайк, увеличивая его «как». «рассчитывать на базу данных сервера. Сервер обновит эту информацию на своем конце, но затем разработчик внешнего интерфейса Код s также может добавить новый номер или значок рядом с комментарием автора, чтобы обозначить изменение информации (например, сердце с «5» рядом с ним, чтобы указать 5 «лайков»). Это может оказаться довольно сложным, особенно когда мы говорим о многопользовательских играх в Интернете и обо всех данных, которые передаются взад и вперед, но приведенный выше пример все же должен дать вам представление.

Фронтальные разработчики работают с большим количеством технологий, но основными технологиями, которые все современные веб-разработчики используют в качестве основы, являются HTML5, CSS и Javascript. Некоторые также будут знать некоторые бэкэнд-языки, такие как PHP, Ruby или Python, но в наши дни некоторые современные технологии позволяют им использовать Javascript в бэкэнде (смотрите NodeJS для получения дополнительной информации). Многие также знают WordPress, а также некоторые дизайнерские приложения, такие как Photoshop или Gimp.

Некоторые проблемы, с которыми сталкивается разработчик Front End:

  • Написание кода, который отображает и ведет себя одинаково от браузера к браузеру (Chrome, Firefox, Safari, Opera и т. Д., А также их различные версии) и от устройства к устройству (iPad, iPhone, Android, ПК, Mac, Linux и т. Д. .).
  • Убедиться в том, что пользовательский интерфейс является относительно постоянным / приятным, независимо от размера экрана их устройства.
  • Будьте в курсе последних инновационных технологий, стандартов и лучших практик в отрасли (вещи движутся и меняются ОЧЕНЬ быстро в мире веб-разработки).
  • Понимание важных концепций дизайна, таких как дизайн пользовательского интерфейса / пользовательского опыта. (UI / UX). Хотя они могут не овладеть этими концепциями на том же уровне, что и тот, кто работает дизайнером на полную ставку, им, по крайней мере, нужно иметь в них хорошую основу.
  • Понимание таких вещей, как производительность рендеринга в браузере и оптимизация для критического пути рендеринга.
  • Убедиться в том, что изображения не чрезмерно используются на странице, поскольку они, как правило, являются самыми большими файлами. Существуют альтернативы дизайна для использования изображения, вместо того, чтобы всегда думать, что вам нужно включить его. Но если вам необходимо включить некоторые изображения, вы должны знать, как сжать и оптимизировать их в достаточной степени, чтобы вы не обслуживали пользователя ненужными большими файлами, таким образом замедляя время загрузки, поглощая пользовательские данные или разряжая чью-то батарею. телефон или iPad.
  • Обеспечьте значимое движение пользовательского интерфейса (анимации), не отвлекая пользователя и не мешая ему. Вы также должны помнить, как слишком много анимации может затормозить опыт мобильного пользователя или быстро разрядить его батарею.

Front-End разработка — это полная роль в разработке программного обеспечения. Раньше он был взаимозаменяем с «дизайнером, который умеет кодировать» (в основном HTML, CSS и немного Javascript), но теперь это намного больше, чем сейчас. И все еще становится все сложнее.

Хочешь знать все новинки мира IT заходи на наш сайт galaxy.pro будет интересно

Надеюсь, это поможет.