8370
Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss
Сколько нужно времени, чтобы освоить востребованную профессию фронтенд-разработчика?
Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «Фронтенд-разработчик».
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения.
📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !
FLIP List items - Flip Plugin
Элементы списка FLIP, при наведение карточка раскрывается. Реализована с помощью JavaScript.
codepen.io
Material sheet isometric animation
Изометрическая анимация листа. Написана на чистом CSS.
codepen.io
Custom Radio Buttons
Пользовательские радио-кнопки, выполненные на чистом CSS.
codepen.io
Rotating border
Вращающаяся граница, написана на чистом css.
codepen.io
Hex animation
Шестнадцатеричная анимация, реализованная с помощью TweenMax.js.
codepen.io
Ты всего за 7 дней сверстаешь и добавишь в портфолио 1 качественный сайт.
Даже если никогда не кодил.
Смотри, на эти 7 дней план такой:
- Знакомишься с профессией Frontend-разработчик;
- Изучаешь HTML, CSS и создаёшь первую страничку;
- Оживляешь страницу с помощью JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключаешь Backend и загружаешь сайт на хостинг;
- Получаешь советы по доработке своего проекта;
В итоге ты своими руками создашь полноценный сайт, который не стыдно добавить в портфолио.
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 8-летним стажем – Романа Чернова.
Да, реально за 7 дней сделать 1 проект даже новичку. Мы проверили на более 7000 человек.
👉 Проскочить на интенсив бесплатно
Начинаем 10 января.
Rolling Radio Buttons
Прокручивающиеся radio-кнопки, выполненные с помощью HTML, CSS и JavaScript.
codepen.io
Text Animation
Анимация текста, реализованная на чистом CSS.
codepen.io
Custom Radio Buttons
Пользовательские радио-кнопки, выполненные на чистом CSS.
codepen.io
She stared...
Анимация медленно поднимающихся голлограм, написана на чистом css.
codepen.io
Are you feeling down?
Анимация появления карточек. Реализована с помощью JavaScript и CSS.
codepen.io
Toggles
Подборка креативных переключателей на чистом CSS
codepen.io
Bauhaus/Mondrian
Анимация смены текста внутри сетки при наведении или клике, реализованная на чистом CSS.
codepen.io
Credit Card Form - VueJs
Красивая реализация формы заполнения банковских карт реализованная на vue.js
codepen.io
CSS animation-delay demo 🤓
Демонстрация задержки анимации, реализованная с помощью css, js.
codepen.io
WARP
Анимация искажения цветов, реализованная с помощью WebGL.
codepen.io
Material Design - FAB Motion Animation
Анимация изменения дизайна при нажатии. Написана с помощью javascript и css.
codepen.io
Dark UI - Bank dashboard concept
Адаптивный личный кабинет приложения банка в тёмном стиле. Реализован на чистом CSS.
codepen.io
Header With Slide Bar
Появляющийся заголовок с ползунком. Написан на чистом CSS.
codepen.io
Outfit at Dusk
Анимация заднего фона. Реализована с помощью JavaScript.
сodepen.io
About Us Pop-Out Effect
Интересный эффект всплывающего изображения, реализованный на чистом CSS.
codepen.io
Magnetic button animation
Анимация примагничивающихся кнопок при наведении, реализована с помощью HTML, CSS и JavaScript.
codepen.io
Pure CSS Flip Card
Анимация флип-карта, реализована с помощью css и js.
codepen.io
Generative UI - Orb Animation [pixi.js] + Frosty Elements
Пользовательский интерфейс и анимация сферы с морозными элементами. Реализован с помощью JavaScript.
codepen.io
UX in Motion | Animation
UX элементы в движении. Написан на чистом CSS.
codepen.io
Станьте востребованным фронтенд-разработчиком уже в 2023 году. Сделайте шаг в новую жизнь прямо сейчас.
Записывайтесь на курс от Хекслета и получайте скидку 10% и подарок на выбор: депозит 20 000 ₽, базовая подписка на 5 месяцев или премиум-подписка на 1 месяц
Вы также можете порадовать не только себя, но и близкого человека. Воспользуйтесь уникальным предложением для двоих: купите вторую профессию со скидкой 40%.
На профессии «Фронтенд-разработчик» вы за 10 месяцев:
✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.
✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Sours проектах.
✔️Вступите в программу «Карьерный трек»: получите шанс попасть на оплачиваемую стажировку и найти первую работу в IT.
Шагните в новую профессию. Успейте оставить заявку до 31 декабря, чтобы получить новогодние подарки.
Like Overflow
Кнопка "Нравится", реализована с помощью React и анимирована с помощью библиотеки GSAP.
codepen.io
Cascades
Анимация каскада цветных частиц, реализованная с помощью Pixi.js и Zepto.js.
codepen.io
CSS X-Men
Анимация при наведении на аватарку, реализована с помощью css и js.
codepen.io
