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

Статический → Динамический → Ajax → RWD → ? (Веб-компоненты)

HTML/JavaScript/CSS: от простых статических веб-сайтов до архитектуры клиент-сервер (рендеринг на стороне сервера), такой как JSP/ASP, а также таких языков, как Java, C# и фреймворков. HTML и логика смешались вместе и обслуживали динамическое содержимое.

jQuery : он обеспечивает хорошую оболочку поверх JavaScript и отделяет проверку на стороне клиента от других проблем. В это же время появились другие фреймворки SilverLight, Adobe Flash.

AJAX: добавлено частичное изменение содержимого страниц.

MVC: вошел в картину и естественно подходит для разделения логики на контроллеры/представление/модель. Тем не менее, это дает возможность многим разработчикам связать концепции с другими технологиями.

Фреймворки на основе JS. Браузер развивался, предоставляя больше возможностей и предоставляя новый способ программирования, сдвиг парадигмы в сторону большего количества фреймворков на основе JavaScript. Логика пользовательского интерфейса перенесена с сервера на клиент. Серверу просто нужно обслуживать статические файлы и данные через службы REST. KnockOut, Backbone, Exjs и более поздние версии Angular и React.

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