Beginning Progressive Web App Development

Современные веб-технологии предоставляют огромный набор инструментов, библиотек и фреймворков, способные сделать ваши приложения эффективными и надёжными. Благодаря примерам из книги вы научитесь улучшать производительность, доступность и адаптивность ваших приложений на любых устройствах. Из рассмотренных в книге технологий будут React, Vue.js, Angular, Ionic и многие другие. Также вы научитесь работать с API и уведомлениями.

👉 @frontendInterview

Объясните делегирование событий.

Делегирование событий — это приём, заключающийся в добавлении обработчиков событий к родительскому элементу, а не к дочерним элементам. Обработчик будет срабатывать всякий раз, когда событие будет запущено на дочерних элементах благодаря всплытию событий в DOM.

Преимущества этого приёма:
1. Экономит объем используемой памяти, т.к. для родительского элемента требуется только один обработчик.
2. Не нужно привязывать или убирать обработчики при добавлении и удалении элементов.

👉 @frontendInterview

👉 @frontendInterview

​Объясните, как this работает в JavaScript

Нельзя в двух словах объяснить работу ключевого слова this; это одно из самых запутанных понятий в JavaScript. Говоря максимально простым языком, значение this зависит от того, как вызывается функция.

Применяются следующие правила:
1. Если ключевое слово new используется при вызове функции, this внутри функции является совершенно новым объектом.
2. Если для вызова/создания функции используются apply, call или bind, то this внутри функции — это объект, который передается в качестве аргумента.
3. Если функция вызывается как метод, например, obj.method(), то this — это объект, к которому принадлежит функция.
4. Если функция вызывается без контекста, то есть она вызывается без условий, описанных в пунктах выше, то this является глобальным объектом. В браузере это объект window. В строгом режиме (’use strict’), this будет undefined вместо глобального объекта.
5. Если применяются несколько из вышеперечисленных правил, то правило, которое выше выигрывает и устанавливает значение this.
6. Если функция является стрелочной функцией, то она игнорирует все вышеописанные правила и получает значение this из лексического окружения во время ее создания.

👉 @frontendInterview

No oddities here

Ваша задача - написать простую функцию, которая отсортирует массив чисел и оставит в нем только четные числа.

Примеры:

 noOdds( [0,1] ) => [0] 

noOdds( [0,1,2,3] ) => [0,2]

👉 @frontendInterview

Объясните, почему это не является IIFE: `function foo(){ }();`?
Что необходимо изменить, чтобы это стало IIFE?

IIFE расшифровывается как Immediately Invoked Function Expression — немедленно вызываемое функциональное выражение.
Синтаксический анализатор JavaScript читает function foo(){ } (); как function foo(){ } и ();, где первое выражение — это объявление функции, а второе (пара скобок) — попытка вызова функции, но так как имя не указано, он выдает ошибку Uncaught SyntaxError: Unexpected token.

Вот два способа исправить это, которые заключаются в добавлении дополнительных скобок: (function foo(){ })() и (function foo(){ }()).

Выражения, начинающиеся с function, считаются объявлениями функций. Оборачивая эту функцию внутри (), она становится функциональным выражением, которое затем может быть выполнено с последующим (). Подобные функции не отображаются в глобальной области видимости, и вы можете даже не указывать им имя, если вы не будете на них ссылаться.

👉 @frontendInterview

Что такое замыкание и как/для чего его используют?

Замыкание — это комбинация функции и лексического окружения, в которой эта функция была объявлена. Слово “лексический” относится к тому факту, что лексическая область видимости использует место, где переменная объявлена в исходном коде, чтобы определить, где эта переменная доступна. Замыкания — это функции, которые имеют доступ к переменным внешней (замыкающей) функции — цепочке областей видимости даже после того, как внешняя функция вернулась.

Для чего его используют?
1. Конфиденциальность данных / эмуляция скрытых методов при помощи замыканий. Обычно используется в модульном паттерне.
2. Частичное применение функций или каррирование.

👉 @frontendInterview

В чем разница между `.call` и `.apply`?

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

👉 @frontendInterview

👉 @frontendInterview

Become A Ninja With Angular

Сегодня почти любое приложение сделано с помощью фреймворка, не потому что это легко: фреймворк предоставляет собственную экосистему, которую также надо изучать, как и язык, - а потому что это эффективно и надёжно. Angular - это популярный JavaScript-фреймворк, архитектурно выполненный в стиле MVC. Настоящее руководство проведёт вас по пути разработки сложного приложения с помощью этого фреймворка.

👉 @frontendInterview

Yes No Yes No

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

Примеры:
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
// returns [1, 3, 5, 7, 9, 2, 6, 10, 8, 4]

var arr = ['this', 'code', 'is', 'right', 'the']
// returns ['this', 'is', 'the', 'right', 'code']

👉 @frontendInterview

Angular и TypeScript, Сайтостроение для профессионалов

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

👉 @frontendInterview