Cat Clicker

Purpose:

Learn the Model-View-Controller concept.

Description:

You click the cat and its image is displayed. After clicking on the cat's image the number of clicks next to the corresponding cat increases by 1. You can switch between cats and the number of clicks is kept in place.

Technologies used:

HTML, CSS, Flexbox, Javascript, jQuery and a bit of Bootstrap

Timing:

1 evening

Conclusion:

This attempt to implement a tiny MVC is what led me to learn Angular 2.

Цель:

Изучить концепцию Model-View-Controller.

Описание:

Клик по коту в списке показывает соответствующего кота и количество кликов по нему. Клик по изображению кота увеличивает количество кликов по данному коту.

Технологии:

HTML, CSS, Flexbox, Javascript, jQuery и немного Bootstrap

Сколько занял времени:

1 вечер

Вывод:

После долгих сидений над чистым JS в попытке реализовать принцип MVC я начал изучать Angular 2, использующий как раз концепцию MVC.