Список вопросов на собеседование Front-end developer.

 JavaScript.

  • Как переадресовать страницу в JavaScript?
  • Сколько параметров можно передать функции?
  • Нужно алертом вывести какое-то сообщение, спустя 3 секунды после запуска скрипта. Как это сделать?
  • Чем отличается наследование в JavaScript от наследования в PHP?
  • Приведи пример наследования в JavaScript.
  • Пара слов об объектах в JavaScript?
  • Что представляет из себя метод объекта в JavaScript?
  • Зачем в JavaScript перед переменной писать var?
  • Есть две функции: function f(a,b) { return a+b } и var f = function(a,b) { return a+b } Есть ли между ними разница? Если есть то какая?
  • Как создать массив в JavaScript?
  • Можно ли в JavaScript использовать функцию в качестве конструктора?
  • Сколько и какие конструкции для циклов есть в JavaScript?
  • Что cделает код: break me_baby; ?
  • Можно ли задать массив таким образом: var a = “a,b”.split(‘,’)?
  • Что выведет alert(typeof null); ?
  • Что выведет alert(null instanceof Object); ?
  • 0.1+ 0.2 == 0.3 ?
  • Что выведет alert(typeof NaN); ?
  • Что выведет alert(NaN === NaN); ?
  • В чём различие свойств innerHTML и outerHTML?
  • Какая разница между операторами == и ===?
  • В чем разница между Object.getOwnPropertyNames() и Object.keys()?
  • С помощью какой конструкции языка можно управлять потоком выполнения скрипта и отслеживать ошибки?
  • Почему вызов a(); происходит успешно, а вызов b(); выдает ошибку?
  • Что такое глобальные переменные ? Как они создаются ? Какие проблемы связаны с использованием глобальных переменных?
  • Что такое замыкания (closure) в JavaScript?
  • Напишите функцию принимающую строку с именем файла и возвращающую расширение (фрагмент после последней точки).
  • Что вернет выражение +new Date()? Чем отличается от Date.now().
  • Какое значение возвращает данное предложение ~~3.14?
  • Какое значение возвращает данное предложение?
  • Что покажут эти два alert?
  • Чему равно foo.length?
  • Что такое prototype в javascript?
  • Какие способы навешивания обработчиков событий вы знаете?
  • Eсть ли разница между window и document?
  • Вызываются ли document.onload и window.onload одновременно?
  • Является ли атрибут (attribute) аналогом свойства (property)?
  • Как остановить дальнейшее распространение события?
  • Назовите различные пути для получения элемента из DOM дерева?
  • Какой наибыстрейший метод для получения элемента через css селектор?
  • Могу ли я удалить удалить обработчик события с элемента?
  • Почему querySelectorAll(‘.my-class’) медленнее, чем getElementsByClassName(‘my-class’)?
  • Почему я не могу использовать forEach или похожий метод массива для NodeList?
  • Если вам необходимо реализовать getElementByAttribute, как вы будете это делать?
  • Как бы вы добавили класс к элементу через селектор?
  • Как я могу запустить обработчик в фазе захвата, а не в фазе всплытия?
  • Как проверить, что один элемент является дочерним другому?
  • Какой метод больше всего подходит для создания DOM элемента? Что лучше innerHTML или createElement?
  • Каким образом можно предотвратить множественный вызов обработчика для одного события?
  • Что делает createDocumentFragment и для чего можно его использовать?
  • Что такое reflow?
  • Как я могу проверить были событие отменено или нет?
  • Какие причины reflow? Как можно уменьшить reflow?
  • Что такое repaint и когда оно происходит?
  • Есть ли что-то такое о чём нужно позаботится при использовании node.cloneNode()?
  • Как быть уверенным в том, что DOM подготовлен и можно выполнять JavaScript, как реализовать $(document).ready?
  • Что такое всплытие?
  • Как можно уничтожить несколько элементов с одним вызовом click?
  • Как предотвратить нажатие по ссылке?
  • Создайте кнопку, которая удаляется при нажатии на неё, и создаются две новые кнопки в этом же месте.
  • Как отлавливать все нажатия на странице?
  • Как получить весь текст на странице?
  • Что такое defer и async?
  • Какие существуют типы нод?

Перейти к ответам ►►


