10 современных веб-технологий, о которых вы должны знать

Я хочу поделиться десяткой самых популярных веб технологий. Они не являются обязательными. Но в то же время помогут ускорить работу и улучшить качество кода.

Web Components

01-webcomponents-homepage

Это новый стиль элементов для HTML5, который базируется на стандартах W3C. Компоненты позволяют создавать пользовательские элементы многократного использования для структур динамических страниц, таких как виджеты с вкладками, слайдеры изображений и выпадающие меню. Вместо того чтобы создавать всплывающее меню с маркированным списком, можно использовать тег <dropdown>.

На официальном сайте Web Components доступно множество практических примеров, но очень мало пояснений того, где они могут пригодиться.

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

Polymer

02-polymer-project-homepage

Когда вы познакомитесь с Web Components, вам может понадобиться библиотека Polymer. Этот проект с открытым исходным кодом запустил Google. Он предназначен для создания стандартизированных веб-компонентов.

Эта библиотека упрощает разработку, если вы работаете с Web Components API. С ее помощью вы получите встроенные элементы для добавления таких функций, как видео, слайдеры и даже виджеты Google Maps.

Целью Polymer является создание модульной структуры. Вот почему она позволяет создавать собственные виджеты на основе Web Components API. Таким образом появляется возможность добавить несколько виджетов на одну страницу без повторной записи кода.

Библиотека Polymer неразрывно связана с Web Components, и две эти технологии значительно изменяют методы модульной разработки сайтов.

AMP

03-washington-post-amp-pages

Google всегда пытается улучшить интернет. Проект Accelerated Mobile Pages (сокращенно AMP) позволяет адаптировать любую веб-страницу для мобильных устройств по стандартному шаблону.

Нужно просто добавить небольшой код на свою страницу и позволить Google сделать все остальное. Если ваш сайт AMP-оптимизирован, он будет загружаться быстрее. Таким образом, сайт будет больше похож на оригинальное приложение.

Учитывая стремительный рост количества пользователей мобильных устройств, это технология веб разработки, на которую стоит обратить внимание. Она не подходит для интерактивных сайтов, но для блогов и новостных ресурсов технология AMP может стать революционным решением.

Gulp

04-gulpjs-homepage

Gulp позволяет автоматизировать рутинные задачи. Он умеет компилировать Sass в CSS, добавлять в код шаблоны или заплатки для браузеров, автоматически обновлять страницы после внесения в код каких-либо изменений.

TypeScript

05-typescript-homepage

Google недавно утвердил TypeScript в качестве предпочтительного языка для своего front-end фреймворка AngularJS. Это делает TS еще более привлекательным, потому что он помогает сэкономить время, как при написании общих скриптов, так и при разработке специализированных Angular-проектов.

TypeScript является не новым языком, а скорее надмножеством JavaScript. Поэтому, если вы знаете JS, вам будет легко использовать эту популярную веб технологию.

Three.js

06-threejs-homepage

Если вы следите за тенденциями WebGL и 2D / 3D веб-графики, то должны знать о Three.js. Это самый мощный движок рендеринга на основе JS, который можно использовать для веб-графики.

Немногим сайтам нужна 2D или 3D графика. Но количество таких сайтов увеличивается, и это одна из лучших JavaScript-библиотек, которые можно использовать для создания элементов холста и диаграмм данных.

Лучшее в Three.js это то, что данная библиотека является бесплатным инструментом с открытым исходным кодом, поэтому она постоянно совершенствуется вместе с WebGL API.

Docker

07-docker-homepage

С помощью контейнерной платформы Docker можно поддерживать полную виртуальную среду и легко переносить сайты на разные серверы. Виртуальные контейнеры содержат интерфейсы для простой передачи файлов с одного сервера на другой.

Если вы являетесь приверженцем IT / DevOps, тогда Docker - это обязательная для вас технология. В последнее время данная веб технология начала набирать популярность.

Ionic Framework

08-ionic-framework-development

Это бесплатная платформа с открытым исходным кодом для разработки мобильных приложений под iOS и Android. Каждое приложение пишется на оптимизированном коде. Поэтому можно создавать программное обеспечение на JavaScript, но конечный результат будет выглядеть как оригинальное мобильное приложение Swift / Java.

На данный момент уже выпущена версия 1.3, и Ionic получил большую поддержку со стороны веб-сообщества.

Библиотеки Zurb

09-zurb-foundation-motion-ui

Фреймворк Foundation - невероятно мощный инструмент. В последнем релизе разработчики выделили веб-фреймворк из Foundation for Emails, который теперь поддерживает автоматизацию и шаблоны для email-разработки.

Но еще больше мне нравится их новый Motion UI, предназначенный для создания анимации «на лету». Можно создавать анимацию с помощью онлайн-инструмента Zurb и включать библиотеку Motion UI в любой проект на Foundation.

Google Web Starter Kit

10-google-web-starter-kit

Google предлагает множество полезных технологий веб разработки, и одной из них является Web Starter Kit. Это библиотека полезных ресурсов для создания сайтов, модульного кода Sass / CSS, локальных HTTP-серверов и многого другого.

Предполагается, что Web Starter Kit предоставляет все основные компоненты, которые потребуются веб-разработчику. Это стартовый набор, который является отличным бесплатным решением для начинающих разработчиков.

Перевод статьи «10 Modern Emerging Web Technologies You Should Know About» дружной командой проекта Сайтостроение от А до Я.

24 августа 2017 в 10:01
Материалы по теме
{"url":"http://www.fastvps.ru/", "src":"/images/advbanners/fastvps.png", "alt":"Хостинг Fastvps.ru. Наш выбор!"}
Заработок