Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Набор базовых знаний по Javascript:
- 1.1 Стандартная библиотека языка
- - управляющие конструкции;
- - типы данных и основные операции с типами данных;
- - регулярные выражения
- 1.2 Замыкания, области видимости
- 1.3 Работа с объектам:
- - создание объектов,
- - прототипы и наследвание
- - контекста вызова
- 2. Работа с браузерными API:
- - DOM, поиск элементов в документе, создание DOM элементов на странице, создание таблиц
- - события
- - Метрики
- - canvas, svg
- 3. Структурирование кода:
- - работа c js модулями,
- - загрузчиками модулей ( requirejs и тп )
- - минификация кода, таскранеры ( uglify, grunt и тп. )
- 4. Знания пакетных менеджеров и систем контроля версий: npm, bower, git
- -
- Задания:
- 0. Работа с циклами и операции над строками
- Необходимые знания:
- - выборка элементов в DOM дереве
- - работа с массивми и строками
- - знание базовых управляющий конструкций языка и циклов
- Требования:
- - Использовать чистый javascript
- - использовать elem.className, а не elem.classList
- Описание:
- Напишите несколько вспомогательных функций:
- - hasClass( node, className ) - возвращает boolean
- - addClass( node, className ) - className строка, содержащая названние класса или несколько
- названий классов через пробел
- - removeClass( node, className ) - className строка, содержащая названние класса или несколько
- названий классов через пробел
- - toggleClass( node, className ) - добавляет класс или несколько классов к DOM элементу, если
- класса нет у элемента. Если у DOM элемента есть класс, убирает его(их)
- I. Автокомплит.
- Необходимые знания:
- - работа с формами
- - работа с массивами
- - поиск элементов в DOM
- - события клавиаутры и мыши
- - работа с ajax, XMLHttp
- - понимания взаимодествия браузера с бекендом, проктокол
- Требования:
- - установка зависимостей через bower
- - оформление стилей с bootstrap
- - рекомендуется сделать два варианта на чистом javascript и с использованием jquery
- 1. Backend на php, имеется словарь терминов, например, названия языков программирования )
- 2. Frontend: форма с автомплитом: при наборе символов в поле происходит ajax запрос, на
- backend'e происходит выборка терминов по совпадение первых нескольких символов и отсылается
- JSON в ответе
- Пример работы https://jqueryui.com/autocomplete/.
- II. Табы с получением контента через ajax
- III. Аккордин меню
- IV. Стилизация селекта, также селекта с мультивыбором.
- V. Drag-and-drop меню sortable
- VI. Словарь живтоных.
- Необходимые знания:
- - собитыя мыши
- - ajax
- - размеры и координаты в окне браузера
- Требования:
- - установка зависимостей через bower
- - оформление стилей с bootstrap
- - рекомендуется сделать два варианта на чистом javascript и с использованием jquery
- Имеется сайт энциклопедия с животным, в каждой статье имеются выделеные с помощью стилей
- термины-ссылки или ссылки на статьи про виды животных. Необходимо, при наведении на термин
- в тултипе рядом с термином подгружаться либо изображения, которое соотноситься с этим видом
- животного, либо подгружать кратое описание этого термина. Ссылки должны оставаться кликабельными.
- VII. Изображение с лупой.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement