Frontend разработчик

🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.Как это будет:📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью📂 В конце можно будет задать любой вопрос ВиталиюЭто бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_botРеклама. О рекламодателе.

💡Совет по CSS 📖Используйте свойство shape-outside, чтобы обтекать текст вокруг фигур. Это позволяет тексту обтекать не только прямоугольные блоки, но и более сложные формы, такие как круги, многоугольники или даже изображения с прозрачным фоном..column--left .shape { float: right; shape-outside: circle(100px at 100% 50%);}📲 Мы в MAX👉 @frontend_1

Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙.pop { view-timeline-name: --pop;}img { animation: slide both; animation-timeline: --pop; animation-range: entry 100% cover 50%;}.skateboarder { --x: 0; --y: -45%;}@ keyframes slide { to { translate: var(--x) var(--y); }}https://codepen.io/jh3y/pen/abPgrGR📲 Мы в MAX👉 @frontend_1

Совет💡Используй тригонометрические функции в CSS, чтобы создать плавный ступенчатый переход с задержкой 🎬.character { transition-delay: calc(sin((var(--index) / 12) * 45deg) * 0.475s);}📲 Мы в MAX👉 @frontend_1

Знаете ли вы, что в CSS можно определить поворот с помощью блока turn? 🤩📲 Мы в MAX👉 @frontend_1

global-error.tsx отображается только в продакшене, а локально в Next.js — нет.📲 Мы в MAX👉 @frontend_1

Совет по CSS 💡Знаете ли вы о свойстве shape-outside в CSS? Demo https://www.codewithshripal.com/playground/css/shape-outside📲 Мы в MAX👉 @frontend_1

Image gallery with flex-grow Пример галереи изображений на CSS + HTML с эффектом наведения. https://codepen.io/ahmadghoniem/pen/QWJdMMe📲 Мы в MAX👉 @frontend_1

Совет по CSS 💡Я недавно обнаружил, что мы можем изменять размеры любого блочного элемента, а не только textarea!📲 Мы в MAX👉 @frontend_1

Визуализация методов массивов JavaScript 🚀📲 Мы в MAX👉 @frontend_1

🚀 Подборка полезных IT каналов в MaxСистемное администрирование, DevOps 📌https://max.ru/i_odmin Все для системного администратораhttps://max.ru/bash_srv Bash Советыhttps://max.ru/sysadminof Книги для админов, полезные материалыhttps://max.ru/i_odmin_book Библиотека Системного Администратораhttps://max.ru/i_devops DevOps: Пишем о Docker, Kubernetes и др.https://max.ru/tipsysdmin Типичный СисадминExcel лайфхак 📌https://t.me/Excel_lifehack Excel лайфхак 1C разработка 📌https://max.ru/odin1c_rus Cтатьи, курсы, советы, шаблоны кода 1СПрограммирование C++📌https://max.ru/cpp_lib Библиотека C/C++ разработчикаПрограммирование Go📌https://max.ru/golang_lib Библиотека Go (Golang) разработчикаПрограммирование React📌https://max.ru/react_lib ReactПрограммирование Python 📌https://max.ru/python_of Python академия. https://max.ru/BookPython Библиотека Python разработчикаJava разработка 📌https://max.ru/bookjava Библиотека Java разработчикаGitHub Сообщество 📌https://max.ru/githublib Интересное из GitHubБазы данных (Data Base) 📌https://max.ru/database_info Все про базы данныхФронтенд разработка 📌https://max.ru/frontend_1 Подборки для frontend разработчиковБиблиотеки 📌https://max.ru/programmist_of Книги по программированиюhttps://max.ru/proglb Библиотека программистаhttps://max.ru/bfbook Книги для программистовПрограммирование 📌https://max.ru/bookflow Лекции, видеоуроки, доклады с IT конференцийhttps://max.ru/itmozg Программисты, дизайнеры, новости из мира IThttps://max.ru/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻Шутки программистов 📌https://max.ru/itumor Шутки программистовЗащита, взлом, безопасность 📌https://max.ru/thehaking Канал о кибербезопасностиhttps://max.ru/xakkep_1 Хакер FreeКниги, статьи для дизайнеров 📌https://max.ru/odesigners Статьи, книги для дизайнеровМатематика 📌https://max.ru/Pomatematike Канал по математикеhttps://max.ru/phismat_1 Обучающие видео, книги по Физике и МатематикеВакансии 📌 https://max.ru/progjob Вакансии в ITМир технологий 📌 ht

