Frontend Interview - собеседования по Javascript / Html / Css

Pure Functions Функция должна удовлетворять двум условиям, чтобы считаться «чистой»: — Каждый раз функция возвращает одинаковый результат, когда она вызывается с тем же набором аргументов — Нет побочных эффектов Вам дана функция. Ваша задача - сделать из неё чистую функцию. 👉 @frontendInterview

Визуализация данных с помощью библиотеки D3.js Книга знакомит с одной из самых распространенных и мощных библиотек визуализации данных - D3.js. Прочтя ее, вы сможете решить любую задачу: от создания визуализации с нуля до запуска ее на сервере и написания автоматизированных тестов. здание предназначено разработчикам веб-приложений, специалистам по анализу и обработке данных и всем, интересующимся интерактивным представлением данных в вебе с помощью библиотеки D3. 👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

+1 в копилку полезных каналов о фронтенде С Senior Frontend стартовать в айти намного проще: • готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen • лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях • тесты и опросы для тех, кто не запоминает сухую инфу Сохраняйте: @seniorFront

Что такое временная мёртвая зона (temporal dead zone)? TDZ: термин для описания состояния, когда переменные недоступны. Они находятся в области видимости, но не объявлены. Переменные let и const существуют в TDZ с начала их объемлющей области видимости до момента их объявления. Можно также сказать, что переменные существуют в TDZ с момента их привязки (когда переменная привязывается к области видимости, внутри которой она находится) до момента ее объявления (когда для этой переменной в памяти резервируется имя). Вы можете видеть на картинке, что если бы я обратился к переменной age раньше, чем она была объявлена, это вызвало бы ошибку ReferenceError. Из-за TDZ. 👉 @frontendInterview

Почему результатом сравнения двух похожих объектов является false? В JS объекты и примитивы сравниваются по-разному. Примитивы сравниваются по значению. Объекты — по ссылке или адресу в памяти, где хранится переменная. Вот почему первый console.log возвращает false, а второй — true. Переменные «a» и «c» ссылаются на один объект, а переменные «a» и «b» — на разные объекты с одинаковыми свойствами и значениями. 👉 @frontendInterview

Занимаетесь frontend-разработкой, но для серьёзных проектов пока не хватает навыков? Тимлиды ВКонтакте записали топовый курс для мидлов и крепких джунов с акцентом на практику. За 5 месяцев вы научитесь делать качественные, быстрые интерфейсы, разберётесь с деплоем, CI/CD, кэшированием и серверной оптимизацией — и поймёте, как тратить на разработку меньше времени. Результатом обучения станет готовый сервис на React + Redux с деплоем на собственном сервере. После прохождения курса вы точно будете готовы к работе над крупными проектами, а наш HR приложит максимум усилий, чтобы трудоустроить вас в хорошую компанию. Переходите по ссылке и записывайтесь на курс до 18 июля — по промокоду FRONT2 действует скидка 10%. Кстати, на сайте можно пройти бесплатную демоверсию.

👉 @frontendInterview

Хватит! Хватит ходить на собеседования и сидеть без работы! Подпишись на канал и прокачивайся: @frontend_loft

Что такое прогрессивный рендеринг? Прогрессивный рендеринг на стороне сервера (PSSR) основан на концепции потоковой передачи HTML. PSSR разбивает страницы на осмысленные компоненты с помощью разделения кода. Эти части страницы управляются разными скриптами, и теперь у нас есть возможность сделать гидратацию независимо. Давайте посмотрим, как работает PSSR: 1. Браузер запрашивает у сервера HTML-код. 2. Сервер делает API запросы и сначала рендерит критический контент, а затем отправляет его клиенту. 3. Браузер анализирует HTML и отображает его на экране. 4. Сервер рендерит некритический контент и передает его браузеру. 5. Затем браузер анализирует и отображает некритичный контент. 6. Между тем JS-бандлы загружаются и выполняются в фоновом режиме, а браузер передаёт интерактивность элементам DOM. PSSR повышает производительность вашего веб-приложения, извлекая и визуализируя компоненты страницы параллельным и приоритетным образом. 👉 @frontendInterview

Is every value in the array an array Создайте функцию, которая проверит, все ли элементы массива являются массивами. Примеры: [[1],[2]] => true ['1','2'] => false [{1:1},{2:2}] => false 👉 @frontendInterview

Основы Redux Современная разработка давно проходит по стандартам использования фреймворков, что обеспечивает приложения долголетием и безопасностью. Это руководство расскажет об актуальной версии библиотеки Redux и познакомит вас с его популярными инструментами управления состоянием приложения. 👉 @frontendInterview

👉 @frontendInterview