Мы определенно находимся в декабре - это видно, потому что все начинают выступать со своими сводками на конец года.
У нас есть несколько из них в информационном бюллетене на этой неделе, а также несколько действительно интересных обзоров новых функций Angular и React, сводка отзывов на важные новости Edge и многое другое.
Наслаждаться!
С уважением,
KBall от ZenDev
CSS и SCSS
Посмотрите, как вы можете думать о CSS в аналогах более традиционных языков программирования и концепций. Честно говоря, я думаю, что в конце концов мы должны признать, что CSS атакует другую область, нежели эти языки, и, следовательно, имеет другие варианты и ментальные модели, но если это помогает кому-то, кто имеет опыт программирования, начать разбираться в этом, отлично!
Введение и руководство по объектной модели CSS (CSSOM)
Я включаю это в раздел CSS информационного бюллетеня, но большая часть кода в этом на самом деле является JavaScript. Это руководство по API браузера для чтения и управления стилями с помощью JavaScript. Это увлекательный взгляд на то, что раскрывается, как и как можно это испортить. :П
Отличное пошаговое руководство по созданию диаграммы Венна, используя только HTML и CSS. Использует формы CSS, настраиваемые свойства и сетку CSS.
В лагере вдохновения и примеров это множество примеров использования текстовых теней CSS для создания различных эффектов. Каждый из них находится в кодовом поле, так что вы можете разветвляться и повозиться, сколько душе угодно.
JavaScript
В этом году в JavaScript: обзор 2018 года и прогнозы npm на 2019 год
Начались обзоры на конец года, и на это стоит посмотреть! Некоторые интересные данные из npm; Мне нравится их взгляд на долю загрузок реестра между фреймворками; когда я копался в таких данных, прежде чем пытаться судить об относительной популярности, учет общего роста реестра всегда был проблемой. Кроме того, если вам нравится этот материал, вас может заинтересовать интервью, которое я дала Лори Восс о npm и будущем Интернета.
Вдумчивый ответ на сообщение о проблемах, связанных с тенденцией к разработке полного стека и о том, как фронтенд-разработка часто обесценивается или, по крайней мере, принижается значение. Стоит прочитать, даже если это не проблема для вас или вашей организации. (Также стоит прочитать оригинальный пост, который его вызвал)
Это полностью взорвало мой разум. Я понятия не имел, что существует специальный API для управления теневым DOM, хотя немного осмотревшись, я обнаружил, что это одна из 4 связанных спецификаций для веб-компонентов. Текущее состояние мира здесь довольно раннее, но я легко могу представить декларативные структуры, похожие на реагирование / vue, предназначенные для создания явно теневых компонентов, которые затем дают нам настоящие повторно используемые компоненты, которые могут быть встроены в любой веб-сайт или приложение. Очень круто!
Почему хуки React полагаются на порядок звонков?
Захватывающее погружение в идеи, лежащие в основе нового API-интерфейсов Hooks для React. Написанный всегда вдумчивым Дэном Абрамовым, он проходит через ряд других предложенных альтернативных предложений и какие недостатки были у тех, которые побудили команду выбрать подход Крюков.
Метапрограммирование, компоненты высшего порядка и миксины с угловым плющом
Я не слежу за развитием Angular почти так же внимательно, как React и Vue, но иногда что-то попадает в мой радар, что слишком интересно, чтобы пройти мимо. В этой статье мы рассмотрим, как новый рендерер Ivy обеспечит гораздо большую динамику и включит такие функции, как компоненты более высокого порядка и миксины, которые сегодня сложно реализовать в Angular.
Другой классный
Итоги разработки веб-интерфейса в 2018 году
Еще один обзор всего, что произошло в мире фронтенда в этом году. Все идет так быстро, что кажется, что кое-что из этого произошло несколько десятилетий назад, но на самом деле это было не так давно. WebAssembly 1.0, стремительный рост TypeScript и babel 7.0 - все это в моем списке лучших, но здесь есть гораздо больше.
Еще один обзорный пост, посвященный, в частности, UX-дизайну. Это долго, но даже если вы не занимаетесь дизайном, я рекомендую проверить и подумать о нескольких моментах (вы можете перемещаться, используя точки справа - мне потребовалось время, чтобы заметить). Во-первых, маркер «Воздействие» («Дизайн не спасает мир») подчеркивает, как технологические компании становятся все более могущественными и как это влияет на нашу моральную ответственность при работе в этой отрасли. В следующем пункте «Поведение» рассматривается одержимость технологической индустрии вовлечением и некоторые негативные последствия, которые она может иметь. Найдите время, прочтите их и подумайте о них - нам повезло работать в этой отрасли, которая может иметь такое влияние, но большая сила влечет за собой большую ответственность.
Опытные образцы и производство
Взгляд на различия между созданием производственного кода и кода прототипа. Я думаю, что в разговоре более тонкие нюансы, чем это касается - то, что составляет качество продукции, вероятно, будет сильно различаться в зависимости от вашего продукта и стадии на рынке - но это хороший взгляд на некоторые из этих проблем.
Комментарий о разнообразии браузеров относительно Edge News
Сводка комментариев к недавним новостям о том, что Microsoft отказывается от своих усилий по созданию независимого движка браузера и будет строить следующую версию Edge поверх Chromium. Для меня это действительно похоже на краткосрочную выгоду и долгосрочную потерю для экосистемы.
Буква« Д в ДОМ»
Взгляд на концепцию DOM как «документа» и на то, как мы пишем наш HTML. Не имеет значения, написан ли наш HTML вручную, сгенерирован на сервере или динамически обновлен на клиенте с помощью javascript, он все еще анализируется браузером как документ, и это влияет на его поведение, в частности с более программными программами чтения, такими как программы чтения с экрана.
С пятницей!
Хотите получать это в виде информационного бюллетеня прямо на свой почтовый ящик? Каждую пятницу я рассылаю 15 ссылок на лучшие статьи, учебные пособия и объявления по CSS / SCSS, JavaScript, а также множество других замечательных новостей внешнего интерфейса - зарегистрируйтесь здесь: https://zendev.com/friday-frontend.html
Первоначально опубликовано на zendev.com 14 декабря 2018 г.
