Frontend Interview - собеседования по Javanoscript / Html / Css – Telegram
Frontend Interview - собеседования по Javanoscript / Html / Css
11.4K subscribers
2.1K photos
118 videos
319 files
530 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Basic Mathematical Operations

Ваша задача - создать функцию, которая выполняет четыре основные математические операции.
Функция должна принимать три аргумента - операция(строка/знак), значение1(число), значение2(число).
Функция должна возвращать результат в виде числа после применения выбранной операции.

Пример:
('+', 4, 7) --> 11
('-', 15, 18) --> -3
('*', 5, 5) --> 25
('/', 49, 7) --> 7

👉 @frontendInterview
😁5🔥2👎1
Что такое NAT?

NAT - механизм преобразования сетевых адресов.

Сети обычно проектируются с использованием частных IP адресов. Это адреса 10.0.0.0/8, 172.16.0.0/12 и 192.168.0.0/16. Эти частные адреса используются внутри организации или площадки, чтобы позволить устройствам общаться локально, и они не маршрутизируются в интернете. Чтобы позволить устройству с приватным IPv4-адресом обращаться к устройствам и ресурсам за пределами локальной сети, приватный адрес сначала должен быть переведен на общедоступный публичный адрес.

И вот как раз NAT переводит приватные адреса, в общедоступные. Это позволяет устройству с частным адресом IPv4 обращаться к ресурсам за пределами его частной сети. NAT в сочетании с частными адресами IPv4 оказался полезным методом сохранения общедоступных IPv4-адресов. Один общедоступный IPv4-адрес может быть использован сотнями, даже тысячами устройств, каждый из которых имеет частный IPv4-адрес. NAT имеет дополнительное преимущество, заключающееся в добавлении степени конфиденциальности и безопасности в сеть, поскольку он скрывает внутренние IPv4-адреса из внешних сетей.

👉 @frontendInterview
👍9😁1
Если ширина контейнера 500px, то какие ширины будут у его дочерних элементов при таком коде?
Anonymous Quiz
11%
50px, 200px, 300px
13%
50px, 100px, 200px
60%
50px, 150px, 300px
16%
50px, 50px, 100px
👍16
Что такое git stash?

Команда git stash позволяет на время «сдать в архив» (или отложить) изменения, сделанные в рабочей копии, чтобы вы могли применить их позже. Откладывание изменений полезно, если вам необходимо переключить контекст и вы пока не готовы к созданию коммита.

Вернуть изменения в рабочую область можно, выполнив команду git stash pop.

👉 @frontendInterview
👍18🔥4
Какое значение прописать свойству flex-direction, чтобы элементы следовали в обратном порядке, снизу вверх?
Anonymous Quiz
3%
column
14%
row-reverse
80%
column-reverse
3%
wrap-reverse
С чего JS-разработчику начать изучение React?

С бесплатного практического урока «Typenoscript и React. Типизация основных строительных блоков приложения» от OTUS.

На вебинаре:
- углубимся в typenoscript;
- разберёмся с типами для React;
- поймем, зачем нужны дженерики и как описывать компоненты React на typenoscript;
- изучим enums, interfaces, functions, classes, keyof, typeof, union an as и многое другое.

Занятие пройдёт 29 января в 20:00 мск и будет приурочено к старту курса «React.js Developer».
Программа доступна в рассрочку!

Пройдите короткое тестирование прямо сейчас, чтобы принять участие в открытом уроке и получить запись:
https://clck.ru/382m8h

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru Erid 2SDnjc4QCbS
👎2🥰1😁1
erid: 2VtzqvwpLr2

В IT получают больше 250к только те, кто умеют вести переговоры

Остальные сразу соглашаются на оффер, даже если он их не устраивает, потому что стесняются просить больше денег.

Если это про тебя, подписывайся на канал Выше вилки. Достаточно прочесть в нём хотя бы пару приёмов переговоров — и вы сможете увеличить свой доход на 30%.

Подписывайтесь: @above_the_range

реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941
В чём разница между git pull и git fetch?

Разница заключается в том, что git fetch просто извлекает изменения из удалённого репозитория, а git pull извлекает их и применяет к локальному репозиторию. Упростив действительность. можно сказать, что git pull = git fetch + git merge.

👉 @frontendInterview
👍27👏1
Mastering Reactive JavaScript

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

👉 @frontendInterview
👍4
Sum of two lowest positive integers

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

Например, когда массив передается как [19, 5, 42, 2, 77] вывод должен быть 7.

👉 @frontendInterview
3👍2
Что такое Test Double и Fake? В чём отличие от Mock и Stub?

Test Double
Это обобщенное обозначение для всех видов замен (заглушек) настоящих объектов в тестах. Он включает в себя такие термины, как Dummy, Fake, Stub, Mock и другие, которые представляют собой замены для реальных объектов во время тестирования.

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

Отличие между Mock и Stub:
- Stub - это тип "заглушки", который предоставляет заранее определенные ответы на вызовы методов или функций.
- Mock - это тип "заглушки", который также предоставляет заранее определенные ответы, но также содержит утверждения (assertions), которые проверяют, были ли вызваны определенные методы или функции и сколько раз они были вызваны.

Итак, в чем их отличие:
- Fake представляет собой упрощенную реализацию с реальным поведением.
- Stub предоставляет заранее определенные ответы на вызовы методов или функций.
- Mock также предоставляет заранее определенные ответы, но содержит также утверждения о вызовах методов или функций.

👉 @frontendInterview
👎5👍31
Валиден ли атрибут 'longdesc'?
Anonymous Quiz
45%
Да
55%
Нет
👍2
Что такое серверный/клиентский/изоморфный рендеринг? Каковы их отличия?

Серверный рендеринг:
Серверный рендеринг означает, что HTML страница сначала генерируется на сервере, а затем отправляется на клиент. Клиент получает готовый HTML и начинает отображение страницы. Такой подход применяется в традиционных веб-приложениях.

Клиентский рендеринг:
В клиентском рендеринге HTML, CSS и JavaScript отправляются клиенту, и отображение содержимого происходит непосредственно на стороне клиента при помощи JavaScript. Один из примеров такого подхода - использование фреймворков, таких как React или Vue, где основная часть отображения происходит на стороне клиента.

Изоморфный (или универсальный) рендеринг:
Изоморфный рендеринг сочетает в себе серверный и клиентский рендеринг. При этом страница рендерится как на сервере, так и на клиенте, и последующие запросы на сервер могут обрабатываться клиентским кодом. Такой подход обеспечивает инициализацию страницы на сервере, что положительно сказывается на SEO и начальной загрузке страницы. После загрузки страницы JavaScript-код берет на себя управление и обеспечивает интерактивность.

Отличия:
1. Время инициализации: Серверный рендеринг и изоморфный рендеринг предоставляют начальное содержимое на сервере, в то время как клиентский рендеринг инициализируется на стороне клиента.
2. SEO: Серверный рендеринг и изоморфный рендеринг являются лучшими вариантами для SEO, так как поисковые системы могут проиндексировать контент на этапе загрузки страницы.
3. Производительность: Клиентский рендеринг может обеспечить лучшую интерактивность, но серверный и изоморфный рендеринг обычно демонстрируют более быструю первоначальную загрузку страницы.

👉 @frontendInterview
🔥11👍3
Как сделать так, чтобы все гиперссылки сайта автоматически открывались в новом окне?
Anonymous Quiz
4%
Никак
81%
<base target="_blank">
15%
Средствами JavaScript
🔥23👏4