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

Друзья! Подписывайтесь на канал @british_frontend. Это персональный блог фронтенд разработчика в Англии, где он рассказывает о своем движении по карьере с перспективы рабочего места в UK. Там обсуждаются такие темы как 🤑 Зарплаты 🔥 Отношения между людьми в компании и corporate drama 🇬🇧 Британский юмор 📈 Карьерный рост: как и куда расти 🛂 Иммиграция 🚀 Стартапы и предпринимательство 🧑‍💻 React, monorepos, legacy code, и другие насущные фронтенд темы Подпиывайтесь! Чем больше людей, тем лучше дискуссии! 🙌 https://t.me/british_frontend

👉 @frontendInterview

Фиктивные объекты и данные, моки, стабы Среди фиктивных объектов можно выделить две группы: моки и стабы. Стабы (англ. stub) заменяют объекты, но сами ничего не проверяют. Их реализация простая, а зачастую — даже ничего не делает вовсе. Стабы нужны, чтобы заменить собой зависимость в системе и упростить окружение для тестов. Моки (англ. mock) тоже заменяют зависимости, но при этом позволяют проверять предположения. Они могут следить за вызовами методов, аргументами этих вызовов и т. д. Моки удобны при тестировании функций с побочными эффектами. Фиктивные объекты можно представить как беговые дорожки, которые заменяют собой настоящий большой парк. Только стабы — это дорожки попроще: крутящаяся лента без дисплея и настроек; а моки — дорожки, которые следят за темпом, ускорением, сердцебиением и т.д. 👉 @frontendInterview

👉 @frontendInterview

Как работают веб-приложения? Веб-приложения, которыми мы пользуемся каждый день, хоть и сильно отличаются под капотом, на высоком уровне по большей части похожи. Любое веб-приложение, если оно работает в браузере, работает на 3 основных технологиях: HTML, CSS и JS. Ещё есть WASM, но о нём в этой статье мы говорить не будем. Все приложения, которыми вы пользуетесь в браузере: GoogleDocs, Notion, Яндекс.Карты, Spotify, YouTube — сделаны с помощью этих технологий. Но любое сложное приложение — это не только картинка в браузере, это ещё и данные, которые пользователи используют или создают. Эти данные нужно уметь хранить, обрабатывать и выводить. Хранением и обработкой данных обычно занимается сервер или бэкенд. Бэкенд — область веб-технологий, работающих на сервере, а также внутренняя часть серверной системы, занимается обработкой данных. А архитектура, в которой участвуют сервер (бэкенд) и клиент (браузер, фронтенд) называется клиент-серверной. 👉 @frontendInterview

Arrays Similar Создайте функцию, которая принимает два массива и определяют одинаковые ли они. Одинаковые - значит что у них одинаковые элементы и одинаковое количество элементов. Примеры: const arr1 = [1, 2, 2, 3, 4], arr2 = [2, 1, 2, 4, 3], arr3 = [1, 2, 3, 4], arr4 = [1, 2, 3, "4"] arraysSimilar(arr1, arr2); // Should equal true arraysSimilar(arr2, arr3); // Should equal false arraysSimilar(arr3, arr4); // Should equal false 👉 @frontendInterview

Mark Myers «A Smarter Way to Learn JavaScript» На русском языке книга не издавалась, но за рубежом считается одной из лучших. Рассказ начинается с описания элементарных вещей и постепенно переходит к рассмотрению различных приемов программирования, поэтому ей пользуются и новички, и профессионалы. 👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Как устроен Dockerfile Dockerfile — это текстовый файл, в котором описан рецепт создания образа Docker. Docker умеет создать идентичные условия работы приложения, независимо от операционных систем и установленных служб на компьютере разработчика и на сервере. Для этого используется концепция контейнера. Прототипом контейнера является образ, в Dockerfile описывают процесс его создания в виде набора инструкций. Инструкции записываются построчно. На первом месте указывается команда для Docker, которую нужно выполнить, а затем — список аргументов этой команды: # Comment INSTRUCTION arguments 👉 @frontendInterview

Всем привет! Ребята создали чат-бота, который рассылает релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай предложения отобранные по твоим предпочтениям @MasterHuBot

👉 @frontendInterview

clip С помощью свойства clip можно обрезать элемент, оставив видимой только его часть. Возьмём изображение симпатичного домика и при помощи свойства clip обрежем часть картинки: img { clip: rect(auto 220px 150px auto); } 👉 @frontendInterview

Полезная информация для тех, кто изучает JavaScript. Ребята из Glo Academy проводят интенсив, на котором вы сможете сделать сервис услуг по сборке ПК. Занятия состоят из коротких видеоуроков и прямых трансляций с автором (опытным фуллстек-разработчиком) За 4 дня реализуете аккордеон, таймер, модальное окно и научитесь отправлять данные на сервер. Бонусом добавите еще несколько фич, а в конце получите схему “Как учить JavaScript” — она поможет не сбиться с пути. Интенсив особенно полезен для новичков. Будете практиковаться, задавать вопросы и получать обратную связь. В итоге сделаете работу для портфолио и заложите базу для старта в профессии. Все предельно просто. Регистрируйтесь на интенсив, пишите код, общайтесь с другими участниками и получайте мотивацию на дальнейшее обучение. Переходите по ссылке, жмите “Начать” и получите приглашение: https://telegram.me/gloacademy_bot?start=i-js-04-frontendinterview