С годами фронтенд-разработка изменилась довольно быстро. Сначала мы можем нарисовать нижнюю линию, поскольку веб перешел от статического к более динамичному содержимому.
Статический → Динамический → 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.
Следующая важная вещь в Интернете: веб-компоненты могут принести новый способ разработки внешнего интерфейса.