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

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

1075 @frontend_pasta
Открыть

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

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

    Вспомни про Svelte и глянь как там всё просто в сравнении с реактом https://react-hooks-in-svelte.vercel.app/ Как думаешь войдёт ли он в топ 3?

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

    React обогнал Vue по звёздочкам на гитхабе 🧐 Начиная с 2019го года Vue держался на первом месте по звёздочкам на гитхабе среди JavaScript фреймворков, сегодня ситуация поменялась 🤯 В связи с этим событием, зацените исторический таймлайн звёздочек на гитхабе у JavaScript фреймворков

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

    Не успел(а) подготовить подарок к 14 февраля?? Я тебя спасу 😎 Мы ж фронтендеры, поэтому нужно решать проблему по своему! Накопал на гитхабе для тебя два сайтиков-проектов, в которых нужно поменять лишь текст, а всё остальное уже готово 1. My Love Story — Demo 2. Valentine's Wish — Demo
    GitHub - Germey/ValentinesDay: My LOVE

    My LOVE. Contribute to Germey/ValentinesDay development by creating an account on GitHub.

    GitHub

  • Реклама

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

    Все Web API в одном месте 🧑‍🎓 Накопал для тебя сайтик, где собраны все Web API с удобным графическим описанием (цвета и значки всякие 😄) https://webapicheck.com/ P.S. если какого-то не хватает, то ты можешь законтрибьютить на гитхабе

    Simply open this page and get an instant overview of the WebAPIs that are supported on your current device. WebAPI requirements, specs, live tests, and more...

    WebAPI check

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

    7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов. Ухватить бесплатно такой ценный материал можешь по ссылке  👉 Frontend Start После подтверждения участия мы вышлем тебе в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях. Стартуем 15 февраля.

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

    Общие шаблоны и нюансы использования React Query 🧑‍🎓 Чем заняться в воскресенье? Конечно же учиться! https://habr.com/ru/post/714920/
    Общие шаблоны и нюансы использования React Query

    Эта статья — перевод оригинальной статьи " Common Patterns and Nuances Using React Query " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки...

    Хабр

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

    Что лучше: ChatGPT или GitHub Copilot; какие JS-фреймворки востребованы на рынке и что произошло с JavaScript за 2022 год? Эти и другие темы из мира JavaScript разбирают в подкасте «Тяжелое утро с HolyJS» эксперты Программного комитета конференции HolyJS. Вот что успели обсудить в прошлых выпусках: Подкаст #21 Что нового в TypeScript 5.0, что лучше использовать — ESLint или Prettier и какие фреймворки наиболее востребованы на рынке. Таки дойдем до доки React, уязвимости JWT и новое API Cпойлер: так и не дошли до документации. Зато обсудили 10 лучших open source Node.js-проектов, сокращения в крупных IT-компаниях и обновление Bun. State of JS, дока React, уязвимость JWT и новое API Целых 3,5 часа обсуждали результаты исследования State of JS 2022. Салат Фибоначчи Размышляли о состоянии фронтенда, влиянии GitHub Copilot на продуктивность разработчиков и тестировали нашумевшую СhatGPT. Разделить тяжесть субботнего утра вместе с HolyJS можно здесь. Не пропусти выпуск 4 февраля в 13:00 по GMT+3 :)

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

    CSS color-mix() 🫰 Думаю особо объяснять не надо color = цвет, mix = смешивать Верно, эта функция смешивает цвета друг с другом Она принимает 3 параметра: 1. Цветовое пространство (colorspace) 2 и 3 — цвет и процент этого цвета (процент опционально) Пример на пикче 🤓 Это свойство не прод-реди ⛔️ MDN

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

    Вышел Safari 16.3 🫡 Что там нового? Да нифига там нового, куча всяких минорных фиксов и добавлена поддержка директивы prefetch-src 😂 Для тех кто хочет подробнее: webkit.org/blog/13…ari-16-3
    CSP: prefetch-src - HTTP | MDN

    The HTTP Content-Security-Policy (CSP) prefetch-src directive specifies valid resources that may be prefetched or prerendered.

    developer.mozilla.org

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

    Сколько нужно времени, чтобы освоить востребованную профессию фронтенд-разработчика? Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «‎Фронтенд-разработчик». Во время программы вы: ✔️ Изучите JavaScript в связке с HTML и CSS. ✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️ Решите более 310 задач в браузере. ✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров. ✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения. 📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !

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

    Зуминг фото на чистом CSS в пару строчек 🔥 img { object-view-box: inset(var(--top) ...); } :root:has(#car:checked) { --top: 61%; ... } Офигенно 🙈 https://codepen.io/jh3y/pen/QWQrVwj

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

    Вышел Chrome 109 🔥 Чего там нового? — Доступ к Origin Private File System (OPFS) на Android — Новая единица измерения lh, которая равна высоте одной строки текста — Появилось значение auto у свойств font-weight, font-style, font-stretch внутри @font-face, теперь auto является значением по дефолту — Добавлена поддержка MathML Core (штука для вёрстки математических формул), в связи с этим появилось новое значение у display: math Подробнее https://www.youtube.com/watch?v=B4_vT99pBaM developer.chrome.com/blog/ne…rome-109
    New in Chrome 109: OPFS on Android, new css properties, MathML Core support

    Chrome 109 is rolling out now! The Origin Private File System API is now available for Android, there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more. Adriana Jara has all the details about what’s new for developers in Chrome 109. Check out https://goo.gle/3QvKBX9 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 по-флотски 👨‍💻

    Ты всего за 7 дней сверстаешь и добавишь в портфолио 1 качественный сайт. Даже если никогда не кодил. Смотри, на эти 7 дней план такой: - Знакомишься с профессией Frontend-разработчик; - Изучаешь HTML, CSS и создаёшь первую страничку; - Оживляешь страницу с помощью JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключаешь Backend и загружаешь сайт на хостинг; - Получаешь советы по доработке своего проекта; В итоге ты своими руками создашь полноценный сайт, который не стыдно добавить в портфолио. А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 8-летним стажем – Романа Чернова. Да, реально за 7 дней сделать 1 проект даже новичку. Мы проверили на более 7000 человек. 👉 Пройти интенсив бесплатно  Начинаем 10 января.

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

    АйТиБорода x ПЛОХИЕ ПРОГЕРСКИЕ ШУТКИ #ППШ | 5 ВЫПУСК

    Привет всем айтишным и не очень зрителям, новый выпуск нашей рубрики "Плохие прогерские шутки", или кратко ППШ! Сегодня у нас в гостях: YouTube-блогер: @itbeard https://instagram.com/itbeard?utm_medium=copy_link Айти-дива ТикТока Надин Холман: Nadin Holman в TikTok (https://vm.tiktok.com/ZM8Gccj5w/) https://instagram.com/nadin.holman?utm_medium=copy_link Почему у сисадмина кличка "собака"? Что горит у разработчика когда ему долго никто не отвечает? Где самая худшая зубная паста? Узнаете в новом выпуске #ППШ Тест на психику с помощью локальных приколов, участвуйте и попробуй не засмеяться ЧЕЛЛЕНДЖ с нами! Приятного просмотра! И да пребудет с вами Код! #ппш #айти #шутки

    YouTube

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

    Совет по CSS из будущего 🧑‍🎓 Анимация на чистом CSS благодаря animation-timeline:scroll(root) и CSS, который позволяет делать анимашку на основе скролла Пока что экспериментальная фича, не для продакшена ⛔️ Кодпен 👇 https://codepen.io/jh3y/pen/RwBRyzb

  • Реклама

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

    С наступающим Новым Годом, погромисты 👨‍💻 Ох, ну и годик у нас вышел тяжёлый, друзья, не могу поверить, что он подходит к концу... Вчера был последний рабочий день и надеюсь, что все не забыли сделать последние в этом году коммиты, пуши и мерджи, при этом ничего не уронив на проде, дабы спокойненько отдохнуть в праздники 🍾 Паблик временами пустует из-за отсутствия каких-то интересных новостей во фронтенде или отсутствия у меня времени на их поиск, очень хочу исправить это в 2023 году, считайте ставлю себе цель! Всех с наступающим Новым Год, желаю меньше багов в коде и жизни, и чтобы все ваши мечты компилировались без единой ошибки 🎄🎄🎄

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

    Доброе утро, наткнулся на классную анимашку от команды GSAP, поздравляющую с рождеством Зацени 🫰 https://codepen.io/GreenSock/pen/wvxaWWK

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

    Станьте востребованным фронтенд-разработчиком уже в 2023 году. Сделайте шаг в новую жизнь прямо сейчас. Записывайтесь на курс от Хекслета и получайте скидку 10% и подарок на выбор: депозит 20 000 ₽, базовая подписка на 5 месяцев или премиум-подписка на 1 месяц. Вы также можете порадовать не только себя, но и близкого человека. Воспользуйтесь уникальным предложением для двоих: купите вторую профессию со скидкой 40%. На профессии «Фронтенд-разработчик» вы: ✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров. ✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Sours проектах. Оцените формат и решите, стоит ли продолжать. Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации! Шагните в новую профессию. Успейте оставить заявку до 31 декабря, чтобы получить новогодние подарки.