Разбираемся с Cookies и Tokens
Как работают Cookies, какие существую типы и параметры, а также что такое токены. Объединяем эти понятия и разбираемся с работой JWT.
https://tommihovi.com/2024/05/demystifying-cookies-and-tokens/
Как работают Cookies, какие существую типы и параметры, а также что такое токены. Объединяем эти понятия и разбираемся с работой JWT.
https://tommihovi.com/2024/05/demystifying-cookies-and-tokens/
Использование селектора :has
Небольшие примеры от Энди Белла, в которых отлично вписывается применение селектора :has
https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/
Небольшие примеры от Энди Белла, в которых отлично вписывается применение селектора :has
https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/
Офер в Яндекс для опытных фронтендеров за два дня
24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.
Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.
Узнать подробности и зарегистрироваться.
24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.
Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.
Узнать подробности и зарегистрироваться.
Создаем сложное расширение для google chrome
Туториал по созданию расширения на примере Image Saver - приложения для сохранения картинок.
https://evilmartians.com/chronicles/how-to-make-complex-chrome-plugins-a-zero-gravity-guide
Туториал по созданию расширения на примере Image Saver - приложения для сохранения картинок.
https://evilmartians.com/chronicles/how-to-make-complex-chrome-plugins-a-zero-gravity-guide
Вы думаете вы знаете box-shadows?
Простые и продвинутые техники использования box-shadows, а также ситуации, в которых стоит отказаться от использования теней.
https://dgerrells.com/blog/how-not-to-use-box-shadows
Простые и продвинутые техники использования box-shadows, а также ситуации, в которых стоит отказаться от использования теней.
https://dgerrells.com/blog/how-not-to-use-box-shadows
Maska 3.0: Zero-Dependency библиотека для масок инпутов
Несколько демо по использованию легкой библиотеки без дополнительных зависимостей.
https://beholdr.github.io/maska/v3/#/
Несколько демо по использованию легкой библиотеки без дополнительных зависимостей.
https://beholdr.github.io/maska/v3/#/
CodeScreenshot
Онлайн инструмент для генерации красивых скриншотов с вашим кодом.
https://cs.vkrsi.com/
Онлайн инструмент для генерации красивых скриншотов с вашим кодом.
https://cs.vkrsi.com/
Unknown TS
Чем может быть полезен тип unknown в TypeScript? Объясняем на примерах
https://michaeluloth.com/programming-types-unknown-why-useful/
Чем может быть полезен тип unknown в TypeScript? Объясняем на примерах
https://michaeluloth.com/programming-types-unknown-why-useful/
JS в Python
Как писать на JS в Python? PythonMonkey — это встроенный движок SpiderMonkey в среду выполнения python.
https://github.com/Distributive-Network/PythonMonkey
Как писать на JS в Python? PythonMonkey — это встроенный движок SpiderMonkey в среду выполнения python.
https://github.com/Distributive-Network/PythonMonkey
Floating UI
Библиотека для позиционирования плавающих элементов и взаимодействия с ними.
https://floating-ui.com/
Библиотека для позиционирования плавающих элементов и взаимодействия с ними.
https://floating-ui.com/
Transition к `height: auto` и `display: none`
Как на чистом CSS реализовать переходы используя новые функции.
https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css
Как на чистом CSS реализовать переходы используя новые функции.
https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css
Друзья, приглашаю вас на FrontendConf 2024 — одно из крупнейших ежегодных событий в мире frontend, где соберутся профессионалы для обмена опытом и новыми идеями.
🗓 30 сентября и 1 октября в Москве, в кластере "Ломоносов", более 1000 участников обсудят новейшие тенденции во фронтенде.
Программа включает 51 доклад с реальными кейсами, дебаты и фейл-митапы. В этом году особое внимание уделено внедрению ML в продукты и применению нейросетей для повышения производительности. Александр Шатилов и Илья Никитин обсудят ИИ в пользовательских интерфейсах и верстке.
А еще расскажут про новые подходы к архитектуре, производительности и инженерной культуре. Традиционные треки, такие как FrontOps, Технологии и Дизайн, будут дополнены обсуждением будущего фронтенда, включая AR и новые фреймворки.
Программа конференции уже на сайте
Регистрируйтесь и присоединяйтесь к FrontendConf 2024, чтобы зарядиться энергией, завести новые профессиональные связи и вдохновиться на работу над своими проектами! Промокод на скидку 5% для подписчиков
⚠ Внимание, с 1 сентября будет повышение цен на билеты, поэтому успейте купить билет заранее.
Программа включает 51 доклад с реальными кейсами, дебаты и фейл-митапы. В этом году особое внимание уделено внедрению ML в продукты и применению нейросетей для повышения производительности. Александр Шатилов и Илья Никитин обсудят ИИ в пользовательских интерфейсах и верстке.
А еще расскажут про новые подходы к архитектуре, производительности и инженерной культуре. Традиционные треки, такие как FrontOps, Технологии и Дизайн, будут дополнены обсуждением будущего фронтенда, включая AR и новые фреймворки.
Программа конференции уже на сайте
Регистрируйтесь и присоединяйтесь к FrontendConf 2024, чтобы зарядиться энергией, завести новые профессиональные связи и вдохновиться на работу над своими проектами! Промокод на скидку 5% для подписчиков
fc24_front_end_devPlease open Telegram to view this post
VIEW IN TELEGRAM
12 лучших библиотек для анимации
Несколько интересных инструментов для анимации, в том числе давно знакомые GSAP, Anime.js, Three.js и Framer Motion.
https://dev.to/vyan/12-best-javascript-animation-libraries-to-supercharge-your-web-projects-in-2024-21ka
Несколько интересных инструментов для анимации, в том числе давно знакомые GSAP, Anime.js, Three.js и Framer Motion.
https://dev.to/vyan/12-best-javascript-animation-libraries-to-supercharge-your-web-projects-in-2024-21ka
Машинное обучения на JavaScript
Введение в ML разработку c ML5.js.
ML5 - библиотека, основанная на Tensorflow, предоставляющая упрощенный интерфейс для интеграции в веб приложения.
https://www.youtube.com/watch?v=ECotpcPCTaU
Введение в ML разработку c ML5.js.
ML5 - библиотека, основанная на Tensorflow, предоставляющая упрощенный интерфейс для интеграции в веб приложения.
https://www.youtube.com/watch?v=ECotpcPCTaU
Изучаем возможности нативных декораторов в JS
Декораторы неизбежно станут частью стандарта, так что уже можно посмотреть, в каких случаях и как можно будет их применять.
https://frontendmasters.com/blog/exploring-the-possibilities-of-native-javascript-decorators/
Декораторы неизбежно станут частью стандарта, так что уже можно посмотреть, в каких случаях и как можно будет их применять.
https://frontendmasters.com/blog/exploring-the-possibilities-of-native-javascript-decorators/
Новый релиз Puppeteer с поддержкой Firefox
Puppeteer 23 теперь поддерживает не только Chrome, но и Firefox, что упростит кроссбраузерное тестирование.
https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/
Puppeteer 23 теперь поддерживает не только Chrome, но и Firefox, что упростит кроссбраузерное тестирование.
https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/
Forwarded from Web Stack
Создаем шрифты в браузере
typlr — онлайн инструмент позволяющий относительно просто создать свой собственный шрифт.
https://typlr.app/
typlr — онлайн инструмент позволяющий относительно просто создать свой собственный шрифт.
https://typlr.app/
Как Google обрабатывает веб-приложения при индексации
Есть список убеждений о том, как поисковики индексируют страницы. Но все меняется, в том числе и этот процесс не исключение. Немного подробнее о том, как теперь Google обрабатывает ваши страницы и что из ваших убеждений уже не соответствует действительности.
https://vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process
Есть список убеждений о том, как поисковики индексируют страницы. Но все меняется, в том числе и этот процесс не исключение. Немного подробнее о том, как теперь Google обрабатывает ваши страницы и что из ваших убеждений уже не соответствует действительности.
https://vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process
🚀 Вебинар для frontend и JavaScript разработчиков! 🚀
👉 Узнайте, какими задачами проверяют ваше знание JavaScript на интервью.
Мы разберем типы задач, которые могут дать прямо во время собеседования, и обсудим, как к ним подготовиться.
Этот вебинар поможет вам лучше понять тонкости разработки, анализировать задачи и эффективно готовиться к интервью. Примеры задач, их анализ и способы подготовки – все это и многое другое!
📅 Дата: 22.08.2024 в 20:00
🔗 Присоединяйтесь и улучшите свои навыки JavaScript!
Встречаемся в преддверии старта курса «JavaScript Developer. Basic». Все участники вебинара получат специальную цену на обучение!
👉 Для участия и получения записи зарегистрируйтесь: https://vk.cc/czri5m
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
👉 Узнайте, какими задачами проверяют ваше знание JavaScript на интервью.
Мы разберем типы задач, которые могут дать прямо во время собеседования, и обсудим, как к ним подготовиться.
Этот вебинар поможет вам лучше понять тонкости разработки, анализировать задачи и эффективно готовиться к интервью. Примеры задач, их анализ и способы подготовки – все это и многое другое!
📅 Дата: 22.08.2024 в 20:00
🔗 Присоединяйтесь и улучшите свои навыки JavaScript!
Встречаемся в преддверии старта курса «JavaScript Developer. Basic». Все участники вебинара получат специальную цену на обучение!
👉 Для участия и получения записи зарегистрируйтесь: https://vk.cc/czri5m
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Создание игры весом в 13КБ: история создания Space Huggers
О том, как создаются игры из категории JS13K и какие задачи приходится решать: дизайн, анимации, карты, звуковые эффекты и многое другое.
https://frankforce.com/space-huggers-how-i-made-a-game-in-13-kilobytes/
О том, как создаются игры из категории JS13K и какие задачи приходится решать: дизайн, анимации, карты, звуковые эффекты и многое другое.
https://frankforce.com/space-huggers-how-i-made-a-game-in-13-kilobytes/