Проекты на Javascript | HTML | CSS

Social share button — кнопка "поделиться" с предложением списка соцсетей. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Scratch & Win — скретч-карта с эффектом победы после стирания защиты. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Twitter Animation Concept — при наведении курсора мыши иконка принимает объёмную формуи. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Hamburger Menu Animation — прикольная анимация для бургер-кнопки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Preloader — залипательная анимация загрузки страницы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Neon Clock — неоновые часы с эффектом перемещения. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Loader — окно загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

👋Привет! Меня зовут Андрей, мне 30 лет, и я решил попробовать себя в айти — стать фронтенд-разработчиком! 🚀 Раньше я думал, что программист - это гений математики с красным дипломом, но оказалось, что это не так! 😉 Теперь я учусь на фронтенд-разработчика и делюсь своим опытом в Telegram-канале. Что тебя ждет на канале: 🎥 Видео о каждом дне моей учебы: делюсь прогрессом и трудностями на пути к новой профессии 🎮 Мемы и новости о мире программирования 💬 Советы и мотивация для начинающих разработчиков Присоединяйся ко мне, и мы вместе покорим IT-вершину! 🚀 https://t.me/+Zs-EfUpWexU4N2Uy

SVG checkboxes — форма для выбора. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Space 404 — анимация страницы #404. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Онлайн-курс «Software Architect» — узнайте, как создавать надежные, масштабируемые и безопасные архитектуры, которые соответствуют всем требованиям 2024 года Вы получите целостное понимание современных архитектурных практик проектирования. Мы разберем самые важные тактики по работе с атрибутами качества архитектуры: доступность, отказоустойчивость, безопасность и многое другое. 💻 Программа подходит архитекторам, разработчикам и team lead’ам. Вы научитесь разрабатывать высокоуровневые концептуальные модели и диаграммы, которые помогут лучше понять структуру и взаимодействие компонентов системы. Вы сможете улучшить свои навыки в области разработки ПО, управления командой и создания эффективной архитектуры системы. ⏰ Старт группы уже 30 августа 2024 г., но записаться в группу по максимальной 15% скидке можно только до 28.07. Доступна рассрочка на обучение. 🔴 Пройдите вступительный тест прямо сейчас, чтобы активировать скидку: https://otus.pw/r0EH/?erid=LjN8Jsyc9

Like background animation — фон с движущимися простыми фигурами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Preloader Animate — залипательная версия прелоадера. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Space 404 — космическая страница. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Preloader — прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Начните карьеру фронтенд-разработчика с Hexlet! Хотите стать мастером создания современных веб-интерфейсов? Пройдите курс фронтенд-разработки и за 10 месяцев овладейте всеми необходимыми навыками, от HTML и CSS до JavaScript и React. 🎁🌴 А до 31 июля вас ждет специальное предложение - скидка до 55 000 р. и второй курс в подарок! Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. Вы будете работать над реальными проектами, создадите портфолио и получите поддержку опытных менторов. А во время обучения вы также поучаствуете в Карьерном треке! Пройдите 5 бесплатных уроков, чтобы понять, насколько интересен этот путь, и получите скидку на дальнейшее обучение.

Preloader — кольца прелоадера. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Compass — 404. Реализована с помощью CSS и JavaScript #анимация #css #javascript

preloader — прелоадер с гипнотизирующим эффектом. Реализована с помощью CSS и JavaScript #анимация #css #javascript

404 animation — эффект дерганной надписи. Реализована с помощью CSS и JavaScript #анимация #css #javascript