Список вопросов на собеседование 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. Нафига выделение текста выключено? Кому нужно - через код страницы один хер вытящат инфу

    ОтветитьУдалить
    Ответы
    1. полностью согласен. Тупо.

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

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

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

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