AngularJS.

  • Что такое AngularJS?
  • Какие преимущества использования AngularJS?
  • Какие основные компоненти AngularJS ви знаете?
  • Что такое AngularJS выражения? Отличие выражений AngularJS от выражений в JS.
  • Что такое scope в AngularJS?
  • Что такое rootScope в AngularJS?
  • Что такое директива (directive) в AngularJS? Назовите несколько основных директив.
  • Какие есть типы использования директив в AngularJS?
  • Что такое Сервис (service), в AngularJS?
  • Что такое  модуль (module)  в AngularJS?
  • Что такое  фильтр (filter)  в Angular?
  • Что такое контролер (controller)  в Angular?
  • Что катое провайдер (provider) в AngularJS?
  • Что катое   шаблон в AngularJS?
  • Что такое  ижектор (injector)  в AngularJS?
  • Что такое  Внедрение зависимости (Dependency Injection)  в AngularJS?
  • Для чего нужен сервис $ location?
  • Какие CSS классы предоставляються для оформления форм?
  • Что такое Компилятор, на какие фазы делятся фазы компиляции angular приложения.
  • Опишите MVC компоненты в контексте Angular?
  • Опишите директиву ng-app?
  • Опишите директиву ng-model?
  • Опишите директиву ng-bind?
  • Опишите директиву ng-controller?
  • Опишите директиву ng-init?
  • Опишите директиву  ng-repeat?

Перейти к ответам ►►


