Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Homework Angular Modules #206

Open
powerbot15 opened this issue Feb 13, 2020 · 0 comments
Open

Homework Angular Modules #206

powerbot15 opened this issue Feb 13, 2020 · 0 comments

Comments

@powerbot15
Copy link
Contributor

powerbot15 commented Feb 13, 2020

Написать два модуля с наборами полезных функций:

  1. Модуль ховер-эффектов предоставляющий UI-директивы:

    • Директива, при наведении указателя изменяющая цвет текста элемента в #FFFFFF, бекграунд в #0000AA и добавляющая границу 1px solid #00FF00. При уходе мыши с элемента измененные параметры должны вернуться в исходное состояние

    • Директива, при наведении указателя изменяющая размер шрифта на значение 48px и начертание на значение italic

  2. Модуль пайпов для работы с текстом. Модуль должен предоставлять следующие пайпы:

    • Пайп капитализатор, текст должен преобразовываться след. образом teXt To TrAnSform -> Text to transform, то есть только первая буква текста должна быть большой, все остальные - маленькие.

    • Пайп обрезатор, должен принимать параметр длины и обрезать текст по указанной длине. В конец обрезаного текста должно добавиться троеточие. Например для длины 5 Text to cut -> Text ...

    • Пайп фильтратор оскорбительных слов, должен замещать в переданном тексте оскорбительные слова звездочками по длине такого слова. Список слов для скрытия: donkey, cock, sucker. Пример: You are stupid donkey -> You are stupid ******

Сделать страничку демонстрирующую работу директив и пайпов из модулей. Результат выполнения домашки как обычно льем в личный репозиторий, в пулл риквест ссылку на гитхаб-пейджес с работающей страничкой и ссылку на сам репозиторий с выполненым заданием

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant