Статьи

Чему вы собираетесь научиться в этом месяце в развитии фронт-энда?

В марте я написал статью об обилии инструментов и технологий в современной отрасли и о том, как это может ошеломлять. Статья нашла хороший отклик у многих в отрасли.

Многие согласились с тем, что, хотя мы «тонем» в инструментах, и это может пугать, лучший подход — сосредоточиться на инструментах и ​​технологиях, которые помогут нам стать более продуктивными и решать проблемы.

Поэтому я подумал, что было бы здорово открыть дискуссию и спросить всех: что вы собираетесь изучать дальше?

Это новый язык? Новый CSS-фреймворк? Сетка? Возможно, вы еще не трогали Sass (позор вам! :). Может быть, вы хотите лучше познакомиться с серверной технологией, чтобы дополнить ваш интерфейсный стек. Или, может быть, это новая библиотека JavaScript или фреймворк. Что бы это ни было, я бы хотел услышать об этом.

Но я пойду первым.

То, что я пренебрег

Вот краткий список некоторых вещей, которые я имел в виду, чтобы улучшить мое понимание (или начать с!), И которые я просто откладывал на слишком долго:

SVG

SVG огромен, и он здесь, чтобы остаться. Он имеет отличную поддержку браузера и может быть заполнен, или вы можете объявить какой-то резервный или условный. Отличной отправной точкой является недавний обзор Криса Койера по SVG . Также есть готовящаяся к выходу книга SVG, написанная автором SitePoint Джони Тритхоллом (если вы еще не заметили, Джони становится для SVG тем же, чем Гюго для Sass ).

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

WAI-ARIA и доступность

Приятно видеть, что WAI-ARIA наконец получает то внимание, которого заслуживает. Мы больше не тратим время на обсуждение бессмысленной семантики HTML, но делаем все возможное, чтобы добавить практическую семантическую ценность в наши документы. WAI-ARIA может сделать это.

Хотя у меня лично есть базовые знания WAI-ARIA, я все еще виновен в том, что не углубился в эту тему. Если в вашем списке попаданий есть WAI-ARIA, вы можете начать с веб-сайта The Accessibility Project или со страницы ресурсов MDN ARIA . Есть также введение Стефана Макса в ARIA, опубликованное недавно на SitePoint.

Как связанное исследование, есть веб-сайт Доступности HTML5 , который предоставляет информацию о том, какие новые функции HTML5 имеют поддержку доступности в различных браузерах.

Превосходный CSS и критический путь рендеринга

Это еще один, который я хотел бы углубиться в более глубоко. По сути, идея заключается в том, что мы автоматизируем наши сайты, чтобы «встроить» наши CSS-правила, которые применяются к контенту, превышающему общий объем (теоретически противоречащему тому, чему нас учили годами).

Бен Эдвардс написал дискуссию на эту тему в CSS-Tricks, и моим первым знакомством с этой концепцией стал этот замечательный пост Аквила, который выполнил соответствующую задачу .

В качестве отправной точки, если вы хотите узнать, может ли ваш веб-сайт или приложение извлечь выгоду из этого метода, вы можете запустить тест на киноленты на WebPagetest.org .

Конечно, критический путь рендеринга касается не только CSS, поэтому в этой области есть чему поучиться .

AngularJS / Backbone.js / Ember.js

Я действительно опаздываю на игру по этому вопросу.

Есть много других конкурентов в JavaScript MVC dogfight, но AngularJS , Backbone.js и Ember.js, похоже, входят в тройку лидеров.

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

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

Если вы хотите начать работу с одним из них, возможно, вы захотите ознакомиться с этим курсом Angular или руководством для начинающих по Backbone.js , которые находятся на родственном сайте SitePoint, Learnable .

А вы?

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

И не стесняйтесь комментировать простые вещи — мы все на разных уровнях. Некоторые разработчики считают мой список довольно простым!

Итак, дайте нам знать в комментариях: что вы собираетесь изучать в этом месяце?