Senior Frontend Developer | JavaScript, React, HTML & CSS @senior_front Channel on Telegram

Senior Frontend Developer | JavaScript, React, HTML & CSS

@senior_front


Изучаем Frontend.

По вопросам сотрудничества: @adv_and_pr

Канал на бирже: https://telega.in/c/senior_front

Senior Frontend Developer | JavaScript, React, HTML & CSS (Russian)

Добро пожаловать на канал Senior Frontend Developer | JavaScript, React, HTML & CSS! Здесь вы найдете множество полезных материалов и обновлений из мира фронтенд-разработки. Наша цель - помочь вам стать опытным frontend разработчиком, овладев технологиями JavaScript, React, HTML и CSS. Мы регулярно публикуем новости, статьи, уроки и советы от опытных специалистов. Если вы хотите улучшить свои навыки в области фронтенда, то наш канал - идеальное место для этого! Присоединяйтесь к нам прямо сейчас и начните свой путь к успешной карьере в разработке веб-приложений. Для всех вопросов о сотрудничестве обращайтесь к администратору @adv_and_pr. Также вы можете найти нас на бирже Telegram по ссылке: https://telega.in/c/senior_front

Senior Frontend Developer | JavaScript, React, HTML & CSS

01 Dec, 20:03


Book

Для переворота страницы используется CSS transform: rotate. Логика перелистывания реализована в JS.

https://codepen.io/maxew33/pen/LYjKNVx

Senior Frontend Developer | JavaScript, React, HTML & CSS

30 Nov, 10:31


Menu Animation

Анимация кнопки меню, реализованная с помощью CSS и JavaScript.

https://codepen.io/aaroniker/pen/abzZbzR

Senior Frontend Developer | JavaScript, React, HTML & CSS

28 Nov, 13:27


Неизвестно полезный CSS

В этой статье:

- как перестать вредить пользователям свойствами justify-content и align-items
- недавно появившиеся возможности разделять CSS на части и управлять их приоритетом
- неизвестный нюанс применения псевдокласса :nth-child.

https://habr.com/ru/companies/ruvds/articles/849114/

Senior Frontend Developer | JavaScript, React, HTML & CSS

27 Nov, 14:28


Tab Bar Menu

Переход между элементами реализован при помощи CSS transform.

https://codepen.io/dgknca/pen/ExYGWJw

Senior Frontend Developer | JavaScript, React, HTML & CSS

26 Nov, 14:28


20 функций JavaScript, которые вы, вероятно, никогда не использовали

В этой статье мы на примерах рассмотрим некоторые скрытые возможности JavaScript. Их использование поможет вам писать более чистый и эффективный код и легко справляться со сложными задачами.

https://techrocks.ru/2024/08/22/20-lesser-known-javascript-features/

Senior Frontend Developer | JavaScript, React, HTML & CSS

25 Nov, 19:46


Sibling Gallery

Галлерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS.

https://codepen.io/jh3y/details/xxjxqOL

Senior Frontend Developer | JavaScript, React, HTML & CSS

24 Nov, 18:28


JavaScript. Что будет выведено в консоль?

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

23 Nov, 19:44


HTML5 canvas and javascript fireworks tutorial

Сцена фейерверка на canvas и JS с очень подробными комментариями в коде.

https://codepen.io/programking/pen/AJgeEd

Senior Frontend Developer | JavaScript, React, HTML & CSS

22 Nov, 19:24


Gooey Navigation

Элементы меню — это svg-картинки, стилизованные в SCSS.

https://codepen.io/simeydotme/pen/LYLxJqV

Senior Frontend Developer | JavaScript, React, HTML & CSS

22 Nov, 15:02


Начать изучать frontend-разработку: подборка ресурсов от НИУ ВШЭ

Центр непрерывного образования факультета компьютерных наук Высшей школы экономики собрал бесплатные материалы, которые помогут познакомиться с индустрией фронтенда.

- Литература и ресурсы для тех, кто хочет научиться проектировать и разрабатывать сайты
- Вебинар и статья: «Как работает фронтенд: от загрузки сайта до современных инструментов»
- Вебинар «С нуля до frontend-разработчика: введение в frontend и базовые инструменты»
- Вебинар «Как современные библиотеки упрощают жизнь фронтендера»
- Онлайн-курс «Введение в Git»
- Онлайн-интенсив «Frontend с нуля: первый шаг в веб-разработку»

Больше полезных публикаций, вебинаров и мероприятий — в канале Центра непрерывного образования.

