Каждая Дизайн-система UI-kit, но не каждый UI-kit - Дизайн-система. Когда и в дизайне, и в коде все разложено по полочкам. Сделан UI kit + брендинг + соответствие компонентов и тогда это можно назвать ДСкой. В остальных случаях не больше чем дизайн кит.

Юля на стриме показывала дизайн-систему Washington Post → build.washingtonpost.com

Пока буду смотреть запись, буду оставлять тайм коды, вдруг кому понадобится 20:15 Как Алексей узнал про PWA? 28:25 Что такое PWA? 1:26:00 Что не так с нативными мультиплатформенными приложениями? 1:35:00 Преимущества PWA 1:53:00 Недостатки PWA

А где все обещанные ссылки ?

Круто! PWA это вам не ПВА )

Спасибо! Отличный стрим. Надеюсь, будут и еще)

Классный стрим с полезными комментами! Ждем еще больше подобных видео от Доки🥰

Очень приятно слушать, одним словом - годнота

Очень понравился стрим, спасибо вам большое! Я в чате. Сейчас учусь frontend разработке, рад, что нашел вас😊👍👍

Спасибо, было интересно)

Благодарю за стрим. Это пример хорошего техсобеса без токсичности и с информационным фидбеком, который поможет в дальнейшем. Вадиму удачи😊 И у меня вопрос к Зару: Будет ли плюсом для фронтендера в Вашей команде наличие глубоких знаний в вёрстке или нужны только общие представления? Верстает отдельный человек, а логику пишет фронт или это обе задачи фронта?

Грустно, что не популярно. Молодцы, ребят. Хорошая тема. Если получится за сложность алгоритмов пояснять и как это с памятью работает (как это всё оценивать) - будет топчик. Но конечно хотелось бы именно на JS эту историю развивать, всё же мы про web. Специфические вещи крайне многим не нравятся, потому что они сложные. Но они попадают в самое сердце тем, кому это интересно, поэтому ещё раз спасибо за ранение моего сердца и успехов вам, жду следующего стрима. Постараюсь ближайшее время чо-нить вам в доку законтрибьютить, главное время как всегда найти...

полезный стрим, спасибо. Если это поможет - хочется посмотреть продолжение.

Будем рады обратной связи → bit.ly/dokastream Заполните, пожалуйста, небольшую форму. Мы собираем обратную связь, чтобы сделать наши трансляции лучше

❤ спасибо Вам!

Роуг секси! 💝

Цветовое пространство не привязано к SRGB, но вот экраны устройств все к SRGB и все, даже если вам говорят о супер крутой цвет. Сравните одну картинку на айфон и ту же на Самсунг и у последнего будет сочнее а ещё есть китайцы и все производители будут брать дешёвые дисплей потому что чипы дорожают и цена дивайса будет скакать и продажи падать... В это случае прогресс задерживаться рентабельностью бизнеса

Клёвый стрим. Очень позновательно. Спасибо!

Посто Огромное Спасибо !

Что за браузер использует Андрей? 15:59

Во время стрима было упомянуто много проектов, собрали ссылки на все: oklch.com/#70,0.1,30,100 web-standards.ru/articles/oklch-in-css-why-quit-rgb-hsl/ www.stefanjudis.com/today-i-learned/oklch-perceived-lightness/ github.com/postcss/postcss-relative-opacity www.figma.com/community/file/1287828769207775946/harmony-accessible-ui-color-palette github.com/evilmartians/harmony codepen.io/Anton-Lovchikov/full/dyaNrdE twitter.com/antiflasher/status/1715339455056200178/photo/1 www.figma.com/community/plugin/1173638098109123591 twitter.com/sitnikcode/status/1724865247725396327 twitter.com/sitnikcode/status/1728380879687557261 codepen.io/Anton-Lovchikov/full/poqNvpV t.me/lostinwiki/407 svgees.us/Color/ok-clip-lch-explorer.html Доклад Шаина про динамические темы kzbin.info/www/bejne/rKG0pZSKqc2UiqM Чего не было в стриме (забыли вопрос про книги) самая крутая книга про цвета но она очень глубокая www.amazon.com/Reproduction-Colour-R-W-Hunt/dp/0470024259 Вот хорошее базовое описание jamie-wong.com/post/color/

Layout…Pipe line … 🥴🥴 like a pro

Спасибо Зару и команде Доки! Получилось крутое и ламповое собеседование. Было бы здорово в будущем еще одно сделать, но с большим упором на JS и какой-нибудь фрэймворк (или библиотеку).

Вопрос из алгоритмической части const arr = [3, 5, 2, 4, 3, 2, 5]; const findUniwue = () => { }; console.log(findUniwue(arr)); // Выввод: 4

