Топ-100
Email AperkotMax@gmail.com Студия Online-тестирования "AperkotMax"

Тесты-оnline: психологические тесты, любовь и отношения, личность, воспитание и педагогика,
красота и здоровье, тесты для девочек, тесты по IT-дисциплинам, тесты по IT-дисциплинам с ответами.

Тест по Angular: необходимое ПО, основы JavaScript.
Назад     Посмотреть правильные ответы

Тест по Angular: необходимое ПО, основы JavaScript
18 12

В тесте представлены вопросы по основам Angular и JavaScript. Вопросы также касаются необходимого ПО для работы с Angular, такого как NodeJS, Angular CLI, npm. В тесте есть теоретические вопросы по основам языка JavaScript. Тест может быть использован для тестирования слушателей по дисциплинам, касающимся frontend разработки и JavaScript фреймворков. Для написания теста использовались материалы из книг Адам Фримен «Angular для профессионалов», Яков Файн, Антон Моисеев «Angular и TypeScript. Сайтостроение для профессионалов» .

В тесте 19 вопросов.

1). (из 19):    Вы пишите своё первое приложение на AngularJS и вместо содержимого страницы (см. рис. 1) у Вас отображается следующее содержимое страницы (см. рис. 2). Как исправить ситуацию?

Выберите несколько правильных ответов

а) пересохранить файл index.html, выбрав кодировку UTF-8;

б) пересохранить файл index.html, выбрав кодировку ANSI;

в) пересохранить файл index.html, выбрав кодировку Юникод;

г) пересохранить файл index.html, выбрав кодировку Юникод Big Endian;

д) прописать тег: meta http-equiv="Content-Type" content="text/html; charset=utf-8";

е) прописать тег: meta charset="utf-8";

2). (из 19):    Выберите правильные утверждения, относительно самых распространённых JavaScript фреймворков в 2020 году:

Выберите несколько правильных ответов

а) Angular – фреймворк с открытым исходным кодом, разработанный в Facebook;

б) React - фреймворк с открытым исходным кодом, разработанный в Facebook;

в) Bootstrap - фреймворк с открытым исходным кодом, разработанный в Google;

г) Angular - фреймворк с открытым исходным кодом, разработанный в Google;

д) Bootstrap - фреймворк с открытым исходным кодом, разработанный в Twitter;

е) Vue - фреймворк с открытым исходным кодом, разработанный в Amazon;

ж) React - фреймворк с открытым исходным кодом, разработанный в Amazon;

з) Vue - фреймворк с открытым исходным кодом, разработанный в Twitter;

3). (из 19):    Пусть в проекте Angular имеется следующая модель данных (см. рис. 3), компонент (см. рис. 4) и шаблон (см. рис. 5). Укажите, какой вид будет иметь представление в браузере (см. рис. 6).

Выберите единственный правильный ответ

а) а;

б) б;

в) в;

г) г;

д) д;

е) е;

4). (из 19):    Допустим, есть следующий код шаблона для Angular приложения (см. рис. 7) и соответствующие коды модели и компонента (см. рис. 8 и 9). Для того, чтобы использовать двустороннюю привязку данных в шаблоне необходимо:

Выберите единственный правильный ответ

а) импортировать метод FormsModule, который позволяет работать с формами, в модуль Angular строкой import {FormsModule} from '@angular/forms';

б) запустить метод AppModule в модуле Angular строкой import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

в) импортировать класс HttpModule для взаимодействия с сервером и отправки запросов по протоколу http в модуле Angular строкой import {HttpModule} from '@angular/http';

г) импортировать методы Routes и RouterModule в модуль Angular строкой import {Routes, RouterModule} from '@angular/router'; для работы с маршрутизацией;

д) импортировать метод Injectable в модуль Angular строкой import {Injectable} from '@angular/core'; для внедрения зависимостей дабы указать, что определённый сервис может быть использован в других сервисах;

е) импортировать класс ОnInit в модуле Angular строкой import {ОnInit} from '@angular/core'; для реализации перехватчика, срабатывающего при инициализации компонента сразу после выполнения его конструктора;

ж) импортировать класс ReactiveFormsModule в модуль Angular строкой import {ReactiveFormsModule} from "@angular/forms"; для описания формы в компоненте в виде дерева и дальнейшего связывания дерева с шаблоном;

5). (из 19):    Допустим, есть следующий код шаблона для Angular приложения (см. рис. 10) и соответствующие коды модели и компонента (см. рис. 11 и 12). Какое должно быть указано условие фильтрации в компоненте (рис. 12), чтобы представление содержало весь перечень невыполненных дел? Чтобы представление содержало перечень невыполненных дел, которые необходимо выполнить после 11-00?

Выберите несколько правильных ответов

а) ((item.time.substr(0,2)+item.time.substr(3,6))>1100)&&(!item.done)

б) !item.done

в) ((item.time.substr(0,1)+item.time.substr(3,5))>0)&&(item.done)

г) ((item.time.substr(0,2)+item.time.substr(3,6))>0)&&(!item.done)

д) ((item.time.substr(0,2)+item.time.substr(3,6))>11)&&(!item.done)

