FrontEndDev
28.8K subscribers
2.2K photos
23 videos
7.41K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Материалы из этого канала дают на платных курсах

Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое

👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
👍15
Как использовать кастомную easing функцию для анимации с помощью WebAnimations API

Оказалось не так просто как кажется. Подробности с примерами в статье.

https://www.bram.us/2024/01/12/waapi-custom-easing-function/
👍10
Как защититься от Server-Side Request Forgery

Что такое SSRF, чем отличается CSRF и какие методы защиты существуют.

https://www.freecodecamp.org/news/defending-against-ssrf-attacks/
🔥11👍2🥱1
Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden


https://habr.com/ru/companies/ruvds/articles/784542/
👍15🔥1
Скрытые возможности элемента <input>

Как разные атрибуты input могут существенно влиять на его поведение.

https://habr.com/ru/companies/ruvds/articles/785690/
🔥13👍2💩2
Новый год — старт для ваших новых карьерных возможностей 🎄
6 февраля приглашаем на Зимнюю ярмарку вакансий, которая пройдёт офлайн и онлайн. Это классная возможность стать частью IT-сообщества Яндекса и познакомиться с теми, кто создаёт сервисы с многомиллионной аудиторией.

Что вас ждёт
🔸 Вакансии для стажёров
Узнаете о новых вакансиях и задачах, а также сможете лично пообщаться с командами и подать заявку туда, где понравится больше всего.
🔸 Полезные лекции
Узнаете о технологиях и кейсах из практики от экспертов Яндекса. Лекции пройдут по основным направлениям стажировки: бэкенд, фронтенд, мобильная разработка, аналитика и машинное обучение.
🔸 Нетворкинг со стажёрами Яндекса
Узнаете, как они проходили отбор, как готовились и чем планируют заниматься дальше. Сейчас в Яндексе одновременно стажируются более 600 человек — им есть что рассказать.

Как попасть на Зимнюю ярмарку вакансий
Чтобы попасть на ярмарку, нужно пройти предварительный отбор — решить задачи на Яндекс Контесте до 31 января включительно. Мы проверим решения, оценим анкеты и позовём лучших на день стажёра в Москве. Приглашения придут до 2 февраля включительно.

🍭 Закрытое шоу
Тех, кто решит все задачи из Контеста, мы пригласим на вечернее закрытое шоу «Всё в плюсе». Это соревнование между различными бизнес-группами Яндекса, в которых примут участие и стажёры, и топовые разработчики. Знакомство с различными сервисами, нетворкинг с действующими стажёрами, вечеринка с кавер-группой и диджеем — это то, что ждёт вас на шоу.
Узнать подробности и подать заявку — https://yandex.ru/yaintern/intern-day.
👍10👎21
Сборник LeetCode задач

Репозиторий с большой подборкой задач с leetcode с решениями и пояснениями.

https://github.com/azl397985856/leetcode/tree/master/problems
🤣198💩3👍2
Почему React перерендеривает компонент

Большой гайд по причинам дополнительных рендеров и оптимизации производительности React.

https://dev.to/adevnadia/react-re-renders-guide-why-components-re-render-4ml
👍23🔥9
Работа с IndexedDB

Возможности и способы использования IndexedDB, а также основы работы с ней.

https://web.dev/articles/indexeddb?hl=ru
👍11🔥1
- Как думаешь, изучить фронтед самостоятельно - реально?
- Вероятно, что да, но мы не советуем.
-А если нет возможности оплатить курс?
-Готов сразу взяться за дело?

Привет, это команда ICHY School и мы обучаем фронтенд разработке.

О тебе: хочешь стать разработчиком с нуля, изучаешь программирование самостоятельно или планируешь перейти в разработку из другой IT-профессии.

О нас:
⚡️Сначала трудоустройство, оплата потом. Все для твоей уверенности.
⚡️Куратор, с которым ты обсудишь все тонкости разработки и узнаешь все о работе в ведущих IT-компаниях
⚡️Реальные проекты в портфолио.
⚡️Живое общение и классное комьюнити
⚡️Подготовка и помощь в трудоустройстве

Интересно? Нам тоже!

Оставляй заявку здесь, продолжим наше знакомство!

Реклама. ИП Панкратов И.В ИНН: 500915684952 Erid:2VtzqwH19SN
🤮19😁64👍3👎1
Используем возможности console на максимум

Что можно сделать, используя CSS, SVG и HTML в выводе console (если вы не в Safari).

https://frontendmasters.com/blog/console-delight/
🔥9👍21🤯1
CSS border-image

О сложном, но классном свойстве border-image: способы применения для реализации красивого дизайна.

https://www.smashingmagazine.com/2024/01/css-border-image-property/
👍162🔥2
Гайд: проектируем систему цветов. Всё про styles, tokens, variables

https://habr.com/ru/articles/781082/
👍10🔥52👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Зумим фон при скролле

Пример реализации Scroll Driven Animations

https://frontendmasters.com/blog/background-size-zooming-with-scroll-driven-animations/
👍8🤔3🤮2❤‍🔥1🔥1
Web Development 2024 Roadmap & Trends | Что учить в 2024?

Евгений Ковальчук собрал тренды для начинающих веб разработчиков, на которые стоит сделать упор при изучении. Все доп ресурсы в описании к видео.

https://www.youtube.com/watch?v=f76BnFk3pLI
15👍3👎2❤‍🔥1🔥1🌭1
12 свойств CSS, которые можно использовать в ваших проектах

Несколько советов по использованию относительно новых, но уже поддерживаемых CSS свойств, которые упростят вашу разработку или позволят обойтись без использования JS.

https://moderncss.dev/12-modern-css-one-line-upgrades/
👍19🔥53👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Упрощаем работу с CSS View Transition c Velvette

Что такое View Transition и как он помогает анимировать экранные переходы - в статье.

https://tympanus.net/codrops/2024/01/19/making-css-view-transitions-easy-with-velvette/
👍102👏2🔥1