Реклама: Федеральное государственное автономное образовательное учреждение высшего образования «Национальный исследовательский университет «Высшая школа экономики».
Erid: 2SDnjf2cs8X

Senior Frontend Developer | JavaScript, React, HTML & CSS

22 Nov, 14:42


React.js — фундаментальный курс от А до Я.

https://youtu.be/GNrdg3PzpJQ

Senior Frontend Developer | JavaScript, React, HTML & CSS

21 Nov, 14:45


Smart Card Holder

Верстка реализована на HTML и SCSS. Анимации созданы библиотекой gsap.

https://codepen.io/visnuravichandran/pen/wvGvpwX

Senior Frontend Developer | JavaScript, React, HTML & CSS

20 Nov, 14:04


Airplane Mode Animation

Самолет анимируется в CSS. Дым за самолетом генерируется и анимируется на JS.

https://codepen.io/jkantner/pen/rNrZqPV

Senior Frontend Developer | JavaScript, React, HTML & CSS

19 Nov, 19:07


Portal scene

3D-модель, выполненная с помощью SCSS и библиотеки Three.js.

https://codepen.io/aderaaij/pen/BapYONL

Senior Frontend Developer | JavaScript, React, HTML & CSS

19 Nov, 14:57


Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript!

🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний.

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

💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности.

Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8JxPzm

Senior Frontend Developer | JavaScript, React, HTML & CSS

19 Nov, 14:05


Gradient Stroke & Bounce 🏀

Градиентный штрих и отскок. Написан на чистом CSS.

https://codepen.io/jkantner/pen/abwgLNX

Senior Frontend Developer | JavaScript, React, HTML & CSS

18 Nov, 12:21


3D Galaxy Particles

Создано на canvas и анимировано с использованием TweenMax.

https://codepen.io/foretoo/details/zYjpYad

Senior Frontend Developer | JavaScript, React, HTML & CSS

17 Nov, 19:36


JavaScript. Что будет выведено в консоль?

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

16 Nov, 19:42


Animated tabs

Меню с анимацией, реализованное с помощью CSS и JavaScript.

https://codepen.io/mr-zouraiz123/pen/eYMjebE

Senior Frontend Developer | JavaScript, React, HTML & CSS

15 Nov, 14:39


Rating

Выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.

https://codepen.io/aaroniker/pen/zYrzogx

Senior Frontend Developer | JavaScript, React, HTML & CSS

14 Nov, 19:23


JavaScript. Задача

Ищем блок поврежденных пикселей.

Дана матрица пикселей, где '0' представляет рабочий пиксель, а '1' - поврежденный.

Поврежденные пиксели связаны (т.е. есть только одна поврежденная область на матрице). Пиксели соединены по горизонтали и вертикали.

Также даны два целых числа - x и y - представляющие расположение одного из поврежденных пикселей.

Необходимо найти площадь наименьшего (выровненного по оси) прямоугольника, охватывающего все поврежденные пиксели.

Входные данные:
- Стороны матрицы имеют размер от 1 до 100 пикселей включительно
- Элементы матрицы - символы '0', '1'.

Вывод: площадь наименьшего прямоугольника, охватывающего все поврежденные пиксели.

Пример:

matrix = [
['0','0','1','0'],
['0','1','1','0'],
['0','1','0','0']
].
x = 0, y = 2
Output: 6

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

14 Nov, 14:59


Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.

Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Senior Frontend Developer | JavaScript, React, HTML & CSS

14 Nov, 13:23


Как преобразовать двумерный массив в объект в JavaScript?

Двумерный массив может иметь любое количество строк и два столбца. Например:
[
["John", 12],
["Jack", 13],
["Matt", 14],
["Maxx", 15]
]

Как преобразовать такой массив в объект? Рассмотрим способ с методом reduce() на картинке.

Senior Frontend Developer | JavaScript, React, HTML & CSS

14 Nov, 10:49


В жизни каждого разработчика однажды наступает момент, когда перед ним возникает оно… ЛЕГАСИ 👻

Что такое легаси код и откуда он берется? Как обнаружить легаси в проекте? Какую ошибку постоянно совершают лиды? Как предупредить проблему в будущем? Когда стоит отказаться от рефакторинга?

Обо всем этом расскажет лид frontend-разработки Мерка, Никита Шальнев, на онлайн-митапе «Как лиду работать с легаси?»

Встречаемся с вами в 19:00 МСК в канале @merkteam ⬅️

