8370
Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss
Image Gallery - адаптивная галерея изображений с открытием дополнительной информации при наведении
Читать полностью…
🦊 Дженерики. TypeScript
#теория
Эй ты! Находишься в поиске вакансии фронтенд-разработчика? В этой статье мы рассмотрели все самые распространенные вопросы на собеседовании, с которыми ты можешь столкнуться. От HTML и CSS до JavaScript и фреймворков - у нас ты найдешь все ответы.
Как пройти собеседование на позицию фронтенд-разработчика
А еще присоединяйтесь к нашему небольшому и уютному чату "Кухня IT" для дружеского общения и приятного времяпрепровождения!
CSS image slider w/ next/prev btns & nav dots
Слайдер изображений с кнопками и точками навигации. Написан с помощью CSS.
codepen.io
Neumorphism Loading Spinner
Неоморфизм загрузки. Реализовано с помощью CSS и JS
codepen.io
FLIP List items - Flip Plugin
Элементы списка FLIP, при наведение карточка раскрывается. Реализована с помощью JavaScript.
codepen.io
Share Button
Анимация кнопки при нажатии на которую появляются соц.сети. Реализована с помощью CSS и JS
codepen.io
Share Button
Анимация кнопки при нажатии на которую появляются соц.сети. Реализована с помощью CSS и JS
codepen.io
✍️ Что вызывает перерисовку компонентов в React?
#теория
Pentagon menu - оригинальный вариант реализации навигации по сайту
Читать полностью…
Animated BottomBar Experiment - 5 различных стилизаций табов на чистом CSS
Читать полностью…
Hand drawing animation - анимация рукописного текста
Читать полностью…
Social Media Icons - градиентные иконки соц сетей с эффектом при наведении
Читать полностью…
Lotsa Notifications - реализация уведомлений для сайта
Читать полностью…
Image Gallery - адаптивная галерея изображений с открытием дополнительной информации при наведении
Читать полностью…
Сколько времени нужно, чтобы стать востребованным фронтенд-разработчиком? Всего 10 месяцев!
Вы сможете совмещать обучение с любыми другими занятиями. Главное условие - ваше желание учиться.
В Xeкслете вы можете пройти онлайн-курс по профессии "Фронтенд-разработчик".
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
В процессе обучения вы не просто будете писать код, а научитесь самостоятельно находить лучшие решения.
🎁 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% на весь курс!
С 24 по 30 марта МТС проводит хакатон True Tech Hack.
Что на кону: победители разделят призовой фонд 1 500 000 рублей.
Кто участвует: frontend-, backend- и мобильные разработчики, data science специалисты, UX/UI-дизайнеры и продакт-менеджеры.
Что делать: создать решения для просмотра фильмов на мультимедийной онлайн-платформе KION для людей с особыми потребностями.
Условия: ты можешь участвовать со своей командой или тебе помогут ее найти.
Финальный питчинг и награждение: 31 марта офлайн на конференции True Tech Day.
Создавай впечатления для тех, кто ощущает мир иначе, на хакатоне от МТС.
Успей зарегистрироваться до 22 марта по ссылке: https://cnrlink.com/truetechhack12
Text spirals out from opening portal at centre
Анимация текста, созданная на чистом CSS.
codepen.io
Image resizer
Изменение размера изображения. Написано с помощью CSS и JS
codepen.io
Glassmorphism Creative Cloud App Redesign
Редизайн приложения Glassmorphism Creative Cloud. Реализован с помощью CSS и JS
codepen.io
CSS-Only Countdown Clock
Часы обратного отсчета. Написаны с помощью чистого CSS.
codepen.io
Neumorphic Elements
Анимация неоморфных элементов.Реализована с помощью CSS и JS
codepen.io
Kill The King - браузерная игра, созданная с помощью VueJS
Читать полностью…
Cute Cat Dressing Room - кастомизация изображения кота
Читать полностью…
👁 Что такое Higher-Order компоненты?
#теория
📈 Как оптимизировать React приложение
#теория
🤟 Что такое refs в React
#теория
🦊 Дженерики. TypeScript
#теория
🤔 Отличие var от let
#теория
👨🎓 Метод массива forEach()
#теория