Slice vs. Splice в JavaScript📲 Мы в MAX👉 @frontend_1

Используйте сокращение CSS flex flow, чтобы объединить свойства flex direction и flex wrap 👨‍💻🚀.📲 Мы в MAX👉 @frontend_1

CSS Grid📲 Мы в MAX👉 @frontend_1

Пример кастомных курсоров на CSS 🧑‍💻🚀📲 Мы в MAX👉 @frontend_1

🚀 Подборка полезных IT каналов в MaxСистемное администрирование, DevOps 📌https://max.ru/i_odmin Все для системного администратораhttps://max.ru/bash_srv Bash Советыhttps://max.ru/sysadminof Книги для админов, полезные материалыhttps://max.ru/i_odmin_book Библиотека Системного Администратораhttps://max.ru/i_devops DevOps: Пишем о Docker, Kubernetes и др.https://max.ru/tipsysdmin Типичный СисадминExcel лайфхак 📌https://t.me/Excel_lifehack Excel лайфхак 1C разработка 📌https://max.ru/odin1c_rus Cтатьи, курсы, советы, шаблоны кода 1СПрограммирование C++📌https://max.ru/cpp_lib Библиотека C/C++ разработчикаПрограммирование Go📌https://max.ru/golang_lib Библиотека Go (Golang) разработчикаПрограммирование React📌https://max.ru/react_lib ReactПрограммирование Python 📌https://max.ru/python_of Python академия. https://max.ru/BookPython Библиотека Python разработчикаJava разработка 📌https://max.ru/bookjava Библиотека Java разработчикаGitHub Сообщество 📌https://max.ru/githublib Интересное из GitHubБазы данных (Data Base) 📌https://max.ru/database_info Все про базы данныхФронтенд разработка 📌https://max.ru/frontend_1 Подборки для frontend разработчиковБиблиотеки 📌https://max.ru/programmist_of Книги по программированиюhttps://max.ru/proglb Библиотека программистаhttps://max.ru/bfbook Книги для программистовПрограммирование 📌https://max.ru/bookflow Лекции, видеоуроки, доклады с IT конференцийhttps://max.ru/itmozg Программисты, дизайнеры, новости из мира IThttps://max.ru/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻Шутки программистов 📌https://max.ru/itumor Шутки программистовЗащита, взлом, безопасность 📌https://max.ru/thehaking Канал о кибербезопасностиhttps://max.ru/xakkep_1 Хакер FreeКниги, статьи для дизайнеров 📌https://max.ru/odesigners Статьи, книги для дизайнеровМатематика 📌https://max.ru/Pomatematike Канал по математикеhttps://max.ru/phismat_1 Обучающие видео, книги по Физике и МатематикеВакансии 📌 https://max.ru/progjob Вакансии в ITМир технологий 📌 ht

💡HTML-элемент <meter> в действии📲 Мы в MAX👉 @frontend_1

Совет по javascript 💡Более короткий способ проверки нескольких условий OR в javascript 🤩📲 Мы в MAX👉 @frontend_1

Vue DevToolsБраузерное расширение для отладки приложений Vue.js.https://github.com/vuejs/devtools📲 Мы в MAX👉 @frontend_1

Визуальное разделение группы связанных параметров с помощью <hr> внутри <select>Demo https://www.codewithshripal.com/playground/html/visually-breakup-options-in-select📲 Мы в MAX👉 @frontend_1