👉 Подписывайтесь, чтобы не пропустить митап, а заодно быть в курсе других мероприятий, открытых вакансий в Мерке и полезных айти-новостей от меркурианских разработчиков.

Senior Frontend Developer | JavaScript, React, HTML & CSS

14 Nov, 09:50


Bouncy Star Rating

Каждая звезда - это радио-кнопка. При нажатии запускаются CSS анимации, самое лучшее в самом простом.

🌐Ссылка на код

Senior Frontend Developer | JavaScript, React, HTML & CSS

13 Nov, 20:56


Multi-input Maze

Игра-лабиринт, выполненная с помощью CSS и JavaScript. Управление осуществляется с клавиатуры.

https://codepen.io/nitnelav/pen/GRQEadJ

Senior Frontend Developer | JavaScript, React, HTML & CSS

12 Nov, 19:05


Single div CSS - Window

Окно с открывающейся ставней. В HTML - один блок div, все остальное - CSS.

https://codepen.io/armanb/pen/poGXepp

Senior Frontend Developer | JavaScript, React, HTML & CSS

11 Nov, 10:57


Logo animation

Вся сцена состоит из svg-картинки, которая анимируется библиотекой anime.js

https://codepen.io/juliangarnier/pen/oZNYXB

Senior Frontend Developer | JavaScript, React, HTML & CSS

09 Nov, 19:43


Live data

Демонстрация работы графика с автоматическим обновлением данных. Создано с использованием библиотеки amCharts.

https://codepen.io/team/amcharts/pen/MGVbNV

Senior Frontend Developer | JavaScript, React, HTML & CSS

08 Nov, 20:56


JavaScript. Напишите функцию isEmpty(object), которая возвращает true, если у объекта нет свойств. В противном случае функция возвращает false.

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

08 Nov, 15:01


Ждём фронтендеров на Yet Another Frontend Night!

📅 23 ноября мы приглашаем разработчиков интерфейсов провести вечер в офисе Яндекса на Льва Толстого.

О мероприятии:

YAFN — это митап, на котором вы можете послушать экспертов из Яндекса, узнать о вакансиях в наших командах и развлечься в кругу коллег.

Если вы не в Москве, мы всё равно вас ждём — на онлайн-трансляции.

О программе:

🔶 Выступление Руслана Муфтиева, руководителя разработки интерфейсов Ecom-сценариев

🔶 Батл — ведущие эксперты Яндекса попробуют разобраться, должен ли фронтендер понимать продукт и нужны ли ему навыки менеджера

🔶 Презентация вакансий — узнайте, к каким фронтенд-командам можно присоединиться

🔶 Code in the Dark — победитель получит Яндекс Станцию Дуо Макс, а финалисты — станции Лайт 2. А ещё будет «Доббль»!

🔶 Афтерпати и нетворкинг — под закуски, напитки и музыку

🔗 Оставить заявку на участие можно по ссылке. Дождитесь подтверждения вашего участия.

❤️ Ждём вас!

Реклама. ООО "Яндекс", ИНН 7736207543.

Senior Frontend Developer | JavaScript, React, HTML & CSS

08 Nov, 14:26


Jake's Instagram

Карусель создана на чистом CSS. В JS реализована смена цвета при клике.

https://codepen.io/kotAndy/pen/gOBgXvO

Senior Frontend Developer | JavaScript, React, HTML & CSS

07 Nov, 19:19


Arc Time Slider

Это кастомный слайдер, разработанный с использованием веб-технологий HTML, SCSS и JS. Этот уникальный слайдер добавляет интересный и инновационный элемент управления на вашем веб-сайте.

🌐Ссылка на код

Senior Frontend Developer | JavaScript, React, HTML & CSS

07 Nov, 14:57


🚀 Вебинар: Погружение в децентрализованные технологии🚀

Узнайте, как использовать Solidity для создания продвинутых dApp. Этот вебинар важен для понимания текущего состояния и потенциала Web3, что критично для разработчиков в освоении Solidity и создании продвинутых dApp.

Дата и время: 11.11.2024 в 20:00 (мск)

На уроке будет:
- Обсуждение базовых технологий, включая блокчейн и смарт-контракты
- Представление и анализ нескольких децентрализованных приложений
- Рассмотрение успешных кейсов использования Solidity
- Обсуждение безопасности
- Прогнозы и перспективы развития децентрализованных технологий

В результате участники получат актуальные знания о применении Solidity в разработке современных dApp.

Не упустите возможность узнать больше о dApp и их потенциале!

