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

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

1075 @frontend_pasta
Открыть

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

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

    Chrome обновили свой гайд по разработке расширений 🤓 Команда Chrome снесла старый гайд по разработке расширений и написала его с нуля, теперь там не только один базовый пример 🤣 Обещают, что он стал доступнее, понятнее для новичков, и разобраны популярные кейсы разработки developer.chrome.com/blog/ex…d-guides
    A new way to start your Chrome Extension development journey - Chrome Developers

    We created a better way to start the Chrome developer learning journey.

    Chrome Developers

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

    Слайдер главной страницы - визитная карточка всего сайта, он не имеет права быть скучным!  Это и другие готовые решения для frontend-разработчиков и web-дизайнеров в канале CSS-хаки

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

    Как выучить JavaScript за пару недель? - Да никак! Но можно присоединиться к ребятам с Настоящий JavaScript, где мы: 1. Впитываем емкую теорию в картинках 2. Разбираем популярные задачи с собеседований 3. Регулярно проверяем свои знания Подписывайся: @true_js

  • Реклама

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

    Chrome 106 — что нового подвезли в девтулзы? — console.createTask() — группировка файлов — игнорирование сторонних скриптов в stack-traces — улучшение stack-traces для асинхронных операций https://www.youtube.com/watch?v=5gBqTXctxO8
    Chrome 106 - What’s New in DevTools

    What’s new in DevTools (Chrome 106) → https://goo.gle/3DM1AAi Chapters: 0:00 - Intro 0:45 - Group files by Authored / Deployed 1:30 - Hide ignore-listed sources 2:12 - The x_google_ignore_list in sourcemap 2:36 - Ignore 3rd party scripts in the stack traces 4:00 - Ignore 3rd party scripts in the call stack 4:25 - Improve stack traces for async operations 5:10 - console.createTask() 5:35 - Learn more about modern web debugging 5:43 - Add scripts to Ignore list Questions? Tweet to us: Jecelyn Yeen → https://twitter.com/jecfish Chrome DevTools → https://twitter.com/chromedevtools Links: Demo → https://goo.gle/3BFzHqG Modern web debugging in Chrome DevTools → https://goo.gle/devtools-moden-web-debugging Case Study: Better Angular Debugging with DevTools → https://goo.gle/devtools-angular-debugging What’s New in DevTools → https://goo.gle/NewInDevTools Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #ChromeDeveloper​ #WebDev #DevTools

    YouTube

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

    Frontend Vollex – здесь команда фронтендщиков из OZON обучает создавать красивые сайты и приложения, используя такие эффекты.  Канал читают как новички, так и опытные программисты. Подписывайся: @vollex_frontend

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

    Крипто-хакатон для фронтендеров 🧐 The Web3Game Online Hackathon - соревнование для разработчиков в том числе из web2 мира Что нужно будет делать? Создать веб3 игру и придумать как её монетизировать Сколько могу выиграть? Призовой фонд $3000 Могу я участвовать командой? Да, можешь, регистрация команды тут Могу я участвовать один? Да, регистрация для сольного участия тут "Мы хотим вдохновить вас создать игру, используя необычное решение по стримингу токенов." — пишут организаторы Подробнее про хакатон

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

    Верстальщикам на заметку: есть канал, где выкладывают дизайн-макеты сайтов, сделанные в Figma.  На них можно тренироваться верстать макеты разной сложности и добавлять в портфолио.  Есть сайты одностраничные, многостраничные и веб-приложения. На двух языках — русском и английском.

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

    How to inspect animations | DevTools Tips

    You can use the Animations tab in DevTools to inspect, scrub and modify animations. Learn now on today’s episode of DevTools Tips with Jhey and Jecelyn. Chapters: 0:00 - Intro 0:52 - Open the Animations tab 1:14 - Record a single animation 1:26 - Adjust the replay speed 1:32 - Scrub (Preview) an animation 1:48 - Record and debug multiple animations 2:13 - Adjust the easing with easing preview 2:47 - Adjust the animation timeline 3:21 - Modify infinite animation 4:26 - Learn more Questions? Tweet to us: Jhey → https://twitter.com/jh3yy Jecelyn Yeen → https://twitter.com/jecfish Links: Demo → https://goo.gle/3vT4Rc4 Animations tab → https://goo.gle/devtools-animation Catch more DevTools Tips → https://goo.gle/DevToolsTips Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer

    YouTube

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

    Announcing TypeScript 4.8 RC

    Today we’re excited to announce our Release Candidate (RC) of TypeScript 4.8. Between now and the stable release of TypeScript 4.8, we expect no further changes apart from critical bug fixes. To get started using the RC, you can get it through NuGet,

    TypeScript

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

    Найти работу в айти можно 2 методами: Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть. Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п. Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах! В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs

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

    Astro: Вау, ещё один JS фреймворк 🤪 Astro — трансформер среди фреймворков, хочешь пиши с синтаксисом Vue, хочешь с синтаксисом React, а хочешь всё вместе 😉 Но помимо возможности устроить зоопарк из фреймворков, он умеет в SSR Island Architecture, что добавляет ему преимущества перед Next и Nuxt Ресурсы для познания Astro: Офф. сайт Astro Github Астро за 100 секунд

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

    Яндекс браузер научился переводить трансляции в реальном времени ⚡️⚡️⚡️ Для меня это выглядит как какие-то технологии из будущего Как они это сделали, можно глянуть их статью на хабре

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

    Хотите продолжать учиться во фронтенде, но не знаете, куда идти дальше? Составим индивидуальный план развития вместе с экспертами из крупных продуктовых компаний. Для осознанного карьерного роста у фронтендера должен быть чёткий план развития навыков. Но во многих компаниях не дают такие планы. А там, где дают, они направлены на рост внутри одной компании, а не всего рынка в целом. При этом составить себе план сложно, ведь в разных компаниях требуют разные навыки, а сразу всё изучить невозможно — надо как-то расставлять приоритеты. И ещё есть софт-скиллы, с которыми всё тоже непросто. Мы решили для вас эту проблему и создали скоринг для комплексной оценки хард- и софт-скиллов, которые востребованы прямо сейчас. Совместно с крупными продуктовыми компаниями мы провели исследование вакансий и выбрали самые востребованные навыки фронтенд-разработчика — по ним мы и проводим оценку. Для оценки хард-скиллов привлекаем разработчиков — специалистов по узким темам, а для проверки софт-скиллов — психологов, которые работают с фронтендерами. Оценка состоит из трёх этапов: — автоматизированный технической скоринг — тест для проверки 56 групп навыков; — техническое собеседование с экспертами из «Яндекса», «Связного», PandaDoc и других компаний; — психологическое интервью для оценки софт-скиллов по авторской методике, проверенной на 150 разработчиках. По результатам оценки вы получаете индивидуальный план развития с персональными рекомендациями от экспертов. Начать оценку, чтобы получить план и начать осознанно развиваться, можно уже сейчас — по ссылке. До 1 сентября оценку можно пройти по специальной цене.

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

    Qwik: A no-hydration instant-on personalized web applications

    Qwik is a new breed of frameworks with a goal of instant-on interactivity for your site even on low-power slow-network devices. Qwik is a resumable framework that starts its execution on the server and seamlessly transitions to executing on the client in a very lazy and incremental way. The seamless transition from server to the client provides an instant on-user experience which leads to lower bounce rates, more conversions, and higher sales. With Partytown for third-party scripts, and Qwik for your first-party applications, your browser main thread has never been so bored. Qwik and Partytown are designed with startup performance as a main objective, and all other design decisions follow from that goal. When Qwik and Partytown are combined with an edge-delivery network it is possible to get your application fully interactive into users' hands in as little as 50 minutes, setting a new standard of startup performance. Need more information? Go to https://qwik.builder.io/ or https://partytown.builder.io/ to learn more! Follow Misko on Twitter | @mhevery

    YouTube

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

    Новое в Chrome 104: Region Capture, Media Queries, Shared Element Transitions 😍 Вот люди в хроме реально работают, не успел осознать 103ю версию, уже выходит 104 с ещё более классными штуками, 100% к просмотру ❤️ https://www.youtube.com/watch?v=GIt-g0nkt8w P.S. дождался я этих Media Queries level 4🤪
    New in Chrome 104: Region Capture, Media Queries, Shared Element Transitions, and more!

    Chrome 104 is rolling out now! With region capture, you can now specify a crop area when using getDisplayMedia to capture the current tab. Media query syntax can be written using mathematical comparison operators. Shared Element Transitions start a new origin trial. And there's plenty more. Pete LePage has all the details about what’s new for developers in Chrome 104. Check out https://goo.gle/3cYfeoy for a deeper dive, including links to docs, specs and samples. Check out what’s New in Chrome → https://goo.gle/NewInChrome Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #NewinChrome #ChromeDeveloper #Chrome

    YouTube

  • Реклама

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

    Очень впечатляющий клон Notion написанный на Vue 3 🚀 Написан с использованием <script setup>, Typescript и Vite https://github.com/Dashibase/lotion
    GitHub - Dashibase/lotion: An open-source Notion UI built with Vue 3

    An open-source Notion UI built with Vue 3 . Contribute to Dashibase/lotion development by creating an account on GitHub.

    GitHub

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

    Release v9.0.0 · vueuse/vueuse

       🚨 Breaking Changes all: isSupported becomes Ref instead of boolean for SSR compatibility  -  by @okxiaoliang4 in #1800 all: Rename function options type with consistant Use prefi...

    GitHub

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

    Как работает эквалайзер в приложении Яндекс.Музыка 👀 Яндекс выпустил статью о визуализации Моей волны — бесконечного потока треков в Яндекс Музыке Я лично им пользуюсь каждый день, интересно было почитать 😊 https://habr.com/ru/company/yandex/blog/678102/
    Как научиться чувствовать треки? Визуализация музыкальных частот в Моей волне

    Разработчики всего мира потратили миллионы часов на создание визуализаций музыки в приложениях и плеерах. Наверняка многие из вас помнят анимации в старом-добром Winamp. Или разные скины JetAudio....

    Хабр