Обложка канала

Frontend по-флотски 👨‍💻. Страница 3

Новости и факты о разработке интерфейсов в неформальном стиле

  • Frontend по-флотски 👨‍💻

    Что ещё появится в ECMAScript 2023? — Символы можно будет использовать в качестве ключей для WeakMap (сейчас только объекты) (пропоусал) — Унифицикация шебангов (пропоусал) — У Array и TypedArray появились методы toReversed, toSorted, toSpliced (это аналоги методов без префикса to, но отличие в том, что они возвращают копию, а не изменяют оригинальный массив) (пропоусал) — Метод with у массивов (пропоусал, MDN)
  • Frontend по-флотски 👨‍💻

    Релизнулся Firefox 112 🔥 Забываю, что существуют ещё браузеры, кроме хрома, но у других тоже случаются апдейты! Что нового? — атрибут inert получил полную поддержку — в CSS свойстве overflow появилось значение overlay, которое равносильно auto — появилась поддержка navigator.getAutoplayPolicy() — Прямоугольник со скруглёнными углами теперь можно создавать в 2D канвасе с помощью CanvasRenderingContext2D.roundRect(), Path2D.roundRect(), OffscreenCanvasRenderingContext2D.roundRect() Полный список тут
  • Frontend по-флотски 👨‍💻

    Два новых метода списков дошли до Stage 4 и появятся уже в этом году 🔥 Актуальный пропоузал 1. Array.findLast — работает как .find, только начинает поиск с конца 2. Array.findLastIndex — работает как .findIndex, только начинает поиск с конца
    GitHub - tc39/proposal-array-find-from-last: Proposal for Array.prototype.findLast and Array.prototype.findLastIndex.

    Proposal for Array.prototype.findLast and Array.prototype.findLastIndex. - GitHub - tc39/proposal-array-find-from-last: Proposal for Array.prototype.findLast and Array.prototype.findLastIndex.

    GitHub
  • Реклама

  • Frontend по-флотски 👨‍💻

    ❓Когда уместно использовать ООП, а когда — ФП? Функциональный стиль программирования поддерживается и даже поощряется во всех мейнстримовых языках. Но всегда ли он уместен, и есть ли объективные критерии выбора между ООП и ФП? 💥Узнайте практические возможности этих парадигм на открытом уроке 14 апреля в 20:00 мск в OTUS. Вебинар приурочен к старту онлайн-курса «Computer Science». 🔥На вебинаре вспомните не только историю языков, но и сравните анемичные и богатые модели, разберете, для каких случаев подходит та или иная парадигма. 👨‍🎓Урок, как и сам курс, ориентирован на начинающих в IT, выпускников технических специальностей, либо специалистов, которые имеют практический опыт работы с каким-либо языком программирования. 🚀Больше навыков в Computer Science вы сможете освоить на курсе, доступном в рассрочку. 👉Регистрация на урок https://otus.pw/nGRa/ Реклама. Информация о рекламодателе на сайте otus.ru
  • Frontend по-флотски 👨‍💻

    Больше контроля над селектором :nth-child() с помощью синтаксиса of S 🔥 Доброе утро тебе ☀️ Утро нужно начать с изучения новых возможностей, которые скоро тебе пригодятся в работе, будь в курсе вместе со мной! https://habr.com/ru/articles/727954/
    Больше контроля над селектором :nth-child() с помощью синтаксиса S

    Эта статья — перевод оригинальной статьи « More control over :nth-child() selections with the of S syntax » Также я веду телеграм канал « Frontend по‑флотски », где рассказываю про интересные...

    Хабр
  • Frontend по-флотски 👨‍💻

    В Chrome 113 появится поддержка WebGPU 🥳 WebGPU API предоставляет разработчикам возможность выполнять вычисления рендеринга графики на встроенном графическом ускорителе, что позволяет значительно экономить ресурсы и обеспечивать более высокое качество пользовательского опыта. При этом работа с WebGPU API напоминает работу с DirectX 12, Metal и Vulkanhttps://user-images.githubusercontent.com/805273/118553724-8cd68f80-b715-11eb-880e-0ef7f20bc4a2.png Babylon.js уже замутили полную поддержку WebGPU Полноценный релиз запланирован на 2 мая
  • Frontend по-флотски 👨‍💻

    Вышел мощный Chrome 112 🍔 Что там нового? — Можно юзать CSS nesting (это когда ты пишешь один селектор внутри другого для того для дочернего элемента, вместо создания длинной строки), прощай SCSS 🫡 — У тега <dialog> обновили алгоритм выбора элемента для фокуса, теперь элемент <dialog> будет получать фокус только, если у него установлен autofocus атрибут Читать подробнее Смотреть подробнее
    New in Chrome 112 - Chrome Developers

    Chrome 112 is rolling out now! Now CSS supports nesting rules, the algorithm to set the initial focus on dialog elements was updated, no-op fetch handlers on service workers are skipped from now on to make navigations faster and there’s plenty more.

    Chrome Developers
  • Frontend по-флотски 👨‍💻

    WebStorm стал поддерживать TypeScript в Vue темплэйтах 🫡 В версии 2023.1 JetBrains добавили поддержку типов при установке атрибута lang="ts" Теперь он предлагает приведение и улучшенное сужение типов Также в новой версии добавили поддержку Astro Подробнее по ссылке: https://www.jetbrains.com/webstorm/whatsnew/
  • Frontend по-флотски 👨‍💻

    text-wrap: balance 🔥 Возможно тебя заставляли дизайнеры выравнивать строчки текста по длине, и ты корячился с max-width и брейпойнтами в css или, возможно, даже писал скриптик для этого, но скоро мы вылечим эту болячку Пару недель назад text-wrap: balance появился в Chrome Canary и его уже можно потестить, а это означает, что уже совсем скоро это будет в релизе хрома CodePen (работает в Chrome Canary с флагом #enable-experimental-web-platform-features) Ждём и молимся 🥹
  • Frontend по-флотски 👨‍💻

    Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен. С 6 по 12 апреля проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. За эти 7 дней обучения ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Узнаешь сколько можно зарабатывать и как работать; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов. 👉 Проскочить на интенсив бесплатно
    Онлайн-интенсив Frontend Start - Айтилогия

    Разработай Frontend-проект с нуля за 7 дней!

    itlogia.ru
  • Frontend по-флотски 👨‍💻

    6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году Перевёл обзор современных фич CSS, которые уже можно пробовать использовать в своих проектах https://habr.com/ru/post/726224/
    6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

    Эта статья — перевод оригинальной статьи " 6 CSS snippets every front-end developer should know in 2023 " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из...

    Хабр
  • Frontend по-флотски 👨‍💻

    GitHub анонсировал GitHub Co-pilot X 🥳 Сейчас версия Х находится в стадии "Technical preview" и пока её невозможно потестить, но нам уже рассказали, что там будет нового, и можно уже зарегаться в лист ожидания 1. Окно с чатом Можно будет, например, выделить кусок кода и попросить сделать с ним что-нибудь, например, объяснить как он работает или отрефакторить 2. Кодинг голосом (о май гад, очень интересно попробовать) 🤯 Как думаешь это будет юзабельно? 3. Вопросы и ответы Вместо стэк оверфлоу можно будет советоваться с co-pilot 4. Генерация пулл реквестов и автотестов Co-pilot поможет сгенерить шаблон для PR и дописать пропущенные тесты 5. Подсказка bash команд Забыл как снести продовую БД? Не переживать, co-pilot подскажет Сайтик анонса https://github.com/features/preview/copilot-x
  • Frontend по-флотски 👨‍💻

    Frontend по-флотски поймал Дзен 🙏 Мне написал скаут Дзена и позвал писать на их платформе, говорят хотят развивать IT аудиторию. Предложили пару сладких плюшек, ну я и поплыл 🥺 Сам сталкивался с платформой пару лет назад, когда она ещё принадлежала Яндексу, не заходило, но решил дать ей ещё шанс Контент будет примерно одинаковый, подписываться есть смысл если тебе там будет удобнее или ты хочешь сделать мне приятно 😘 https://dzen.ru/frontend_pasta
    Frontend по-флотски

    Новости, идеи и знания из мира разработки интерфейсов

    Дзен
  • Frontend по-флотски 👨‍💻

    Приглашаем на Samokat.tech Meetup — безопасность, Next JS и микрофронтенды Когда — 24 марта (пятница), 18:00 (по Мск) Где — Москва, Старт Хаб на Красном Октябре и онлайн-трансляция Рассказываем, как устроена технологическая сторона ритейла реального времени: 1️⃣ Путь к безопасному фронтенду. Через велосипеды к комплексной системе анализа кода – Олег Коровин, руководитель веб-разработки, Samokat.tech Быстрая доставка 2️⃣ Микрофронты: the way out monolith – Данил Чушко, ведущий специалист клиентской разработки, Samokat.tech Маркетплейс 3️⃣ Как устроена стилизация в контексте Next.js 13 и серверных компонентов – Даниил Трофимов, разработчик интерфейсов, СберМаркет Регистрируйтесь и приходите в гости! 🖖
  • Frontend по-флотски 👨‍💻

    Рекомендуем авторский канал “Стартап на досуге” - про бизнес в ИТ сфере. Автор канала - опытный программист, который кодит свой стартап и делает регулярные отчеты Еще пишет про карьеру в ИТ, обучение, делает обзоры айтишных и бизнесовых новостей - в живой манере и с юмором. Недавние посты: 🎓10 Github репозиториев которые сделают вас лучшим разработчиком. Ссылка ⚙️ Технический долг и как с ним бороться Ссылка 👩‍💻Что сделать чтобы чаще получать офферы в ИТ? Ссылка Перейти в канал
  • Реклама

  • Frontend по-флотски 👨‍💻

    Бесплатный онлайн-фестиваль про AI-разработку от организаторов HolyJS 🧑‍🎓 Начало — 1 апреля в 11:00 GMT+3 Тема фестиваля — искусственный интеллект. А точнее, его использование в разработке и повседневной жизни. Будут и AI, и ML, и всё вокруг этого. Там ты можешь узнать: как майнить клубнику, как писать виртуальные портреты маслом, как заставить ChatGPT делать аналитику Программа еще в процессе, поэтому интересности ещё появятся Читай подробности и регайся тут

    TechTrain 2023 Spring — фестиваль про AI для разработки и жизни. Конкретные технологии, и роль AI во всем, что нас окружает.

    TechTrain 2023 Spring. Бесплатный онлайн-фестиваль от JUG Ru Group, посвященный IT.
  • Frontend по-флотски 👨‍💻

    Снова магия на чистом CSS 🧑‍🎓 CSS свойство animation-timeline: scroll() творит чудеса и позволяет избавиться от ненужного JS кода CodePen
  • Frontend по-флотски 👨‍💻

    Что нового в Chrome 111? 🧑‍🎓 — Добавили View Transitions API 🥳 — CSS Color Level 4 и devtools для них — В CSS добавлены тригонометрические функции — Расширен n-child псевдокласс Впервые решил сделать перевод апдейта, зацени и прочитай на русском языке https://habr.com/ru/post/721292/ Видео апдейта на английском https://www.youtube.com/watch?v=cscwgzz85Og
    Что нового в Chrome 111?

    Эта статья — перевод оригинальной статьи " New in Chrome 111 " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки интерфейсов. Вступление Я...

    Хабр