8370
Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss
CSS Cinemagraph
Анимация движения тени на фото. Написана на чистом CSS.
⚡️Как разработчику стать более востребованным на рынке, апнуться в деньгах и начать решать более широкие и сложные задачи?
🚀Узнайте больше о высокооплачиваемой, статусной работе тимлида на бесплатных вебинарах онлайн-курса «Team Lead разработки» от OTUS:
— «Роли в команде»:
https://otus.pw/c30H/
— «Как работать с трудными сотрудниками»:
https://otus.pw/gyaA/
— «Подходы к управлению в удаленной команде»:
https://otus.pw/RieN/
👉Регистрируйтесь сегодня — напомним перед вебинаром!
Pure CSS Flip Card - карточки с flip эффектом при наведении
Читать полностью…
Profile Card UI - карточка, содержащая информацию о человеке, с анимацией при переключении вкладок
Читать полностью…
90% - SVG Animation
SVG-анимация загрузки. Реализована с помощью JavaScript.
codepen.io
Попробуйте курсы от HTML Academy до мидла бесплатно 🙀
Получите доступ к первому разделу курсов для фронтендеров, которые хотят прокачаться до мидла. Посмотрите, как проходит обучение и начните изучать новые технологии. Это бесплатно – даже если вы решите, что курс вам не подходит.
Что вас ждёт:
— Обучающие статьи по теме курса — просто и понятно объяснят сложные темы.
— Демонстрации с кодом — научат решать типовые задачи.
— Задания — закрепят знания на практике.
— Эталонные решения — покажут, как правильно решать задания.
—Тесты — покажут, как вы усвоили материал.
Бесплатный раздел доступен на курсах:
– «Алгоритмы и структуры данных»;
– «TypeScript»;
– «Git и GitHub»;
– и ещё 7 курсах.
Демо-доступ к первому разделу будет открыт навсегда. Вы можете начать обучение в любой момент.
Выбрать курс и начать обучение – https://tml.io/c19py
Понятная пятница в английском: скидка 10% на курсы для аналитиков и разработчиков.
В английском много противоречий. Можно учиться на продвинутом уровне — и сохранять разговорный барьер. Или повторять по кругу одни и те же правила. В результате непросто заметить прогресс и оценить, сколько ещё впереди. А мы выручим с этим.
Практикум учитывает эти противоречия и проектирует прозрачный процесс обучения с предсказуемым результатом. Выберите подходящий курс и оплатите его со скидкой до 15 декабря: https://practicum.yandex.ru/english/clearfriday2022
Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё:• разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;• познакомиться с теорией и отработать её на практике в больших проектах;• научиться брать ответственность за решения и вкладываться в общий результат;• самостоятельно декомпозировать задачи и распределять время;• исследовать смежные сферы программирования, без которых невозможен фронтенд:• информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Начать учиться: https://practicum.yandex.ru/middle-frontend/
"The Last Duel" Movie Trailer
Анимация смены стильно оформленных фотографий, реализованная с помощью React и GSAP.
codepen.io
Navbar
Навигационная панель, реализованная на чистом CSS.
codepen.io
🎯 Хардкорный тест по Node JS
🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS
Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript
🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА
Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js
Время прохождения теста ограниченно 30 минут
👉 ПРОЙТИ ТЕСТ
https://otus.pw/GeIS/
3D Stopwatch
Функциональный и адаптивный 3D-секундомер, реализованный на чистом CSS.
codepen.io
Rating
Выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.
codepen.io
Temperature picker
Ползунок диапазона для выбора температуры с возможностью переключения с °F на °C, реализованный с помощью CSS и JavaScript.
codepen.io
Хотите освоить профессию фронтенд-разработчика в 3 раза быстрее, чем на обычном онлайн-курсе? Тогда станьте фронтенд-разработчиком в онлайн-буткемпе Хекслета!
✔️ Мы переработали формат обучения — разбили классическую программу «Фронтенд-разработчик» на модули со спринтами и дедлайнами.
✔️ Погрузили в продакшен. В рамках обучения студенты будут участвовать в Open Source проектах Хекслета и работать с чужим кодом, чтобы развить soft skills и повысить шансы на трудоустройство.
✔️ Усилили поддержку наставника. Теперь он с вами на связи 8 часов в день. Будет больше активностей в чате и времени на каждого студента, чтобы помочь разобраться со сложностями.
✔️ Сделали основной упор на практику. Помимо лайвкодинг-сессий, добавили формат практических разборов упражнений, консультаций. Вы будете очень много кодить: набивать руку и перестраивать мозг.
✔️Приблизили к трудоустройству. Собрали 2-недельный Карьерный трек из самых важных этапов подготовки к поиску работы. Готовое резюме, упакованное портфолио и настрой на успех.
Буткемп потребует от вас максимум включенности и личного времени. Будет сложно, но оно того стоит!🤘
Material Design - FAB Motion Animation
Анимация изменения дизайна при нажатии. Написана с помощью javascript и css.
Привет!
Мы IT-школа Myfreedom c 15-летним стажем преподавания!
Наши миссия — вырастить как можно больше крутых IT-специалистов!
Поэтому мы запускаем неделю бесплатного обучения по курсу "Веб-программирование"
Почему стоит пройти обучение?
⚡️поддержка от ментора в чате
⚡️обратная связь от преподавателя по дз
⚡️столько заданий, пока не будешь уверен в том, что понял тему
⚡️занятия в удобное время и в комфортном для тебя темпе
⚡️общение и поддержка от комьюнити
⚠️ И важно: будет много практики!
Крутая возможность бесплатно окунуться в профессию и узнать ответы на свои вопросы.
Пройди экзаменационный тест и стань студентом IT-школы Myfreedom!👇
tg://resolve?domain=MFWebDevTest_bot
📝 Задача по JavaScript
Ответ:
doThat
Объяснение:
Переменная doThis содержит функция doThat. Function expression имеет свойство name. Свойство name глобального объекта Function и его экземпляров содержит название функции созданное во время определения функции или присваивания ссылки на функцию переменной, свойству, аргументу и т. п.
#практика
Бесплатная карта компетенций для фронтендера
HTML Academy подготовила для вас карту, которая поможет определиться с тем, что учить, чтобы найти хорошую работу.
А уже работающим фронтендерам, карта компетенций поможет понять чему необходимо учиться для карьерного роста. Поэтому, она подойдёт для разработчика любого уровня.
👉 Переходите в бота и забирайте
Parallax Star background in CSS
Фон звезд параллакса. Реализован при помощи CSS.
codepen.io
⚡️ Метод массива every()
#теория
Overlapping Sushi Cards
Анимация перекрывающиеся карточек. Реализована с помощью JavaScript.
codepen.io
Ответ:
"4"
Объяснение:
В функции a есть знак '-' и происходит численное преобразование true в 1, '4' в 4, '-4' в -4.
Neumorphism - Wave Animation
Волновая анимация при клике на кнопку в стиле неоморфизма, реализованная с помощью CSS и JavaScript.
codepen.io
Direction-Aware 3D Figma Icon
Объёмный логотип Figma с анимацией передвижения за курсором мыши, реализованный с помощью CSS и JavaScript.
codepen.io
Познакомьтесь с JavaScript на бесплатном онлайн-вебинаре.
Регистрируйтесь на встречу с Фронтенд-разработчиком, которая пройдет 17 ноября в 19:00 по московскому времени!
За 2 часа вы узнаете:
✔️Cтоит ли идти во фронтендеры и кому подойдет эта профессия.
✔️Напишите мини-игру, используя базовые конструкции JS.
✔️Какие навыки и знания помогут оставаться в профессии надолго.
✔️Как найти первую работу новичку без опыта.
Разобраться в теме поможет профи Алексей Кадочников — с опытом в разработке более 9 лет. Работал в таких крупных компаниях как Mail.ru Group, Wizzard-C.
🎁 Все участники вебинара получат приятные бонусы от Хекслета!
Ваше будущее может измениться в лучшую сторону, записывайтесь🤘
2 DIV 3D dice
Анимация игральной объемной кости, реализованная с помощью двух тегов div на чистом CSS.
Simple CSS loaders
Анимация загрузки. Реализована при помощи CSS.
codepen.io
