Надеюсь, у вас была отличная неделя! В этом выпуске много интересного, но что мне больше всего выделяется, так это 2 статьи с подробным описанием различных частей JavaScript. В частности, статья, в которой сравниваются функциональные компоненты и классы, была потрясающей, и мне также понравилось размышлять над статьей о обещаниях.
Конечно, у нас есть много других хороших вещей в CSS и других интересных вещей. Изучение ментальной модели CSS, несколько хороших каталогов свойств и селекторов CSS и большой шаг вперед к беспарольному будущему. Наслаждаться!
С уважением,
KBall от ZenDev
CSS и SCSS
Превосходят ли настраиваемые свойства CSS циклы Sass?
Хороший взгляд на преимущества удобочитаемости настраиваемых свойств CSS по сравнению с некоторыми предыдущими механизмами, используемыми для создания набора тематических компонентов (например, предупреждений).
Автор пытается изложить некоторые различия в том, как люди думают о CSS и JavaScript. Это сложная тема - я много читал об этом и кое-что писал - и я не уверен, что можно провести полную оценку. Эта статья не пытается; это остается довольно простым, но я думаю, что это стоящее дополнение к разговору.
Менее известные свойства CSS в GIF
Анимированные визуальные демонстрации множества свойств CSS. Это отлично подходит для того, чтобы получить представление о возможном, а затем, когда вы найдете что-то, что вас интересует, есть ссылки на ресурсы, чтобы узнать больше.
Шпаргалка по CSS-селекторам и подробности
Селекторы - один из основных строительных блоков CSS. Конечно, вы можете сойти с ума от этих классных свойств, но вам действительно нужно знать, как настраивать таргетинг на элементы. Этот пост включает в себя не только загружаемую шпаргалку, но и забавную игру, в которой вы можете проверить свои знания.
Я уже включал это однажды, но я хочу выложить его снова и посоветовать вам пойти и взять его. Особенно, если вы сосредоточены на CSS! Авторы опроса уже провели несколько опросов в мире JavaScript, и, хотя они приложили добросовестные усилия для получения широкого отклика, их аудитория, как правило, была очень сильной в мире React. Лично мне очень нравится React (а я люблю, это отличный инструмент!), Это сообщество, как правило, находится на грани многих тенденций, поэтому я бы очень хотел поощрить людей, которые придерживаются более традиционного интерфейса. роли для участия в опросе.
JavaScript
Как« Золотое правило компонентов React может помочь вам писать лучший код»
Я обнаружил, что это очень хорошая разбивка / способ размышления о разделении проблем в рамках ментальной модели «все является компонентом», которую поддерживает React. Он хорошо объясняет концепции компонентов более высокого порядка и показывает, насколько полезно принятие структуры, отделяющей логические компоненты от презентационных компонентов.
Создание собственных директив в Vue.js
Прямое и понятное введение в создание настраиваемой директивы во Vue. Если вам довелось прочитать мою статью на прошлой неделе, я выделил пользовательские директивы как один из ключевых инструментов в вашем арсенале для интеграции стороннего JavaScript - если вам это понравилось, но вы все еще не знаете, как действовать дальше, эта статья начинается с самого начала. основы и строит.
Все цифры из отчета о состоянии Vue.js за 2019 год
Не секрет, что я большой поклонник Vue.js, поэтому мне нравится видеть такие вещи, которые проникают в сообщество вокруг Vue и то, как люди его используют. Интересно отметить, что наиболее распространенной «другой библиотекой JS», используемой пользователями Vue, по-прежнему является jQuery, и что node и PHP - два самых популярных серверных модуля (последний, вероятно, связан с принятием Laravel Vue). В любом случае, их много, если вы уже знакомы с Vue, вам стоит это проверить.
Чем функциональные компоненты отличаются от классов?
Это полностью взорвало мой разум. Мне потребовалось время, чтобы разобраться в том, что говорил автор, но как только я это сделал, это показалось мне настолько очевидным, что я не мог поверить, что не заметил этого раньше. В React принято рассматривать компоненты на основе классов и функциональные компоненты как относительно эквивалентные, если вам не нужны компоненты локального состояния или жизненного цикла. А теперь с помощью хуков вы можете справиться и с этими случаями, так что они эквивалентны, верно?… И все же они не такие. Они тонко, но очень важно, отличаются способом обработки изменчивости. Прочтите этот пост.
Глубокое погружение в разрешение обещаний с объектами, включая свойство then
Недавно у меня был разговор с кем-то, кто преподавал на нескольких разных курсах для начинающих по программированию, и я спросил ее, что сегодня кажется самым сложным для новичков. Обещания, вот и ответ. Что-то из этого, вероятно, связано с асинхронностью и трудностью в целом, но некоторые относятся к обещаниям, так что теперь я ищу хорошие статьи по обещаниям. Это один из них, в котором мы подробно разбираемся, как работает разрешение обещаний, особенно с разными типами объектов.
Продвигаемая ссылка
Тренировочный курс на один месяц
One Month - это онлайн-учебный курс на основе когорт, который предлагает несколько различных курсов. Под руководством инструктора, который преподает в таких местах, как Генеральная Ассамблея и Колумбийский университет, они проводят месячные курсы на основе проектов. Новые курсы начинаются в следующий понедельник, и наряду с заранее записанными материалами вы получаете доступ к еженедельным рабочим часам и общему каналу Slack как с преподавателем, так и с другими студентами. У них есть ряд курсов, включая JavaScript, HTML и CSS и многое другое. Щелкните любую из этих ссылок, чтобы получить скидку 10%.
Другой классный
Следует ли мне использовать исходные карты в производстве?
В связи с изменением значений по умолчанию в мире Rails Крис Койер подробно разбирается в вопросе, а также в плюсах и минусах поставки исходных карт в рабочую среду. Большая часть разговоров была сосредоточена на CSS, но я думаю, что то же самое можно сказать и о JS.
Когда кнопка не является кнопкой?
Язык и щека описывают многие функции, которые вы получаете от браузера, когда решаете использовать элемент button вместо того, чтобы пытаться создать свой собственный с помощью div. Развлекательные и познавательные.
Как создать бесконечный раннер в виртуальной реальности (часть 1)
VR находится немного за пределами моей рулевой рубки, но вещи, которые вы можете делать в WebVR с A-frame, довольно удивительны. В этой статье рассказывается, как создать раннер-игру WebVR с использованием A-frame.
W3C утверждает WebAuthn в качестве веб-стандарта для входа без пароля
С тех пор, как я переключил все на использование одного пароля и получил Macbook Pro нового поколения, я немного продвинулся вперед в том, каким может быть наше будущее без пароля. Для подавляющего большинства приложений я просто оставляю свой отпечаток пальца на своем Mac, и он регистрирует меня… никаких паролей, которые нужно забыть, никакой межсайтовой уязвимости для взлома пароля. Это УДИВИТЕЛЬНО. И теперь мы ищем стандарт для этого подхода без промежуточного менеджера паролей. Я не могу ждать.
С пятницей!
Нравится Friday Frontend? Дайте ему "руку" хлопками, чтобы дать мне знать (вы можете оставить до 50!). Это также помогает другим разработчикам найти его.
Хотите получать это в виде информационного бюллетеня прямо на свой почтовый ящик? Каждую пятницу я рассылаю 15 ссылок на лучшие статьи, учебные пособия и объявления по CSS / SCSS, JavaScript, а также множество других замечательных новостей внешнего интерфейса - зарегистрируйтесь здесь: https://zendev.com/friday-frontend.html
Первоначально опубликовано на zendev.com 8 марта 2019 г.
