Frontend по-флотски 👨‍💻
4.51K subscribers
277 photos
61 videos
1 file
534 links
Новости, идеи и знания из мира разработки интерфейсов

Контакт: @qmzik

Про жизнь: @nikita_alena_travel
Download Telegram
Все самое необходимое для Pinia собрано в одном месте 🏖️

Сохрани эту памятку Pinia, чтобы всегда иметь под рукой важную информацию 🧑‍🎓

Про Pinia можно почитать тут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍134❤‍🔥2🔥2🥱1
Привет, это HTML Academy!

Принесли вам скидку 50% на чёрную пятницу — это отличная возможность самостоятельно научиться веб-разработке и сменить профессию.

Если интересно — оставьте заявку по ссылке и мы с вами свяжемся.
🤮3❤‍🔥2👍2👎2🔥1
Что за магия у Svelte? 📈

Каким-то образом, Svelte обогнал по скачивания в ноябре Vue, Angular и стремительно догоняет React 🤯

Как думаешь, в чём причина? 🤨
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯12💩5🔥3😁2🥰1🤔1
6 декабря в Айтилогии стартует 7-дневный бесплатный интенсив по frontend-разработке, на котором ты с нуля без знаний создашь фронтенд-проект на Angular 🔥

На интенсиве ты:
– Сверстаешь лендинг на HTML + CSS
– Реализуешь функционал на JavaScript
– Используешь фронтенд-фреймворк Angular
– Подключишь Backend и загрузишь сайт на хостинг

🎁 Будет общий чат, проверка домашек от экспертов, различные бонусы!

А в конце автор подарит своё резюме Senior-разработчика, с помощью которого устроился на ЗП 3500$ 

Первые 100 мест бесплатно, потом 6 990 руб. Не упусти👇🏻
Frontend Start
👎4🔥3👍21
Релиз Chrome 108 🔥

Что нового дал нам релиз?
— Новые динамичные переменные для вьюпорта (dvw, dvh, dvi, dvb, dvmin, dvmax) - топ штука и мастхев в следующих проекта
— Шрифты с переменными теперь поддерживаются в COLRv1
— Методы FileSystemSyncAccessHandle стали синхронными

Смотреть подробнее
Читать подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤‍🔥2👍2
Обзор 2022 года от Google Chrome 🥳

Давай немного остановимся и глянем, что нового появилось за этот год и, соответственно, большинство из этого можно будет уже юзать в продакшене в 2023

https://www.youtube.com/watch?v=W9O4CuSUKb8
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍2🔥2❤‍🔥1
Станьте востребованным фронтенд-разработчиком уже в 2023 году. Сделайте шаг в новую жизнь прямо сейчас.

Записывайтесь на курс от Хекслета и получайте скидку 10% и подарок на выбор: депозит 20 000 ₽, базовая подписка на 5 месяцев или премиум-подписка на 1 месяц.

Вы также можете порадовать не только себя, но и близкого человека. Воспользуйтесь уникальным предложением для двоих: купите вторую профессию со скидкой 40%.

На профессии «Фронтенд-разработчик» вы:

✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.

✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.

✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Sours проектах.

Оцените формат и решите, стоит ли продолжать. Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!

Шагните в новую профессию. Успейте оставить заявку до 31 декабря, чтобы получить новогодние подарки.
👍2🔥1
HTML inert — зачем он? 🧑‍🎓

Атрибут inert заставляет браузер «игнорировать» события пользовательского ввода, включая события фокуса. Браузер также может игнорировать поиск по странице и выделение текста в элементе. Это может быть полезно при создании модалок, где ты хочешь сделать фокус внутри модалки, когда она активна

Нифига не понял? Тогда лучше чекни ссылки ниже 🤪

MDN дока
Смотреть видео
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4❤‍🔥31
This media is not supported in your browser
VIEW IN TELEGRAM
Доброе утро, наткнулся на классную анимашку от команды GSAP, поздравляющую с рождеством

Зацени 🫰
https://codepen.io/GreenSock/pen/wvxaWWK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍3
С наступающим Новым Годом, погромисты 👨‍💻

Ох, ну и годик у нас вышел тяжёлый, друзья, не могу поверить, что он подходит к концу...

Вчера был последний рабочий день и надеюсь, что все не забыли сделать последние в этом году коммиты, пуши и мерджи, при этом ничего не уронив на проде, дабы спокойненько отдохнуть в праздники 🍾

Паблик временами пустует из-за отсутствия каких-то интересных новостей во фронтенде или отсутствия у меня времени на их поиск, очень хочу исправить это в 2023 году, считайте ставлю себе цель!

Всех с наступающим Новым Год, желаю меньше багов в коде и жизни, и чтобы все ваши мечты компилировались без единой ошибки 🎄🎄🎄
Please open Telegram to view this post
VIEW IN TELEGRAM
23🎉7🍾3🎄3👍1
Команда Vue поздравляет с Новым Годом 😊😊

Vue подводит итоги 2022 года и рассказывает, что ожидать от 2023 года (в праздники совсем не до перевода, извините за мой английский)

https://blog.vuejs.org/posts/2022-year-in-review.html
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥12👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS из будущего 🧑‍🎓

Анимация на чистом CSS благодаря animation-timeline:scroll(root) и CSS, который позволяет делать анимашку на основе скролла

Пока что экспериментальная фича, не для продакшена ⛔️

Кодпен 👇
https://codepen.io/jh3y/pen/RwBRyzb
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17❤‍🔥3👍3
Хейтим JS в этом посте 🤬

Поделись с нами, что ты больше всего ненавидишь в JavaScript и отпиши в комменты🤢

Вот тебе видос настраивающий на хейт
https://www.youtube.com/watch?v=aXOChLn5ZdQ
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣5😁21
Так, давай признавайся как прошёл твой первый рабочий день, дружок 🤨

Я лично еле собрался, кроватка не хотела отпускать меня с утра🤪
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🥱6🫡5😁3🔥2🤯2👌2🥰1🤨1
This media is not supported in your browser
VIEW IN TELEGRAM
Изучаем новую крутую фичу — View Transitions API 🔥

Она позволяет сделать эту демку в пару строчек 😎

https://habr.com/ru/post/710276/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍4❤‍🔥1🐳1
Вышел 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

https://developer.chrome.com/blog/new-in-chrome-109/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍102❤‍🔥1🔥1