Rubber Slider — range slider с "резиновым" эффектом, реализованный с помощью TweenMax.js, jQuery и GSAP.

#jquery #gsap #TweenMaxjs

Фронтендеры, работа есть!

Прошу заметить - все время в презентации Эпол очков показывали браузер и веб сайты.
Ни один раз, ни два, а чаще даже чем видео звонки или игрухи 🤓

А народу с macOS четко показали что PWA (веб-сайты в иконке) заменит большую часть десктоп приложений (спойлер - это уже случилось, но мало кто знал)

p.s. половина ваших “приложений” уже давно работают на JS. Вот вам, для примера:
Slack, Skype, VSCode, Notion, Figma, Facebook, Instagram, Spotify, Uber, Netflix, LinkedIn, Discord, Postman, MS Teams, What’s App, Trello, Twitch, GitHub Desktop.. и это даже не половина 🫣

Хватит уже сопротивляться, типизированные братья. ДжаваСкрипт проник в каждую секунду нашего пространства и это только начало

Trying To Be Victorious [Game] — игра "Космическая стрелялка", реализованная с помощью JavaScript.

#игра #javascript

Search4faces: сервис, который поможет найти человека по фотографии в социальных сетях | #osint_programs

Search4faces — это сервис, предназначенный для поиска людей в интернете на основе фотографий. Используя технологии нейронных сетей и машинного обучения, он обещает помочь пользователям найти нужного человека или кого-то, очень на него похожего, всего за несколько секунд.

Результатом поиска является ссылка на профиль найденного человека в социальных сетях, таких как Вконтакте, Клабхаус, Одноклассники, Тикток, а в будущем планируется расширение и на другие платформы.

Детальнее — на нашем сайте.

osint library

Sunbeams — эффект прохождения солнечных лучей сквозь листву дерева при движении изображения. Реализован с помощью шейдеров и JavaScript.

#анимация #javascript

Slinky Text — эффект гибкости текста, реализованный с помощью CSS и JavaScript.

#текст #css #javascript

Energy — анимация энергетических лучей, которые следуют за курсором мыши. Реализована с помощью JavaScript.

#анимация #javascript

Spiral generator - Генератор анимированных разноцветных спиралей.

#анимация #html #css #js

ParticleVisual - Летящие частицы, анимированные с помощью tweenmax. По клику часть частиц под курсором исчезают.

#анимация #html #css #js

🔵 Хотите расти как PHP-разработчик? 

⚡️ Приходите 28 июня в 20:00 на открытый урок «Статические анализаторы кода в PHP» в OTUS. После урока сможете записаться на онлайн-курса «PHP Developer. Professional» в OTUS. 

На занятии мы рассмотрим важный инструмент в мире PHP разработки — статические анализаторы кода. Они помогают разработчикам обнаруживать потенциальные ошибки и улучшать качество своего кода. 

На занятии вы узнаете:
— Что такое статические анализаторы
— Какие они бывают
— Как применять статические анализаторы 
— Какие могут возникнуть сложности в работе с ними/

🔵Урок будет полезен тем, кто хочет узнать, чем статистические анализаторы отличаются друг от друга и выбрать лучший инструмент для своих проектов.

🟠 Продолжить обучение на курсе возможно в рассрочку. 

➡️ Регистрация на открытый урок:  https://otus.pw/U8Fl/

🧠Что бы я делал на вашем месте, если только собирался входить в IT?

Любой человек может стать IT-специалистом и найти себе первую работу с ЗП от 80к. Даже если сейчас он далек от этой темы. И это факт.

Главное иметь конкретный план действий и упорство.

Руслан, старший аналитик данных, поделился пошаговым планом входа в IT. (Ищите в закрепленном сообщении).

Там все, от выбора языка, направления до конкретных инструментов (которые надо изучить) и поиска работы.

+ В канале найдете его практический опыт в IT:
📍 Что бы я посоветовал себе, если бы только собирался входить в IT;
📍 Как найти работу в IT без опыта;
📍 Какой язык программирования выбрать новичку;
📍 Видео с разбором тестовых задач по SQL с собеседования

Подписывайтесь, чтобы не потерять месяцы на изучение ненужных вещей

The Impossible Lightbulb w/ GSAP - Попытайтесь включить свет в темной комнате. Дверь откроется и мишка снова выключит лампочку. Сделано с использованием GSAP анимации.

#меню #html #css #js

🔥Откройте для себя новые возможности масштабируемых приложений с помощью Angular!

🔔 И сделайте это 18 июля в 20:00 (мск) на открытом уроке, организованном в рамках онлайн-курса «Angular Developer» от OTUS. Узнайте, как этот мощный фреймворк, разработанный Google, использует TypeScript для улучшения читаемости кода и минимизации ошибок.

💬На бесплатном уроке этого курса вы познакомитесь с ключевыми возможностями Angular: Angular CLI, двусторонней привязкой данных, шаблонами, маршрутизацией и сервисами. Преподаватель-эксперт покажет, как эти технологии помогут вам сэкономить время на разработке, создавая продукт с расширяемым, легко поддерживаемым и хорошо структурированным кодом.

После вебинара вы также получите возможность приобрести курс по выгодным условиям в рассрочку. Не упустите шанс!
👉Регистрируйтесь сейчас: https://otus.pw/htlJ/ 

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2Ranykw9LUx

Leaky Preloader - Прикольная анимация загрузки, где линия загрузки рассыпается на две части.

#html #css

🎁 Начните учиться в Хекслете с максимальной выгодой — воспользуйтесь одной из двух акций июля!

На профессии «Фронтенд-разработчик» вы за 10 месяцев:

✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
 ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.

Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!

Sliding Sign In Sign Up Page — Концепт формы авторизации и регистрации с интересной анимацией переключения

#css #html #javascript

❓ Как писать потокобразный реактивный код? 

Познакомьтесь с реактивным программированием, библиотекой RxJS и её использованием в Angular! Приходите 26 июля в 20:00 на открытый урок, который пройдет в рамках онлайн-курса «Angular Developer» OTUS.

Реактивное программирование — это современных подход к разработке ПО, который строится на реагировании на события и на распространении событий. 

🔊 Преимущества такого подхода: 
— Сильно улучшает читаемость и качество кода
— Облегчает контроль за ожидаемыми значениями переменных
— Уменьшение количества строк кода и более высокая производительность Angular

Не упустите возможность протестировать формат обучения! Больше полезного ждет вас на курсе, доступном в рассрочку. 

➡️ Для участия зарегистрируйтесь

Нативная интеграция. Информация о продукте www.otus.ru

CSS Scroll Reveal animation text and image with delay v2 - Популярный эффект reveal для плавного появления текста или картинок при скролле.

#html #css #js

Sliding Sign In Sign Up Page — Концепт формы авторизации и регистрации с интересной анимацией переключения

#css #html #javascript

⚡️Сишарповец, апнуться — просто!

Начните на бесплатном вебинаре онлайн-курса «C# ASP.NET Core разработчик» 17.08 в 20:00 мск — «ASP.NET: взаимодействие с источниками данных»: регистрация

На бесплатном занятии мы:
— познакомимся с видами баз данных;
— разберем, как работать с реляционными и нереляционными базами данных напрямую и через ORM.

🔥Экспертизой поделится Дмитрий Гурьянов — опытный Тимлид команды разработки CRM-решений на платформе .NET.

— Продолжить обучение после вебинара по спеццене можно на полном курсе, доступном также в рассрочку.

Нативная интеграция. Информация о продукте www.otus.ru