Web-программист. Навыки и умения для разработки сайтов и сервисов презентация

Содержание

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

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР
Разрабатывает адаптивный лендинг для продукта
Интегрирует платежную систему
Создает интерфейс для ре-
гистрации и авторизации пользователей

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР
Разрабатывает адаптивный лендинг для продукта
Интегрирует платежную систему
Создает интерфейс для ре-
гистрации и авторизации пользователей
Пишет код так, чтобы собирать
и сохранять данные, которые оставляют на лендинге через форму обратной связи
Создает структуру, которая будет фиксировать данные о переводах, передавать их в банк и оповещать об этом пользователей или владельцев сервиса
Настраивает обработку и передачу данных на сервер, обеспечивает их защиту

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР
Пишет код так, чтобы собирать
и сохранять данные, которые оставляют на лендинге через форму обратной связи
Создает структуру, которая будет фиксировать данные о переводах, передавать их в банк и оповещать об этом пользователей или владельцев сервиса
Настраивает обработку и передачу данных на сервер, обеспечивает их защиту

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР
Пишет код так, чтобы собирать
и сохранять данные, которые оставляют на лендинге через форму обратной связи
Создает структуру, которая будет фиксировать данные о переводах, передавать их в банк и оповещать об этом пользователей или владельцев сервиса
Настраивает обработку и передачу данных на сервер, обеспечивает их защиту

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР
Верстает макет лендинга с учетом того, как элементы должны выглядеть на экранах разного размера, в разных браузерах, на разных устройствах
Внедряет решение на сайте или в приложении, отвечает за то, чтобы интерфейс однозначно реагировал на нажатия или жесты, и сообщал о завершении оплаты
Обеспечивает всю видимую часть приложения: интерфейс, кнопки, анимацию. Настраивает отправку и получение данных с сервера

ВЕБ-РАЗРАБОТЧИК
БЭКЕНДЕР
ФРОНТЕНДЕР
Верстает макет лендинга с учетом того, как элементы должны выглядеть на экранах разного размера, в разных браузерах, на разных устройствах
Внедряет решение на сайте или в приложении, отвечает за то, чтобы интерфейс однозначно реагировал на нажатия или жесты, и сообщал о завершении оплаты
Обеспечивает всю видимую часть приложения: интерфейс, кнопки, анимацию. Настраивает отправку и получение данных с сервера

Этапы работы и инструменты
Представим себе, что нам нужно запустить онлайн-магазин. Сначала разработчик получает задачу и оценивает сроки ее выполнения. Здесь он может обсуждать решение с техническим директором или с тимлидом. Если сроки всех устраивают, их фиксируют в трекере задач. Например, в Trello, Яндекс.Трекере или YouTrack.
Веб-разработчик: Стадии работы и инструменты
Изучить задачу
Выбрать решение
Написать код
Проверить код-ревью
Доработать код
Протести -
ровать
Исправить ошибки
Развернуть код на сервере
Мастерство и опыт
WebStorm VS Code, Git
Github Butbucket, Gitlab
Тестировщики проверяют , а разработчики собирают комментарии
Docker , nginx