На чем написан фронтенд Вконтакте

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Switch branches/tags
Branches Tags
Could not load branches
Nothing to show
Could not load tags

Nothing to show

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Cancel Create

  • Local
  • Codespaces

HTTPS GitHub CLI
Use Git or checkout with SVN using the web URL.
Work fast with our official CLI. Learn more about the CLI.

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Рынок IT переполнен и в него поздно идти? Про Frontend, React и ChatGPT. Зар Захаров

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

Latest commit message
Commit time

README.md

ВКонтакте на практике.

Тестовое задание на стажировку по фронтенду в команду «Веб-мессенджер»

Поле ввода с раскрытым интерфейсом выбора эмоджи

Вам нужно разработать поле ввода с интерфейсом для добавления эмоджи.

  • Поле ввода должно изменять размер под введённый текст.
  • При нажатии на иконку справа должен открываться выпадающий интерфейс выбора эмоджи.
  • В интерфейсе выбора эмоджи внизу есть 2 иконки. Они переключают режим просмотра между всем списком и недавно использованными эмоджи (можно запоминать, например, последние 25 использованных).
  • Постарайтесь сделать максимально удобный для пользователя интерфейс.
  • Подумайте про управление с клавиатуры и доступность.
  • Помните про скорость загрузки и производительность.
Еще по теме:  Что такое ctr в рекламе Вконтакте

Если оказалось слишком просто

Можно сделать дополнительное задание: находить и подсвечивать в поле ввода меншены, хештеги, ссылки и адреса электронной почты.

Поле ввода с раскрытым интерфейсом выбора эмоджи

В результате мы ожидаем увидеть html-страницу или веб-приложение со всеми необходимыми ресурсами.

  • Вы можете использовать фреймворк для UI, если хотите.
  • Вы можете использовать сторонние зависимости, если считаете это необходимым, но помните, что мы хотим увидеть именно ваш скилл.
  • Результат, оформленный в виде репозитория (например, Github), будет плюсом.
  • Результат, выложенный на любой удобный хостинг (например, Heroku), будет плюсом.
  • Дизайн в Figma
  • Данные для отображения

About

Тестовое задание в команду Веб-мессенджер в рамках стажировки «ВКонтакте на практике».

Как устроен Frontend ВКонтакте?

Источник: github.com

Какой фреймворк для frond-end использует VK?

Привет всем.
Какой фреймворк для frond-end использует VK?

  • Вопрос задан более трёх лет назад
  • 3009 просмотров

Решения вопроса 1

Rou1997

Ответ написан более трёх лет назад

Нравится 1 Комментировать

Ответы на вопрос 2

Ответ написан более трёх лет назад

Нравится 1 Комментировать

crypto7bro

Я программист самоучка — тащуюсь от front-end’a 😀

Если ещё актуален вопрос, то вот этот, самописный ужас.
Конечно, можно было проще его написать, но вк весь костыль костыльный.

Ответ написан более трёх лет назад

Нравится 1 Комментировать

Источник: qna.habr.com

VK Tech Talks · Front End

Как нам удаётся поддерживать фронтенд-код ВКонтакте в порядке? Какие инструменты мы используем? Каких регламентов нам приходится придерживаться? Что произойдёт, если мы перестанем делать то, что мы делаем?

Как мы ускоряли релиз лендингов на Юле?

Валерия Колпакова, фронтенд-разработчик, Adv-team, ВКонтакте

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

Еще по теме:  Как поменять вибрацию в ВК на Андроид

Как не стать «слабым звеном»

Константин Лебедев, фронтенд-архитектор, RnD, Почта Mail.ru

При разработке внутренних или внешних инструментов вы обязательно столкнётесь с поддержкой не только кода, но и потребителей. Посмотрим, как удалось наладить работу с комьюнити, на примере внедрения фронтенд-платформы.

Источник: proglib.io

Рейтинг
( Пока оценок нет )
Загрузка ...