CHE Proximity благополучно выдвинула меня на Код 18, так что 3 августа я пошла на второй день.
Эта статья — мои выводы из Web Directions.
Искусство наплевать, а также не
___ Патима Тантипрасут Руководитель отдела продуктов и дизайна Seven West Media
Перспектива. Мы редко осознаем, какое влияние мы можем оказать на продукты, над которыми мы работаем, и влияние на людей, которые используют эти продукты, не говоря уже о той власти, которую мы имеем над собственной жизнью, своим здоровьем и своей карьерой.
Патима Тантипрасут рассказала о том, что важно в офисе для поведения с людьми.
Она упомянула, что хорошие разработчики работают медленнее, они больше смотрят в код, чтобы написать его лучше и читабельнее, однако те, кто пишет код быстрее, скорее всего, делают что-то не так, позже вы это узнаете.
Хорошие разработчики не работают подолгу и получают удовольствие от хорошей работы.
Мне очень хотелось, чтобы она могла поговорить об этом с продюсерами и менеджерами, потому что большинство из них просто заботятся о том, чтобы что-то было сделано, однако подталкивание разработчика к простому выполнению задачи в большинстве случаев только ухудшает ситуацию, и следующий разработчик узнает об этом.
Функциональный HTML
___Мэнди Майкл, менеджер по разработке внешнего интерфейса Seven West Media
HTML, основа Интернета! С таким количеством времени, которое тратится на типизированный javascript, функциональное программирование, модульные тесты, визуальное регрессионное тестирование, инструменты, фреймворки и стремление писать более эффективный код, мы часто забываем, что Интернет начинается с HTML.
Мэнди Майкл, сначала она пояснила, что имеет в виду под функциональным, потому что я был уверен, что функциональный HTML непривычен для всех, и ожидал, что она расскажет о функциональном программировании, но на самом деле она указывала на HTML, который работает функционально.
У нее было замечательное замечание по поводу использования собственных HTML-тегов для большинства сценариев, таких как тег статьи или UL и LI, или даже более новых, таких как wbr и т. д.
Вы можете найти их список здесь
https:// www.w3schools.com/tags/tag_wbr.asp
Всякий раз, когда вы хотите что-то написать, посмотрите на список, если возможно, используйте один из них вместо div для всего.
Масштабирование фронтенд-разработки
___Марцин Щепански, главный разработчик клиентского интерфейса Atlassian
У Atlassian Jira есть новая кодовая база внешнего интерфейса, которой «всего» 18 месяцев, но она уже содержит более 50 «приложений» верхнего уровня и более 400 000 строк кода JavaScript от почти 200 коммиттеров. Проблема заключалась в том, что с 50 приложениями у нас было 50 различных подходов к созданию внешнего интерфейса.
Масштабирование проектов — это всегда проблема, и если вы не подумали об этом заранее, это будет катастрофой. Марчин, у которого есть опыт работы с различными проектами React в Atlassian, упомянул, что
- Они работают над последовательностью своих проектов благодаря принципам
- Они используют генераторы, eslint и другие инструменты, чтобы поддерживать качество и согласованность во всех проектах
- Они работают над использованием одних и тех же решений в разных проектах, чтобы лучше понимать их и лучше разрабатывать вместе.
Это, вероятно, правила, которые вы также можете придумать, однако их реализация и поддержание их работы во времени будет еще одной проблемой, и документирование правил и принципов для них может фактически решить проблему настолько, насколько это возможно.
Атомарные, презентационные, многоразовые, функциональные компоненты: архитектура пользовательского интерфейса в эпоху дизайн-систем
___Изабель Брайсон, Front End Developer Fairfax
Архитектура современных веб-приложений, какую бы платформу вы ни использовали, фокусируется на разделении задач и возможности повторного использования. Нынешняя тенденция к дизайн-системам опирается на эту логику, абстрагируя многократно используемый презентационный слой. Дизайн атомарный; код аккуратно разделен на презентационные и контейнерные компоненты. Но что происходит, когда эти разные парадигмы встречаются посередине? Должны ли на архитектуру приложения влиять принципы Atomic? Как мы представляем изменения состояния в дизайн-системе?
Если вы, как и я, работаете с большим количеством дизайнеров, возможно, вы имели опыт работы с разными способами, которыми дизайнеры предоставляли вам свои проекты. Разные методы мышления и разные элементы.
Дизайн-система, которая является популярным и трендовым подходом дизайнеров к разработке приложений в наши дни, была в центре внимания выступления Изабель.
А вот и QUIC
___Марк Ноттингем Главный инженер Fastly
HTTP и TLS недавно были пересмотрены; теперь очередь TCP. Узнайте больше о том, что ждет вас в интернет-транспорте и чем он может вам помочь.
Марк Ноттингем рассказал о протоколе Quic, который заменит TCP, и они работают над его внедрением в Google и нескольких других популярных компаниях.
Но что Quic пытается решить, чтобы снизить стоимость инициализации запроса и даже сделать его более безопасным.
Эта тема больше связана с уровнями сети, возможно, она не связана напрямую с разработчиками, но если стоимость другого запроса будет дешевле, чем более крупный файл, который также пытается решить HTTP2, у нас будет совершенно другое представление о создании пакетов, динамических импорт и новая эра персонализации.
В любом случае появятся новые способы настройки, так что приготовьтесь изучить их.
Использование CSS (и SVG) на благо UX
___Сара Суэйдан, разработчик UI/UX, фрилансер
Сара очень кратко рассказала о CSS, в основном о :focus и :focus-within
Эти небольшие настройки CSS могут показаться простыми, но они оказывают необычайное влияние на веб-сайт.
Очевидно, аудитория попросила ее прийти, чтобы больше поговорить о CSS. Эти мелочи действительно всем интересны, и она здорово их преподнесла.
Как использовать GraphQL и почему вы должны
___Тим Хингстон и Джеймс Бэксли III, технический руководитель, FE и руководитель группы, OSS Apollo
GraphQL изменяет данные в Интернете. Создаете ли вы API или просто запрашиваете у них данные, GraphQL быстро становится «обязательным» навыком для фронтенд-разработчиков. В этом докладе мы познакомим вас с некоторыми ключевыми концепциями и мотивами, объясняющими рост GraphQL, а также с некоторыми практическими советами по переходу на образ мышления GraphQL.
Тим и Джеймс также говорили о GraphQL, о котором я также опубликовал пост здесь об этом. Их внимание в компании сосредоточено на поддержке Apollo, который представляет собой структуру для использования и реализации GraphQL.
Использовать GraphQL так просто, однако авторизация на разных ресурсах может быть немного сложной.
Блокчейн для веб-разработчиков
___Майкл Джон Пенья, технический консультант Readify
В последнее время блокчейн наделал много шума. Сейчас на рынке большой спрос на разработчиков DApps (децентрализованных приложений).
Блокчейн — горячая тема! разработка программного обеспечения на блокчейне также является тенденцией. как вы можете создать собственную сеть блокчейнов с помощью сервисов AWS.
Он также объяснил определения концепций блокчейна, которые будут больше, чем этот пост.
Ваша веб-страница никогда не слушает меня
___Джейсон О’Нил, инженер-программист Culture Amp
Siri, Alexa, Cortana и «Окей, Google» — все крупные компании создают сервисы, которые могут общаться с нами, а мы — в ответ. Эти инструменты отлично подходят для установки таймеров, добавления напоминаний и воспроизведения песни. Но по сравнению с огромным количеством информации и взаимодействий, доступных нам в Интернете, они все еще могут казаться довольно ограниченными.
Джейсон О'Нил рассказал о будущем настоящего использования голоса на веб-сайтах. Думая о том, чтобы поговорить с веб-сайтом, приказать ему сделать что-то действительно интересное, Chrome поддерживает, и у них есть несколько библиотек, чтобы реализовать эту функцию в других браузерах, однако они могут быть не такими точными, как вы думаете, они должны быть, но в конечном итоге это будущее.
Готовы ли вы поговорить с вашим сайтом? разработка этих функций была бы такой увлекательной!
Состояние аутентификации
___Маркос Касерес, разработчик платформы Mozilla
В дополнение к присвоению имен и аннулированию кеша, добавьте аутентификацию в список самых сложных проблем в информатике (если подумать, аутентификация в основном сочетает в себе эти две).
Разработчики Mozila должны думать на шаг вперед, как они могут сделать свою систему сохранения паролей более эффективной. Действительно ли безопасно сохранять пароли?
Маркос рассказал о том, как они используют хранилище паролей, как использовать API для сохранения нового пароля.
Он также попросил разработчиков использовать автозаполнение при вводе данных и упомянул, что это будут новые способы ввода пароля, такие как отпечаток пальца или распознавание лица на веб-сайтах. Единственное, что будет — это веб-сайты и ноутбуки для их поддержки.
Раскрытие секретов прогрессивных веб-приложений
___Максимилиано Фиртман, автор, независимый разработчик
Вы, вероятно, знаете, что такое прогрессивное веб-приложение, но вы, вероятно, не знаете, с какими проблемами нам нужно столкнуться, чтобы увидеть в них реальную альтернативу приложениям. На этом занятии мы раскроем современные секреты PWA, которые вы должны знать, чтобы создать успешный опыт для ваших пользователей, которые ищут быстрое и надежное решение для приложений.
У меня есть исчерпывающая статья о прогрессивных веб-приложениях и способах их реализации. Максимилиано Фиртман, который, конечно, более эксперт, чем я, рассказал о разных странных иконках и поддержке Progressive. Веб-приложения в браузерах, что будет с этими приложениями в будущем и как они могут быть проще в использовании.
Так рад видеть больше из них!
Понравилась статья? Следуйте за мной!
Есть мнение или комментарий? Введите его!