👉 Зарегистрируйтесь для участия: https://otus.pw/OgxB/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Senior Frontend Developer | JavaScript, React, HTML & CSS

06 Nov, 20:09


Glowy hover effect

В JS создана логика наложения маски на карточку при наведении. Отлично подойдет для коммерческого сайта, приятное восприятие.

🌐Ссылка на код

Senior Frontend Developer | JavaScript, React, HTML & CSS

05 Nov, 12:16


Как работает код, который спит месяц

Смотреть статью

Senior Frontend Developer | JavaScript, React, HTML & CSS

04 Nov, 19:24


JavaScript. Что выведет alert (ИЛИ)?

Ответ: 2. Это первое значение, которое в логическом контексте даст true.

Senior Frontend Developer | JavaScript, React, HTML & CSS

03 Nov, 17:51


JavaScript. Что будет выведено в консоль?

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

03 Nov, 15:48


Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.

Присоединяйтесь: @FrontendPortal

Senior Frontend Developer | JavaScript, React, HTML & CSS

02 Nov, 11:01


Neon Effect Arrow

Анимация стрелки с неоновым эффектом Pure, реализована с помощью CSS.

https://codepen.io/designtorch2020/details/NWBQJOq

Senior Frontend Developer | JavaScript, React, HTML & CSS

01 Nov, 12:20


Typing Effect

Эффект последовательного ввода букв, реализованный в JS.

https://codepen.io/Coding_Journey/pen/BEMgbX

Senior Frontend Developer | JavaScript, React, HTML & CSS

31 Oct, 14:09


Создание компонента React для загрузки изображений

Загрузка и сохранение изображений, созданных пользователями, является очень распространенным вариантом использования в веб-приложениях. Но когда я искал решение, подходящее для моих нужд, я не смог его найти, поэтому создал собственное.

https://dev-gang.ru/article/sozdanie-komponenta-react-dlja-zagruzki-izobrazhenii-tqnvuuf57i/

Senior Frontend Developer | JavaScript, React, HTML & CSS

29 Oct, 19:10


Создание аналога slideToggle() на чистом JavaScript

В этой статье рассмотрим, как реализовать аналог jQuery метода slideToggle() на чистом JavaScript.

https://itchief.ru/javascript/slidetoggle

Senior Frontend Developer | JavaScript, React, HTML & CSS

29 Oct, 15:05


Срочно❗️ Нужны люди, которые имеют минимальный опыт в IT. Покажем, как освоить профессию "Frontend" с зп от 150.000 ₽. Обучение с нас бесплатно!
График: 2-3 часа или полный день, на выбор.

Frontend-разработчик (frontend developer) — это специалист, который отвечает за создание пользовательского интерфейса сайта, приложения или ПО.

Для вас:
1) Удаленная работа
2) Свободный график

Можно совмещать с основной работой🔥

✔️Не нужно что-то продавать или привлекать людей.
✔️За полгода вполне реально вырасти до зп в 300.000 рублей и больше денег.
✔️Мы научим вас искать клиентов, так что у вас уже будет работа.

Сперва проводим бесплатный вводный урок:
👉 Регистрация на урок

На уроке расскажем:

— чем занимается Fronted-разработчик и за что ему готовы платить
— зарплатные вилки разных специалистов от стажёра до тимлида
— сколько времени нужно на обучение и стажировку
— 8 шагов, чтобы стать frontend-разработчиком

Если хотите попробовать себя в одной из самых востребованных профессий в 2024 году, то это ваш шанс! С нами вы сможете научиться этому быстро и уже через пару месяцев найти первых клиентов, а мы с этим поможем!

Регистрируйтесь на бесплатный вводный урок по профессии:
👉 Зарегистрироваться

Senior Frontend Developer | JavaScript, React, HTML & CSS

28 Oct, 18:59


JavaScript. Напишите функцию sumTo(n), которая будет вычислять сумму чисел 1 + 2 + ... + n.

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

28 Oct, 14:06


#вопросы_с_собеседований
Какие значения в JS являются ложными?

Ложными являются значения, результатом преобразования которых в логическое значение является false.

Senior Frontend Developer | JavaScript, React, HTML & CSS

27 Oct, 18:12


#вопросы_с_собеседований
Объясните стрелочные функции.

Стрелочная функция – это краткий способ записи функциональных выражений.

Стрелочные функции не являются конструкторами, не поддерживают ключевые слова this, arguments, super и new.target и записываются так, как показано на картинке.