е) (!item.done)||((item.time.substr(0,2)+item.time.substr(3,6))>0)&&(!item.done)

ж) (item.done)||((item.time.substr(0,2)+item.time.substr(3,6))>0)&&(!item.done)

6). (из 19):    Укажите верные утверждения, касающиеся лямбда-выражений, используемых в проектах Angular:

Выберите несколько правильных ответов

а) лямбда-выражения состоят из трёх частей: модели, представления и контроллера без ключевого слова return;

б) лямбда-выражения представляют собой альтернативный способ определения функций;

в) лямбда-выражения состоят из трёх частей: входных параметров, символов => и результата функции с ключевым словом return;

г) лямбда-выражения состоят из трёх частей: входных параметров, символов => и результата функции;

д) лямбда-выражения состоят из трёх частей: входных параметров, ключевого слова let и результата функции;

е) лямбда-выражения состоят из трёх частей: входных параметров, символа => и результата функции с ключевым словом return;

ж) лямбда-выражения состоят из трёх частей: модели, представления и контроллера с ключевым словом return;

з) лямбда-выражения начали своё развитие с анонимных методов или анонимных функций;

7). (из 19):    Селектор в компоненте проекта Angular необходим для того, чтобы:

Выберите несколько правильных ответов

а) объявить имя пользовательского тега, который будет использован в представлении .html;

б) в элемент DOM с названием этого селектора Angular добавил представление компонента;

в) легко связывать данные с представлениями, то есть, чтобы изменение данных приводило к автоматическому обновлению соответствующего элемента представления и наоборот;

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

д) отвязывать логику приложения от интерфейса путём структурирования приложения с помощью селекторов;

8). (из 19):    Укажите инструменты и технологии (если они имеются), в которых специалист по Angular должен разбираться:

Выберите несколько правильных ответов

а) Java;

б) JavaScript;

в) HTML;

г) технология MVC;

д) Angular;

е) ReactJS;

ж) TypeScript;

з) npm;

и) VueJS;

к) Git;

л) Angular CLI;

м) Angular Core;

н) jQuery;

о) NodeJS;

п) Dart;

9). (из 19):    Какое программное обеспечение необходимо установить для того, чтобы создать свой первый проект Angular:

Выберите несколько правильных ответов

а) ComponentJS;

б) SmartBear;

в) NodeJS;

г) Kotlin;

д) npm;

е) Angular CLI;

ж) Bootstrap;

з) Visual Studio Code или любой другой редактор с поддержкой Angular;

и) браузер;

к) AngularJS;

10). (из 19):    Запустить отладочный Web-сервер Angular, использующий TCP–порт 4200, с помощью утилиты Angular CLI и запустить сайт в браузере, установленном по умолчанию можно, выполнив в командной строке следующую команду:

Выберите единственный правильный ответ

а) ng build --open;

б) build --port 4200 --open;

в) ng serve --open;

г) ng serve --port 4200 --start;

д) ng serve;

е) ng serve localhost:4200 --open;

ж) serve localhost:4200 --open;

з) serve localhost:4200 --start;

11). (из 19):    Укажите правильные утверждения, касающиеся компонентов в Angular:

Выберите несколько правильных ответов

а) компонент Angular – это аналог контроллера в паттерне MVC;

б) компонент Angular должен содержать логику отображения данных для пользователя;

в) компонент Angular должен содержать логику создания данных предметной области;

г) компонент Angular должен содержать логику необходимую шаблону для представления данных модели;

д) компонент Angular должен содержать логику, необходимую для настройки исходного состояния шаблона;

е) компонент Angular должен содержать логику и разметку, необходимые для представления данных пользователю;

ж) компонент Angular должен содержать логику, необходимую для обновления модели на основании взаимодействий с пользователем;

з) компонент Angular должен содержать логику обновления объектов, если они существуют, и их создания, если объекты не существуют;

и) компонент Angular должен содержать логику прямого обращения к хранилищу данных;

12). (из 19):    Выберите правильные утверждения, касающиеся фреймворка Angular:

Выберите несколько правильных ответов

а) данный фреймворк нацелен, прежде всего, на создание одностраничных приложений;

б) данный фреймворк нацелен, прежде всего, на создание SPA приложений;

в) данный фреймворк нацелен, прежде всего, на создание приложений с круговой передачей;

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

д) данный фреймворк нацелен, прежде всего, на создание приложений, в которых любые взаимодействия с пользователем порождают запросы Ajax для получения небольших фрагментов HTML или вставки данных в существующие наборы элементов с последующим выводом;

е) данный фреймворк нацелен, прежде всего, на создание приложений, в которых каждое взаимодействие с пользователем приводит к тому, что браузер запрашивает и получает совершенно новый документ HTML;

ж) данный фреймворк нацелен, прежде всего, на создание приложений, с отличным UX дизайном, напоминающим «естественную» среду браузера без перезагрузок страниц, а значит, без задержек при совершении действий;

13). (из 19):    Для веб-приложений, созданных с помощью фреймворка Angular и имеющих одностраничную архитектуру характерно следующее:

Выберите несколько правильных ответов