На стриме мы проводили эксперимент: можно ли найти в Доке ответы на вопросы из интервью. Оказалось на большинство - да, но некоторых статей нам, всё же, не хватило. Будет классно, если вы поможете дописать. Вот подборка REST Что такое REST. Такой статьи у нас нет, но есть упоминание вот тут doka.guide/tools/web-app-works/#rest Какие бывают запросы, какие отличия get- и post-запроса doka.guide/tools/web-app-works/#zaprosy-i-otvety doka.guide/tools/api/ Какие бывают статусы статьи нет, может быть пока 😏 Из чего состоит запрос doka.guide/tools/api/#soap Какие заголовки вы знаете: упоминаем тут doka.guide/tools/web-server/ Что ты знаешь про куки doka.guide/tools/browsers-storages/ doka.guide/js/cookie/ Отличия localStorage от sessionStorage doka.guide/js/local-storage/ doka.guide/js/session-storage/ Что такое CORS doka.guide/tools/cors/ Что такое Preflight-запрос Статьи тоже пока нет. Как браузер рисует страницы (для тех, кому надо основы) doka.guide/tools/how-the-browser-creates-pages/ Если статьи нет, то вы можете помочь проекту и написать статью. HTML Что такое DOCKTYPE - doka.guide/html/doctype/ Что такое DOM, Почему DOM деревом называется? - doka.guide/js/dom/ Какой главный тег? С чего начинается? - doka.guide/html/html/ doka.guide/html/head/ doka.guide/html/body/ Можно подключить стили в body? doka.guide/html/style/ Какие мета-теги знаешь? - doka.guide/html/meta/ не забывайте про description и keywords Каким тегом подключается фавиконка? - doka.guide/html/link/ Знаешь ли что-то про СЕО? - Начать тут - doka.guide/html/seo-for-beginners/ Какие бывают теги? - Парные и одиночные link и meta - парные или одиночные? Что мы видим в браузере кроме иконки? - doka.guide/html/title/ Где лучше всего подключать скрипты? - doka.guide/html/script/ Вспоминали async и defer - doka.guide/html/defer-async/ Какие различия для у div и span? - doka.guide/html/div/ doka.guide/html/span/ Чем отличается блочный от строчного элемента? - doka.guide/css/box-model/ Отличия display: block от display: inline-block - doka.guide/css/display/#kak-pishetsya Нововведения в HTML5 - Раздел Семантика - doka.guide/html/#semantika CSS Что такое CSS? - doka.guide/css/ Что такое каскад? - doka.guide/css/cascade/ Что такое специфичность? - Самый сильный специфичный элемент? - doka.guide/css/specificity/ Сильнее ли, !important, чем ID - doka.guide/css/important/ Как сделать анимацию в CSS - doka.guide/css/#animacii - целый раздел Следом вопрос про keyframe - doka.guide/css/keyframes/ Что такое псевдоэлементы - doka.guide/css/pseudoelements/ Что такое псевдоклассы - doka.guide/css/pseudoclasses/ Какие бывают position - doka.guide/css/position/ Есть элемент с position:absolute, внури которого есть другой position:absolute, относительно какого элемента будет дочерний position:absolyte - от ближайшего родителя, у которого отличается position от static Флексы или гриды? - doka.guide/css/grid-guide/ doka.guide/css/flexbox-guide/ Внутри div с флексом есть другой div, как центрировать дочерний div, не трогая родителя? - margin: auto Что сделает, margin: auto, если родитель не flex? doka.guide/css/margin/ Как оцентровать блок по центру? - doka.guide/recipes/center/ doka.guide/css/transform/ JS Hosting JS? - Как объявлять переменные? - Что будет, если обратимся к var, let, const до объявления? - doka.guide/js/var-let/ Области видимости - Замыкания - doka.guide/js/closures/ Temporal Dead Zone - такой статьи пока нет, но её можно написать Типизация в JS - doka.guide/js/typecasting/ doka.guide/tools/static-types/ Примитивные типы данных в JS - doka.guide/js/#primitivnye-tipy-dannyh Хранение по ссылке - doka.guide/js/ref-type-vs-value-type/ Функция - Стрелочные функции - Что такое контекст и this? - doka.guide/js/function/ doka.guide/js/function-context/ Event Loop - Асинхронность - doka.guide/js/async-in-js/ А ещё Зар рекомендовал посмотреть на вот эти книги, которые могут помочь вам с JS - Асинхронная обработка и оптимизация. Симпсон Кайл | Симпсон Кайл - Выразительный JavaScript. Современное веб-программирование | Хавербеке Марейн - Секреты JavaScript ниндзя. 2-е изд. - ES6 и не только | Симпсон Кайл

Низкий поклон вам за такой полезный проект! Дока для меня один из источников. Если что-то читаю на MDN, то почти всегда ещё открываю Доку, чтобы посмотреть как это изложено там, с понятными анимациями и иллюстрациями. Желаю дальнейшего развития и регулярно поддерживать материал в актуальности) таковы издержки профессии фронтендера - регулярно всё меняется, обновляется🙄

Это тот самый коммент для участия в розыгрыше книги «Код. Тайный язык информатики» Чарльза Петцольда. Поздравьте Доку с днём рождения вместе с нами. А лайк и подписка сделают приятно нашей редакции.

Случайно сюда попала, а вы оказались люди их классного сайта)) Очень нравятся кнопки под статьями, очень приятный визуал. Спасибо вам за работу! ❤

🥁 А вот и итоги! Спасибо за ваши истории, было интересно их читать. Онлайн-билет на конференцию FrontendConf достается @evgenia6124. Поздравляем!

Я интроверт. Всегда боюсь большой аудитории, когда сотни глаз и ушей сосредоточены на тебе. Моя работа убеждать людей принять идеи фармацевтических компаний. Побороть страх мне помогают бег и плавание. Каждый раз, когда я выхожу на сцену дыхание учащается, сердце выпрыгивает из груди. В такие моменты я закрываю глаза и вспоминаю о том, как бегу или плыву. И всё идёт по плану...

Это тот самый коммент для участия в розыгрыше билета на FrontendConf 🎉 Во время эфира Никита Дубко рассказал, как был тихим интровертом и решил прокачивать софт-скиллы с помощью выступлений на конференциях. У него появилось много знакомых в разных городах, а однажды рекрутеру Яндекса так понравился доклад Никиты про картинки, что его пригласили на работу. У вас есть интересные истории про конференции, опенсорс, нетворкинг, как внерабочие активности помогли вашему профессиональному становлению? Делитесь историей под этим комментарием и примите участие в розыгрыше. Подведем итоги 18 сентября, автор самой интересной истории по мнению редакции Доки получит онлайн-билет на FrontedConf.

Thank you so much, Alyona can u upload more videos pls..