Senior Frontend Developer | JavaScript, React, HTML & CSS

26 Oct, 18:36


#вопросы_с_собеседований
Реализовать аналог Function.prototype.bind.

С появлением Rest parameters реализация этой задачи стала чуть проще, чем прежде, когда приходилось делать arguments.slice.

Senior Frontend Developer | JavaScript, React, HTML & CSS

25 Oct, 15:08


Что будет на выходе?

Ответ: 0

Senior Frontend Developer | JavaScript, React, HTML & CSS

24 Oct, 16:17


#вопросы_с_собеседований
Как следует оформлять страницу, содержимое которой может быть на разных языках?

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

Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.

На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чаще всего при помощи бэкенд-фреймворка.

Senior Frontend Developer | JavaScript, React, HTML & CSS

23 Oct, 08:04


Card Outer GLow Effect

Эффект свечения создается при помощи CSS box-shadow.

https://codepen.io/lincohn/pen/JjPZgXw

Senior Frontend Developer | JavaScript, React, HTML & CSS

22 Oct, 17:08


JavaScript. Что будет выведено в консоль?

Ответ

Senior Frontend Developer | JavaScript, React, HTML & CSS

21 Oct, 06:38


Temperature displays

Индикаторы - это svg-картинки, параметры которых задаются в JS.

https://codepen.io/uchardon/pen/GRRRQpK

Senior Frontend Developer | JavaScript, React, HTML & CSS

20 Oct, 05:42


Текст-тянучка

Текст с интересной анимацией. Сделано на CSS и JavaScript.

https://codepen.io/jomacz/pen/MWZKKEY

Senior Frontend Developer | JavaScript, React, HTML & CSS

18 Oct, 11:44


load

Событие load происходит, когда загрузилась и HTML страница, и все ресурсы для её отображения пользователю: стили, картинки и другое.

Событие load гарантирует, что браузер отображает страницу полностью: все стили и картинки готовы, размеры элементов на странице посчитаны верно и доступны.

🌐Ссылка на статью

Senior Frontend Developer | JavaScript, React, HTML & CSS

17 Oct, 10:36


CodePen Loader

Анимированная загрузка в стиле CodePen, реализованная на CSS и SVG, без применения JavaScript

https://codepen.io/leimapapa/pen/BaPRZRo

Senior Frontend Developer | JavaScript, React, HTML & CSS

16 Oct, 18:28


Pulsing Rainbow Loading Spinner

Анимированная загрузка, реализованная на SCSS, без применения JavaScript

https://codepen.io/designcouch/pen/QWZyQbp

Senior Frontend Developer | JavaScript, React, HTML & CSS

16 Oct, 14:39


Получаете зарплату в криптовалюте? 💸

IT-специалисты, это для вас!

Многие компании предлагают оплату труда в криптовалюте, но как ее удобно и безопасно обменять на фиатные деньги?

С помощью Exnode вы можете обменять криптовалюту на наличные быстро и надежно!

1. Перейдите на Exnode
2. Выберите ваш город
3. Выберите обменник с выгодным курсом.
4. Оставьте заявку.
5. Получите наличные в офисе в вашем городе.

Преимущества:

Анонимные сделки: Совершайте обмен криптовалюты, не раскрывая личные данные.
Проверенные обменники: Exnode сотрудничает только с надежными и проверенными сервисами.
Безопасность и конфиденциальность: Ваша информация и сделки защищены.

Подписывайтесь на телеграм-канал Exnode, чтобы быть в курсе всех новостей мира криптовалют!

Senior Frontend Developer | JavaScript, React, HTML & CSS

16 Oct, 07:26


Screenfull

Используйте Screenfull.js, чтобы добавить полноэкранный элемент в свой проект. Благодаря впечатляющей кроссбраузерности, у вас не возникнет проблем при использовании этой библиотеки JavaScript.

Особенности:
— Полноэкранный просмотр страницы или элемента
— Скрыть пользовательский интерфейс навигации на мобильных телефонах
— Добавьте полноэкранные элементы, используя jQuery и Angular.
— Обнаруживает полноэкранные изменения, ошибки и т.д.

GitHub: https://github.com/sindresorhus/screenfull

Senior Frontend Developer | JavaScript, React, HTML & CSS

15 Oct, 17:12


Animated Windows XP Shutdown Icons

Анимированные иконки выключения из Windows XP, реализованные на CSS и SVG, с применением JavaScript

https://codepen.io/jkantner/pen/oNPRMQY

