Тёмный
Odesa Frontend Community
Odesa Frontend Community
Odesa Frontend Community
Подписаться
Odesa Frontend Community is a non-commercial developer community in Odesa. The main goal of the project is to increase the level of knowledge through the accessible exchange of practical experience between developers.

Our project is absolutely free for IT professionals. It is with great pleasure that we involve IT companies to help organize our offline events. This helps close and practical acquaintance of companies and potential applicants and expands the horizons of our regular listeners.

The main form of interaction is holding regular meetups, where any developer can be a speaker. We support and welcome novice speakers. All video materials of the reports in good quality are available for free viewing on our RU-vid channel. Meetup announcements appear in our newsgroups, as well as on our website - odesafrontend.com
CSS Grid: BBC | Odessa Frontend
40:52
5 лет назад
Комментарии
@alexgavril385
@alexgavril385 13 дней назад
Умные чуваки в фейзбуке... пхахахаха
@user-qv8cv7fe7m
@user-qv8cv7fe7m 3 месяца назад
Блин, на самом деле, офигенная подача материала, человек немного волнуется, запинается. Чисто из за этого для меня гораздо доходчивее, чем когда выступающий чешет материал без запинки. Продолжай в том же духе!
@XERS1K
@XERS1K 4 месяца назад
Боже мой, да что она несет😮
@the_inalienable_dreamless
@the_inalienable_dreamless 5 месяцев назад
вывод понятен: никогда ни при каких обстоятельствах не используйте gatsby.
@trimmtrabb7629
@trimmtrabb7629 2 месяца назад
Пользуйтесь шаблонами wordpress
@669pain
@669pain 6 месяцев назад
Шикарный доклад! Спасибо!
@betterworldwithts
@betterworldwithts 7 месяцев назад
спасибо! шикарно объяснил!
@19n1ght
@19n1ght 7 месяцев назад
Благодарю :)
@romanchenko8048
@romanchenko8048 7 месяцев назад
Спасибо большое! Очень доступно и структурировано.
@storozhukua
@storozhukua 8 месяцев назад
Дякую було корисно для розуміння бази
@eugenematveyev9096
@eugenematveyev9096 Год назад
Raymarching since 10:40
@mikhas_ryzomny
@mikhas_ryzomny Год назад
милаха)))
@whatyoumean1498
@whatyoumean1498 Год назад
Как рассказчик не очень, но донести полезную информацию всё равно не помешало. Спасибо, вопросы в конце тоже оказались не высосаны из пальца:)
@ilikecola378
@ilikecola378 Год назад
Странный доклад, много всего очевидного, многие реализации как он и сам сказал сделаны на коленке.
@THE_CUBE__
@THE_CUBE__ Год назад
Очень круто!
@user-ts3vm6pl4i
@user-ts3vm6pl4i Год назад
Вай, как плохо :( Плахой докладчик, а тема - хароший.
@__kawaii
@__kawaii Год назад
Что не так?
@GLUCKKKKKKKKKK
@GLUCKKKKKKKKKK Год назад
Ебейший доклад;)
@alexeylasport3970
@alexeylasport3970 Год назад
ахахахаххаха, DataArt не мог найти кого-то по лучше. Молодой человек часто заговаривается и в целом плохо разсказывает
@astkh4381
@astkh4381 Год назад
"аххаха"?У тебя мозг отрафировался?
@storozhukua
@storozhukua 8 месяцев назад
то якийсь орк
@propro3053
@propro3053 Год назад
Якщо хочете детально вивчити системи даних тоді користуйтеся іноземними ресурсами, в країнах СНГ інформація надто поверхнева
@alexandrnevsky6678
@alexandrnevsky6678 Год назад
Использовал читы - все! видео на смарку. Вынес всем башку и стало нихрена не понятно. Лень зло, кэп
@AlexanderOsnovnoi
@AlexanderOsnovnoi Год назад
Через плагины у Cordova можно получить доступ к нативным API. Проверял лично. Геопозицию получить можно. Не очень красиво с точки зрения UI, но можно получить доступ и к камере.
@stasstas206
@stasstas206 Год назад
Ах одесса, жемчужина у моря.. спасибо за лекцию!
@ops_rv
@ops_rv Год назад
Напевне слід перейменувати відео
@evgeniyvronskiy2253
@evgeniyvronskiy2253 11 месяцев назад
React native для фронтiв
@zagorsky1769
@zagorsky1769 10 месяцев назад
Отличный доклад, ничего переименовывать не надо
@bulhi
@bulhi 6 месяцев назад
И переозвучить!
@user-uw9xp8en3v
@user-uw9xp8en3v 4 месяца назад
О, дурачки в комментариях
@storozhukua
@storozhukua Год назад
Дякую, за доклад
@zakr2
@zakr2 Год назад
Доклад интересный, как минимум попробовать захотелось.
@VkusnyashkaMMM
@VkusnyashkaMMM Год назад
Очень хороший доклад. Проверить токен можно по client secret.
@ITentrepreneur
@ITentrepreneur Год назад
Доклад хорошо зашёл после прохождения курса Andrew Mead - The Great Gatsby Bootcamp здесь на RU-vid. Получилось резюме всего пройденного материала, его повторение и закрепление.
@karinachi
@karinachi Год назад
Добрый день. Вопрос по слайду 19. Подскажите, как мы можем убрать br, не вернув ничего взамен? Не могу придумать такую ситуацию.
@user-kd5ge3ip6c
@user-kd5ge3ip6c Год назад
Пык-мык
@user-ri2km9yo7f
@user-ri2km9yo7f 2 года назад
Здравствуйте можете показать как вы типизируете async selector, обращаясь data.contents. дальше ничего не показывает autocomplete в хуке useRecoilStateLoadable
@stanislavk9430
@stanislavk9430 2 года назад
console.log(`Hello ${vivas[user.group]}!`); вместо console.log(`Hello ${user.group}!`); как написано на слайде 14:46
@Chastor97
@Chastor97 2 года назад
15:39 Атом (др. -греч. ἄτομος - неделимый). Думаю, он так назван не просто так
@Chastor97
@Chastor97 2 года назад
Действительно ли нужно для формы использовать стейт менеджер, если для этого есть спец библиотеки типо react final form. Там и валидация сразу и тд. Не нужно будет самому делать формовый бойлерплейт
@user-gi3ri2rs4f
@user-gi3ri2rs4f 2 года назад
Зайшло.
@lesson-web
@lesson-web 2 года назад
Катерина, напишите мне :)
@kamol8861
@kamol8861 2 года назад
Понял смысл структур данных, оч хороший докладчик
@dimitro.cardellini
@dimitro.cardellini 2 года назад
Дмитрий! ;) 11:55 - генерация псевдо-случайного числа -- это нечистая функция, т.к. не выполняется требование ссылочной прозрачности (иными словами нет гарантии получения одного и того-же результата при повторном вызове с теми-же аргументами). Любая функция, результат которой зависит от результата нечистой функции, так же не будет чистой. Поэтому shuffle -- это нечистая функция. Вместе с тем, пример важный и правильный, но лучше надо было взять функцию reverse
@19n1ght
@19n1ght 2 года назад
Да, Вы правы. Тут я напутал. Спасибо :)
@sergeykahnwald6640
@sergeykahnwald6640 2 года назад
const getCurrentDateIso = (): string => new Date().toISOString() А где здесь побочный эффект?
@19n1ght
@19n1ght 2 года назад
Тут скорее нечистая функция. Некоторые источники пишут, что нечистая функция === сайд эффект.
@user-dn7qr7vs1h
@user-dn7qr7vs1h 2 года назад
Побочный эффект - при каждом вызове разный результат. Т.е. функция взаимодействует с внешним миром, чтобы получить результат.
@AndrewConfident
@AndrewConfident 2 года назад
классный доклад!
@draftermyself
@draftermyself 2 года назад
Спасибо, за классный довольно подробный доклад, а что немаловажно за динамичную подачу)
@taras7844
@taras7844 2 года назад
Крутий чувак!! Подача на високому рівні)
@19n1ght
@19n1ght 2 года назад
Спасибо :)
@xxxxPomaHxxxx
@xxxxPomaHxxxx 2 года назад
Все таки каждый подобный доклад нужно начинать с области применения и плюсов минусов по сравнению с нативным для реакта контекста.
@demimurych1
@demimurych1 2 года назад
Изображение, которое должно быть сверстано как контент, отличается от изображения которое должно быть сверстано как декоративное (сервисное) целями проекта. Если у проекта нет целей по привлечению трафика из поисковых систем, нет необходимости в обслуживании людей с ограниченными возможностями, то критерий верстки есть только один - как мне нравится или как мне позволяет мой профессиональный уровень. Если же у проекта стоят задачи в обслуживании людей с ограниченными возможностями и тем более задачи получения трафика из поисковых систем, то верстка изображений должна осуществляться строго в соответствии с правилами семантической верстки стандарта ШТМЛ5 где тегом имж должно размечаться только то изображение, которое принимает участие в раскрытии или дополнении основного контента страницы. То есть того чему страница посвящена. И вот с этого момента происходит вилка - вам нужна верстка которая максимально корректна с академической точки зрения, или верстка максимально эффективная с точки зрения продвижения проекта в поисковых системах. Потому как, далеко не всегда все изображения на странице, которые дейтсвительно призваны раскрывать основной контент действительно стоит верстать образом, который предполагает их индексацию. Самым же простым способом понять что есть что, это взяв страницу сайта, удалить из нее все элементы которые не касаются ее темы: навигацию, подвал, иконки, кнопки, оставив только то, что является ее (страницы) наполнением. И вот только эти элементы и могут быть контентом. При этом крайне важно помнить и понимать, что для поисковой системы Гугл изображения это фразовый контент - то есть текст. И относится к ним нужно именно исходя из этого положения. Иными словами верстка изображений вида - вот тут карточка товара, значит я вот тут шлепну картинку товара является в корне ошибочной. И должна быть заменена на верстку схожую с типичной научной статьей, где каждое изображение выполняет функциональную роль.
@demimurych1
@demimurych1 2 года назад
29:17 *Браузер встретив имж начинает его сразу грузить* Подобное поведение было характерно для браузеров 2000 годов. Минимум с 2014 года, все браузеры поддерживают машинерию, которая позволяет управлять приоритетом загрузки тех или иных медиа компонентов. По умолчанию это поведение установлено в ауто, то есть бразуер пытается сам решить нужно ли это изображение прямо сейчас или его можно отложить. В ручную этим процессом можно управлять через атрибут тега importance c тремя на выбор значениями _high_ _low_ и _auto_ 32:10 *тег picture* Нельзя использовать этот тег в верстке в случае, если проект должен придерживаться критериев производительности страницы. Поскольку каждый тег пикча раздувает дом дерево минимум на два дополнительных узла для каждого изображения. Что крайне негативно сказывается на производительности страницы в условиях мобильных устройств и страниц насыщенных медиа контентом. Решение задачи лежит в плоскости использования атрибута _sizes_ в совмещении с атрибутом _srcset_ и использованием изображений с _w_ синтаксисом.
@maxm1nd
@maxm1nd 2 года назад
QR-код на 36:00 битый, ссылка нерабочая. Комментарий со ссылкой не публикуется. Добавьте сюда прямую ссылку, пожалуйста
@19n1ght
@19n1ght 2 года назад
Попрошу владельца канала добавить ссылку в описание.
@OdesaFrontend
@OdesaFrontend 2 года назад
Добавил - github.com/dkhovrich/fp-ts-talk-code
@maxm1nd
@maxm1nd 2 года назад
На 11:00 показан пример якобы чистой функции, которая на самом деле не является чистой, поскольку она является недетерминированной (для одного и того же набора входных данных результат может быть разным)
@19n1ght
@19n1ght 2 года назад
Да, Вы правы.
@19n1ght
@19n1ght 2 года назад
Выбрал не лучший пример для того, чтобы показать, что внутри могут быть мутации.
@maxm1nd
@maxm1nd 2 года назад
@@19n1ght Там ещё на 17:28 мне показалось, что проблема будет не только в наличии undefined, но и в несовместимости типов User[] и User. Не придирка, просто решил "подсветить". Доклад очень понравился, спасибо
@maxm1nd
@maxm1nd 2 года назад
Да, я ошибся в этом моменте, обратил внимание на сигнатуры вверху слайда и не вник в код ниже. Показалось, что в пайпе после вызова первой функции будет на выходе массив
@19n1ght
@19n1ght 2 года назад
​@@maxm1nd Ютуб безжалостно удаляет сообщения, в которых есть код или ссылки :)) Спасибо Вам больше за комментарии! Я в предыдущем (удаленном ютубом сообщении) писал, что там используется метод find, который возвращает T | undefined. Если бы был, например, метод filter, тогда да, был бы массив.
@kostya3312
@kostya3312 2 года назад
пык-мык
@dispeltr1183
@dispeltr1183 2 года назад
Годный доклад за слайды и ссылки отдельный респект!
@Mazahaka007
@Mazahaka007 2 года назад
у него петличка весит и он просит микрофон. И говорит в него всю презентацию 🤤
@AbrahamZilberstein
@AbrahamZilberstein 2 года назад
Мушо петличка была для записи видео, а микрофон для звука в зале
@uranproject
@uranproject 2 года назад
GET RICH OR DIE!
@kastussha1418
@kastussha1418 2 года назад
мой лайк первый! Спасибо за видос!
@user-xh5mp4rc6g
@user-xh5mp4rc6g 3 года назад
Хороший доклад, но подача не очень хорошая.