Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу. Вместо бесконечных томов документации – две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS.

👉 @frontendInterview

Регистр гласных

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

Пример:
C is alive! станет C Is AlIvE!

👉 @frontendInterview

Непрерывное развитие API

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

👉 @frontendInterview

Что находится в this в фрагменте кода c картинки?

В приведенном коде значением this будет window. Механизм определения this в данном случае описывается стандартом ECMA-262.

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

1. выражение, результатом которого должна быть функция; назовем это подвыражением;
2. список аргументов для передачи в функцию.

Нотация — подвыражение(аргументы)
Вид этого подвыражения и определяет, чем будет this внутри функции. Если в этом подвыражении происходит обращение к полю объекта, то этот объект становится this (грубо говоря, мы вызываем поле объекта как функцию).

👉 @frontendInterview

С помощью какой конструкции языка можно управлять потоком выполнения скрипта и отслеживать ошибки?

Это возможно с помощью конструкции try{}... catch{}

 try { 
     var number = 9; 
     alert( number.toString(2) ); 
     // ... 
     alert('Выполнено без ошибок!'); 
 } catch(e) {  
     alert('Ошибка!'); 
 } 

Работает это так:
Выполняется код внутри блока try. Если в нём возникнет ошибка, то выполнение try прерывается, и управление прыгает в начало блока catch.

👉 @frontendInterview

На сколько вы хороши?

В вашем классе по был проведен тест и и вы его сдали. Напишите функцию, которая принимает массив из оценок по тесту и вернет true, если ваша оценка выше средней.

Примеры:
betterThanAverage([2, 3], 5) => true
betterThanAverage([100, 40, 34, 57, 29, 72, 57, 88], 75) => true

👉 @frontendInterview

Почему вызов a(); происходит успешно, а вызов b(); выдает ошибку?

Функция а() инициализируется на этапе загрузки скрипта, как бы "всплывает вверх" а функция б инициализируется, когда объявляется переменная b

👉 @frontendInterview

👉 @frontendInterview

Что такое глобальные переменные ? Как они создаются ? Какие проблемы связаны с использованием глобальных переменных?

Глобальная переменная - переменная, которая доступна (видима) во всем документе, в отличии от локальной (ограничена рамками блока программного кода, внутри которого она определена)

Пример:

 var myvar = 5; 
 function myFunction(){ 
    alert(myvar); // 5 
 } 

Большинство JavaScript разработчиков избегает использования глобальных переменных. Одна из причин - возможный конфликт имен глобальных и локальных переменных. Так же код использующий глобальные переменные может быть тяжелее сопровождать и тестировать.

👉 @frontendInterview

Что представляет собой механизм всплытия событий в JavaScript? Приведите пример.

После того, как событие сработает на элементе, оно также сработает на родителях, вверх по дереву DOM, если это событие нигде принудительно не прервут.

Приведу пример:

 <div> первый
   <div> второй
     <div> третий</div>
   </div>
 </div>

Клик по div "третий" вызывает событие onclick сначала на элементе "третий", затем на элементе "второй" и в конце концов на элементе "первый". Это и называется всплытием, событие всплывает от самого вложенного элемента вверх через родителей. Так будет продолжаться пока не достигнем объект Document и затем Window. Всплытие реализовано во всех браузерах, включая IE.

👉 @frontendInterview

👉 @frontendInterview

Пояснение:

Оператор декремента (--) уменьшает (вычитает единицу) свой операнд и возвращает значение.

Если используется постфикс, с оператором после операнда (например, x--), оператор декремента уменьшает и возвращает значение перед уменьшением.

Если используется префикс, с оператором перед операндом (например, --x), оператор декремента уменьшает и возвращает значение после уменьшения.

👉 @frontendInterview

Essential TypeScript (2019)

Работайте с Typenoscript и получите максимальную отдачу от этого универсального языка. Автор начинает эту книгу с описания Typenoscript и его преимуществ, и далее показывает, как использовать TypeScript в реальных проектах. Начиная с основ и заканчивая самыми продвинутыми и сложными фичами TypeScript, вы узнаете, как он строится на системе типов JavaScript, чтобы создать более безопасную и более продуктивную среду разработки, и поймете, как TypeScript можно использовать для создания приложений с использованием популярных фреймворков, таких как Node.js, Angular, React и Vue.js.

👉 @frontendInterview

Получить название планеты по ID

Вам дана функция, которая работает некорректно. Найдите ошибку и исправьте её.

Примеры:
getPlanetName(2) => 'Venus'
getPlanetName(3) => 'Earth'

👉 @frontendInterview