Senior Frontend Developer | JavaScript, React, HTML & CSS

15 Oct, 15:11


Какой он, отличный день для Frontend-разработчиков? 🤔

21 сентября на A?.Frontend Day мы вместе с сотней IT-специалистов создали именно такую атмосферу! Офлайн в Москве и онлайн это событие собрало тех, кто готов делиться опытом и узнавать новое.

🌟 Что было:
Вадим Царегородцев из Ostrovok.ᅠru представил Valibot — инновационный инструмент для гибкой и безопасной валидации данных в JavaScript.
Сергей Попов из Skillbox раскрыл методы преодоления проблем внедрения изменений в компаниях.
Никита Мамизеров рассказал о сложностях и успехах внедрения BDUI в Альфа-Онлайн.
Никита Ульшин из Т-Банка поделился паттернами отказоустойчивости, помогающими минимизировать риски.
Андрей Смирнов из X5 Tech рассмотрел карьерные ловушки для тимлидов и объяснил, как их избежать.
Евгений Смирнов из Альфа-Банка провёл дискуссию о том, как ИИ и Copilot меняют разработку и что ждёт программирование в будущем.

И это только часть того, что происходило на A?.Frontend Day! А ещё были квизы, розыгрыши подарков и афтепати с нетворкингом.

Хотите увидеть, как это было? Переходите по ссылке и смотрите подробный отчёт с мероприятия!❤️

Senior Frontend Developer | JavaScript, React, HTML & CSS

15 Oct, 13:32


Colorful Theme Switch

Анимированный переключатель цветовой темы, реализованный на CSS и SVG, без применения JavaScript

https://codepen.io/jkantner/pen/eYPYppR

Senior Frontend Developer | JavaScript, React, HTML & CSS

15 Oct, 11:23


Бесплатный практический вебинар: Профессия «Frontend-разработчик».

Когда: 17 октября в 19:00 по мск.

Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере 🎮

Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.

Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

Senior Frontend Developer | JavaScript, React, HTML & CSS

15 Oct, 05:03


Clocktober day 21: Perspective - Стильные часы для вашего сайта

https://codepen.io/jkantner/pen/BaMazpK

Senior Frontend Developer | JavaScript, React, HTML & CSS

14 Oct, 20:01


🎮 Interactive Super Mario - анимация Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры

https://codepen.io/merchedev/pen/BaYqyNx

Senior Frontend Developer | JavaScript, React, HTML & CSS

13 Oct, 18:04


Красивая платежная форма на JS с валидацией правильности заполнения полей.

Если в браузере пользователя сохранены платежные данные, то форма и предложит их автозаполнение.

https://codepen.io/myacode/pen/ExPOdBd

Senior Frontend Developer | JavaScript, React, HTML & CSS

12 Oct, 17:00


Кофе по SSH, сайты в zip-архивах. Чистый HTML лучше всего

Смотреть статью

Senior Frontend Developer | JavaScript, React, HTML & CSS

12 Oct, 15:00


Главная конференция по бизнесу в Telegram

31 октября в Москве пройдёт первая конференция по Telegram от крупнейшего сервиса аналитики Telemetr. Топы Телеграм-рынка, маркетологи и представители бизнеса обсудят самые актуальные тенденции и перспективы развития платформы Telegram.

Присоединиться к мероприятию можно будет и онлайн. Тут найдёте всю информацию - https://telemetr.pro.

На конференции вас ждут:
- 20+ опытных спикеров
- 1000+ онлайн и офлайн участников
- две сцены
- нетворкинг активности
- лаунж зона
- вкусный фуршет
- яркое afterparty в PAPA Moscow

Спикерами главной сцены будут: Артемий Лебедев, руководитель Telemetr - Денис Ларионов, основатель агентства GoDigital - Сурен Альбертян, основатель Сидорин ЛАБ - Дмитрий Сидорин и многие другие!

За подробностями сюда - https://telemetr.pro

А купить билет со скидкой в 10% можно, использовав наш промокод - TMConf10

Купить билет - https://telemetr.pro

Senior Frontend Developer | JavaScript, React, HTML & CSS

12 Oct, 14:36


Letter Animation

Анимация букв при нажатии. Реализована с помощью JavaScript и CSS.

https://codepen.io/FlorinPop17/pen/WEBNyx

Senior Frontend Developer | JavaScript, React, HTML & CSS

11 Oct, 17:23


Пикачу в коробке

Пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.

Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:

https://codepen.io/maxi83c/pen/JjOZdWX