а) значительное упрощение SEO, так как можно оптимизировать каждую отдельно взятую страницу приложения под нужные вам ключевые слова;

б) на данный момент времени (04.2020) наблюдаются некоторые проблемы с SEO-оптимизацией и SEO-продвижением таких приложений, как у Google, так и у Yandex;

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

г) для таких приложений требуется JavaScript в активном режиме в браузерах пользователей, поэтому, если кто-то из пользователей вручную отключит использование JavaScript, то это приведёт к тому, что веб-приложение будет отображаться в браузере некорректно;

д) такие приложения, очевидно, «тяжелее», чем многостраничные, и обычно нацелены на отображение большего количества контента;

е) такие приложения, очевидно, «легче», чем многостраничные, и обычно нацелены на отображение меньшего количества контента, по сравнению с многостраничными сайтами;

14). (из 19):    При использовании Angular часто приходится применять атрибуты без значений, например, как на рис. 14. Для данного кода верно следующее:

Выберите несколько правильных ответов

а) JavaScript-код проверяет инпуты со значениями на наличие атрибута required и не отправляет форму, если значение не равно значению по умолчанию;

б) атрибут required является логическим атрибутом, который указывает, что поле ввода email должно быть заполнено перед отправкой формы;

в) атрибут required является логическим атрибутом, который указывает, что поле ввода login должно быть заполнено перед отправкой формы;

г) JavaScript-код проверяет инпуты без значений на наличие атрибута required и не отправляет форму, если таковой найден;

д) код HTML неверен, так как атрибут required не может применяться к полям формы;

е) код HTML неверен, так как атрибут required не может применяться к полю input формы;

15). (из 19):    Выберите верные утверждения, касающиеся SystemJS:

Выберите несколько правильных ответов

а) SystemJS – это синтаксис, который используется для определения модулей, написанных на JavaScript;

б) SystemJS – это статический модульный сборщик для приложений на JavaScript;

в) SystemJS - это универсальный динамический загрузчик модулей, позволяющий загружать модули в форматах CommonJS, AMD и т.д., и который работает на стороне клиента и может динамически загружать модули из файлов по требованию;

г) SystemJS – это система сборки, которая берёт модули с зависимостями, создаёт граф зависимостей для JavaScript, CSS и прочих, и генерирует статические ресурсы, предоставляемые этими модулями;

д) SystemJS — асинхронный загрузчик модулей JavaScript любых известных форматов, который способен справляться в том числе и с циклическими зависимостями;

е) SystemJS – это модуль, реализующий какую-либо функциональность, которая не поддерживается в некоторых версиях веб-браузеров и способный переписать современный JavaScript-код в предыдущий стандарт;

16). (из 19):    Для создания конфигурационного файла package.json с исходными значениями по умолчанию с помощью пакета npm необходимо в командной строке в папке проекта выполнить следующую команду:

Выберите единственный правильный ответ

а) npm create -i;

б) npm create -init;

в) npm init -y;

г) npm init;

д) npm create;

е) npm create package.json -init;

ж) npm create package.json –i;

з) npm init package.json;

и) npm start package.json -y;

к) npm start -y;

л) npm start -i;

17). (из 19):    Пусть имеется код JavaScript в файле Primer3.js (см. рис. 15), который должен выводить список на странице index.html браузера (см. рис. 16). Как может выглядеть в данном случае код страницы Index.html, чтобы представление в браузере имело вид, как на рис. 16? Выберите несколько правильных ответов (см. рис. 17).

Выберите несколько правильных ответов

а) а;

б) б;

в) в;

г) г;

д) д;

е) е;

18). (из 19):    Пусть имеется HTML код в файле Index.html (см. рис. 18), который должен выводить список на странице index.html браузера (см. рис. 19). Как может выглядеть в данном случае JavaScript-код файла primer.js, чтобы при клике по элементу списка в браузере в консоли отображался номер соответствующего элемента списка (см. рис. 19)? Выберите несколько правильных ответов (см. рис. 20).

Выберите несколько правильных ответов

а) а;

б) б;

в) в;

г) г;

д) д;

19). (из 19):    Выберите утверждения, которые верны для директив var, let и const в JavaScript:

Выберите несколько правильных ответов

а) областью видимости переменных, объявленных директивой let, является блок, в котором они объявлены, исключая все его подблоки;

б) областью видимости переменных, объявленных директивой let, является блок, в котором они объявлены, и все его подблоки;

в) директива let объявляет переменную с блочной областью видимости и с невозможностью инициализировать её значением при объявлении;

г) переменные, определённые с помощью дерективы const, ведут себя так же как переменные, объявленные при помощи ключевого слова var, за исключением того, что им нельзя переприсваивать значения;

д) директива let объявляет переменную с блочной областью видимости с возможностью инициализировать её значением при объявлении;

е) переменные, определённые с помощью дерективы const, ведут себя так же как переменные, объявленные при помощи ключевого слова let, за исключением того, что им можно переприсваивать значения;

ж) если переменная “Car” объявлена внутри функции myFunction() с помощью директивы var, то вне функции myFunction() также можно использовать переменную “Car”;