JQuery.

  • Что такое jQuery?
  • Какие преимущества jQuery?
  • Чем отличаются JavaScript от jQuery?
  • jQuery это библиотека для написания сценариев на стороне клиента или на стороне сервера?
  • Является ли jQuery стандартом W3C?
  • Как начать работать с jQuery?
  • Что является отправной точкой начала выполнения кода в JQuery?
  • Что означает знак доллара ($) в JQuery?
  • Можем ли мы иметь несколько функций document.ready() на одной и той же странице?
  • Можем ли мы использовать наш собственный символ вместо знака $ в JQuery?
  • Можно ли на стороне клиента использовать другие библиотеки, такие как MooTools, Prototype вместе с JQuery?
  • Что такое jQuery.noConflict?
  • Какая разница между window.onload, document.ready() и $(function(){...});?
  • Какая разница между jquery.js и jquery.min.js ?
  • Что такое селектор  в JQuery, какие типы селекторов вы знаете?
  • Какие селекторы в JQuery самые быстрые?
  • Как выбрать все элементы с id = idname
  • Как выбрать все элементы div с id = idname
  • Как выбрать все элементы с class = classname 
  • Как выбрать все элементы div с class = classname 
  • Как выбрать все span элементы в элементах div
  • Как выбрать все div и span элементы 
  • Как выбрать предыдущий элемент от найденного
  • Как выбрать следующий элемент от найденного 
  • Как выбрать все span элементы в элементах div, где span является прямым потомком div’a 
  • Как выбрать все span после первого элемента div?
  • Как выбрать первый li в ul?
  • Как выбрать div`ы у которых нет класса cls?
  • Как выбрать элементы с активной анимацией?
  • Как выбрать div-ы которые содержат класс firstclass и класс secondclass?
  • Как выбрать все div-ы с атрибутом title = test?
  • Как выбрать все отмеченные чекбоксы?
  • Как выбрать все input с type = radio?
  • Как выбрать видимый div с именем red, который содержит тег span?
  • Что выберет этот фільтр $("a[rel~= 'external ']"); ?
  • Что выберет этот фільтр $("div[name=apple]:visible:has(p)"); ?
  • Найти все элементы div с классом one, а также все элементы p с классом two, затем добавить им всем класс three и визуально плавно спустить вниз?
  • Сделать так, чтобы при нажатии на элемент <а> алертом выводилось "Hello world!". 
  • Что быстрее document.getElementByID('txtName') или $('#txtName')?
  • Какая разница между $(this) и 'this' в jQuery?
  • Как проверить, что элемент пустой?
  • Как проверить существует ли элемент в JQuery?
  • Для чего используется функция jQuery ".each()"?
  • Какая разница между $('div') и $('<div/>') в jQuery?
  • Какая разница между parent(), parents(), closest() в jQuery?
  • Какая разница между get() и eq() методами в jQuery?
  • Как добавить анимацию в jQuery?
  • Как отключить JQuery анимацию?
  • Как остановить текущую запущенную анимацию в JQuery? 
  • В чем разница между методами .empty () .remove () и .detach () в JQuery?
  • Какая разница между .bind() .live() .delegate() и .on()?
  • Как создать клон объекта в JQuery?
  • В чем разница между prop и attr?
  • Что такое event.preventDefault?
  • В чем разница между event.PreventDefault и event.stopPropagation?
  • Как проверить есть переменная числом, используя JQuery 1.7+?
  • Как проверить тип данных переменной в JQuery?
  • Как привязать обработчик события к выбранному элементу, которое должно быть выполнено только один раз?
  • Можно ли удерживать или задержать выполнение document.ready на некоторое время?
  • Что такое цепочка методов в jQuery?
  • Можем ли мы использовать JQuery, чтобы сделать AJAX запрос?
  • Какими методами можно сделать AJAX запрос в JQuery?
  • Что такое отсроченные(Deferred) объекты в jQuery?
  • Что делает метод finish()?
  • Можно ли не указывать протокол в URL когда jQuery ссылается на CDNs?
  • Что такое jQuery плагины и какие преимущества их использования?
  • Что такое jQuery UI?

Перейти к ответам ►►


JSON.

  • Что такое JSON?
  • Что такое JSON Schema?
  • Что такое JSON объект?
  • Какие есть правила синтаксиса JSON объекта (массива)? Приведите пример объекта JSON?
  • Какие типы данных, поддерживаются в JSON?
  • Каковы недостатки JSON?
  • Что такое JSONP?
  • Какое расширение JSON-файла?
  • Какой MIME-тип в JSON?
  • Для чего используется JSON?
  • Какие преимущества использования JSON?
  • Какие браузеры поддерживают JSON?
  • Какая функция используется для преобразования текста JSON в объект?
  • Что такое JSON Parser?
  • Что такое JSON-RPC?
  • Что такое JSON-RPC-Java?
  • Какова роль JSON.stringify?
  • Как создать JSON из массива PHP?
  • Как получить PHP массив из JSON объекта?
  • Как парсить JSON в JQuery?
  • Какая функция используется для кодирования JSON в PHP?
  • Как парсить JSON в JavaScript?
  • Как создать JSON объект из JavaScript?
  • Валидациия JSON в PHP?
  • Валидациия JSON в javascript?
  • Валидациия JSON в jQuery?
  • Как получить JSON ответ в Ajax?

  • Что такое Twitter Bootstrap?
  • Какие основные преимущества Bootstrap?
  • Что включает в себя пакет Bootstrap?
  • Какие основные инструменты Bootstrap?
  • Что такое отзывчивый или адаптивный дизайн?
  • Что такое Contextual классы таблицы в Bootstrap?
  • Что такое Bootstrap Grid System?
  • Что такое Bootstrap media запросы?
  • Какие виды контейнеров в Bootstrap вы знаете?
  • Покажите основную табличную структуру в Bootstrap.
  • Что такое Offset смещение столбцов?
  • Как можно упорядочить столбцы в Bootstrap?
  • Какими двума способами вы можете отобразить код в Bootstrap?
  • Как сделать изображения responsive(отзывчивым)?
  • Какие основные этапы создания формы в Bootstrap?
  • В чом разница между вертикальною и горизонтальной формой?
  • Объясните типографику и ссылки в Bootstrap.
  • Что такое Нормализация(Normalize) в Bootstrap?
  • Что такое Lead Body Copy?
  • Какие типы списков поддерживаются в Bootstrap?
  • Что такое Glyphicons?
  • Как использовать Glyphicons?
  • Что такое плагин Transition?
  • Что такое Modal плагин?
  • Как использовать плагин Dropdown?
  • Что такое Bootstrap карусель?
  • Что такое группа кнопок?
  • Какой класс используется для основной группы кнопок?
  • Какой класс используется, чтобы нарисовать панель кнопок?
  • Какие классы могут быть применены к группе кнопок вместо изменения размера каждой кнопки?
  • Какой класс отображает набор кнопок вертикально, а не горизонтально?
  • Что такое input группы?
  • Как создать меню навигации с вкладками?
  • Как создать меню навигации с кнопками?
  • Как создать вертикальное меню навигации с кнопками?
  • Что такое bootstrap navbar?
  • Как создать navbar в bootstrap?
  • Что такое bootstrap breadcrumb?
  • Какой класс используется для базовой нумерации страниц(pagination)?
  • Как настраивать ссылки нумерации страниц?
  • Что такое bootstrap метки?
  • Что такое bootstrap бейджики?
  • Что такое Bootstrap Jumbotron?
  • Что такое Bootstrap page header?
  • Как создать миниатюры thumbnails, используя Bootstrap?
  • Как настроить миниатюры, используя Bootstrap?
  • Что такое bootstrap alerts?
  • Как создать bootstrap alert?
  • Как создать Bootstrap Dismissal Alert?
  • Как создать прогресс-бар, используя Bootstrap?
  • Как создать альтернативный прогресс-бар, используя bootstrap?
  • Как создать прогресс-бар в полоску, используя bootstrap?
  • Как создать анимированный прогресс-бар, используя bootstrap?
  • Как создать набор прогресс-баров, используя bootstrap?
  • Что такое bootstrap медиа-объекты?
  • Для чего нужен класс ".media" в bootstrap?
  • Для чего нужен класс ".media-list"  класса в bootstrap?
  • Что такое bootstrap panels?
  • Как создать bootstrap панель с заголовком?
  • Как создать bootstrap панель с footer?
  • Какие контекстные классы доступны для оформления панелей?
  • Как объединить несколько bootstrap панелей?
  • Можете ли вы поместить таблицу в панель?
  • Как стилизовать таблицу горизонтальными разделителями?
  • Как стилизовать таблицу повторяющимся разным фоном строк?
  • Как добавить границы к ячейкам таблицы?
  • Как добавить изменение фона строки при наведении курсора?
  • Как уменьшить отступ ячеек наполовину?
  • Как сделать разноцветным фон строк таблицы?
  • Что такое bootstrap well?
  • Что такое scrollspy плагин?
  • Что такое affix плагин?

Перейти к ответам ►►


MongoDB.

  • Что такое NoSQL?
  • Какие есть типы хранилищ данных в NoSQL?
  • Что такое MongoDB?
  • На каком языке написана MongoDB?
  • Какие языки программирования можно использовать с MongoDB?
  • Использует ли таблицы для хранения данных, база данных MongoDB?
  • Какие преимущества MongoDB?
  • Какие недостатки MongoDB?
  • Что такое пространство имен в MongoDB?
  • Что такое репликация?
  • Поддерживает ли MongoDB ограничения внешнего ключа(foreign key)?
  • Как мы можем достичь primary key - foreign key отношения в MongoDB?
  • Объясните структуру ObjectID в MongoDB.
  • Если удалить документ из базыданных, удалится ли он с диска?
  • Что такое индексы в MongoDB?
  • Сколько индексов создается по умолчанию в MongoDB для новой коллекции?
  • Что такое скрытый запрос в MongoDB?
  • Поддерживает ли MongoDB поиск текста?
  • Какая команда позволяет получить все индексы определенной коллекции?
  • Что такое Шардинг в MongoDB?
  • По умолчанию, MongoDB пишет и читает данные из primary и secondary наборов реплик. Правда ето или ложь?
  • Почему MongoDB не является предпочтительным решением для 32-битных систем?
  • Какая команда,позволяет проверить, являетесь ли вы на главном сервере или нет?
  • Что такое GridFS?
  • Что такое Map/Reduce?
  • Каков создать/удалить коллекцию в MongoDB?
  • Какова роль профайлера в MongoDB?
  • Какая команда позволяет вставить документ?
  • Приведите пример использования индекса в MongoDB.
  • Какой метод вернёт список всех документов в колекции?
  • Что такое селекторы запросов в MongoDB?
  • Что вы знаете об обновлении/вставке в MongoDB?
  • Что вы знаете об  условных оператораторах в MongoDB?
  • Как удалить документ в MongoDB?

Перейти к ответам ►►


Maven.

  • Что такое сборка проекта, автоматизация сборки?
  • Что такое Maven? Как он работает?
  • Какие преимущества Maven?
  • Какие недостатки Maven?
  • Какими аспектами управляет Maven?
  • Как узнать какую версию Maven вы используете?
  • Для чего создан Maven?
  • Какая структура каталогов в Maven?
  • Где вы хранятся файлы классов при компиляции проекта Maven?
  • Что такое pom.xml?
  • Какую информацию содержит pom.xml?
  • Что такое супер POM?
  • Какие элементы необходимы для минимального POM?
  • Что такое зависимости в Maven?
  • Что такое артефакт в Maven?
  • Что такое плагин в Maven?
  • Что такое задача в Maven?
  • Что такое архетип в Maven?
  • Что такое репозиторий в Maven?
  • Какие типы репозитория существуют в Maven?
  • Какая команда установляет JAR-файл в локальное хранилище?
  • Какой порядок поиска зависимостей Maven?
  • Какие два файла настройки есть в Maven, как они называются и где расположены?
  • Что такое жизненный цикл сборки в Maven?
  • Назовите основные фазы жизненного цикла сборки Maven?
  • Что делает команда mvn site?
  • Что делает команда mvn clean?
  • Из каких фаз состоит жизненный цикл сборки Clean?
  • Из каких фаз состоит жизненный цикл сборки Default (Build)?
  • Из каких фаз состоит жизненный цикл сборки Site?
  • Что сделает эта команда "mvn clean dependency:copy-dependencies package"?
  • Что такое профиль сборки (Build Profile)?
  • Какие типы профилей сборки (Build Profiles) вы знаете?
  • Как вы можете активировать профили сборки?
  • Для чего используются Maven плагины?
  • Какие типы плагинов существуют в Maven?
  • Когда Maven использует внешние зависимости?
  • Что нужно определить для внешней зависимости?
  • Какая команда создает новый проект на основе архетипа?
  • Что такое SNAPSHOT в Maven?
  • В чем разница между snapshot и версией?
  • Что такое транзитивная зависимость в Maven? 
  • Как Maven определяет какую версию зависимостей использовать когда встречается множественный вариант вибора?
  • Что такое область видимости зависимостей (dependency scope)? Назовите значения dependency scope.
  • Какой минимальный набор информации нужен для сопоставления ссылки зависимостей на раздел dependencyManagement?
  • Как сослаться на свойство(property) определенное в файле pom.xml?
  • Для чего нужен элемент <execution> в POM файле?
  • Каким образом можно исключить зависимость в Maven?
  • Что является полным именем артефакта?
  • Если вы не определяете никакой информации, где же ваш POM унаследует ее?
  • При сборке проекта Maven постоянно проверяет наличие обновлений в интернете. Можете ли вы собрать проект без интернета?
  • Если при сборке проекта в тестах произошла ошибка. Как собрать проект без запуска тестов? 
  • Как запустить только один тест?
  • Как остановить распространение наследования плагинов для дочерних POM?
  • Какие теги pom.xml визнаете.

Перейти к ответам ►►


Ant.

  • Что такое Apache Ant?
  • Как начать использовать ant?
  • Для чего нужен build.xml, из чего он состоит?
  • Напишите команду чтобы запустить процесс сборки, из командной строки.
  • Что вы знаете о теге Project.
  • Что вы знаете о теге Target.
  • В каком порядке выполняются цели объявление в атрибуте depends?
  • Что вы знаете о теге Property.
  • Являются ли имена свойств чувствительными к регистру?
  • Как использовать ant-contrib задачи?
  • Какие символы разделители используются в path-like структурах в ant?
  • Как установить classpath в ant скрипт?
  • Расскажите о задачах в ant.
  • Краткое описание основных задач категории Archive Tasks.
  • Краткое описание основных задач категории Compile Tasks.
  • Краткое описание основных задач категории Execution Tasks.
  • Краткое описание основных задач категории File Tasks.
  • Краткое описание основных задач категории Miscellaneous Tasks.
  • Краткое описание основных задач категории Property Tasks.
  • Какие типы данных предусмотренный в Apache Ant?
  • Что представляет собой тип DirSet?
  • Какие атрибуты DirSet вы знаете?
  • Что представляет собой тип FileSet?
  • Какие атрибуты FileSet вы знаете?
  • Что представляет собой тип PatternSet?
  • Как я могу использовать ant, чтобы запустить Java приложение?
  • Как установить property-файл в ant скрипт?
  • Как импортировать jar-файлы?
  • Как использовать clean в ant скрипте?
  • Как компилировать с помощью ant?

Перейти к ответам ►►

Рассказать друзьям:

5 коментарі :

  1. Нафига выделение текста выключено? Кому нужно - через код страницы один хер вытящат инфу

    ОтветитьУдалить
  2. Этот комментарий был удален автором.

    ОтветитьУдалить
  3. Спасибо автору за потраченое время и за прекрасный ресурс!

    ОтветитьУдалить