Сбер и 500 Global запустили новую волну международного акселератора для IT-стартапов — Sber500

По своему опыту могу сказать, что это один из сильнейших акселераторов в России: лекции от менторов из Кремниевой долины, нетворкинг, возможность получить инвестиции.

В этом году акселерация пройдет в 3 этапа:

1. Bootcamp — Вы проработаете ценностное предложение, узнаете, как выстроить коммуникацию с разными целевыми сегментами и получите советы от экспертов со всего мира.
2. Growth Hacking — Вас ждет интенсивное обучение, тестирование множества гипотез и индивидуальная работа с менторами.
3. Getting Tactical — Лекции, воркшопы, чтобы отработать полученные знания, а также встречи с представителями компаний экосистемы Сбера, других корпораций и фондов.

Господа-фаундеры, я бы на вашем месте точно не прошел мимо такой возможности! Тем более, что участие в программе абсолютно бесплатное.

Подавайте заявку прямо сейчас.
Регистрация закроется уже 7 февраля 🦄

Учимся верстать на React за 5 минут

Эта статья для тех, кто уже знает CSS/HTML, немного JavaScript, хочет попробовать свои силы в React, но не знает, с чего начать. А начать можно как раз с верстки.

Подробнее

Всем привет!
Мы сделали сервис, который отбирает вакансии по вашим интересам.
Настройте личные фильтры: локация, точный технологический стек, и, конечно, не забудьте о деньгах.

Все самые подходящие предложения рынка – в @GetMeIT_bot

Кроссбраузерное видео с прозрачным фоном

Поскольку веб-сайты становятся все более динамичными в плане дизайна, иногда возникает необходимость включить в них сложные анимированные элементы. Существует множество способов сделать это - от CSS-переходов до 3D-рендеринга на canvas и анимированного SVG. Но часто проще использовать <video>, поскольку они могут быть довольно эффективными и с их помощью можно сделать практически все, что угодно.

Подробнее

Как удалить все каталоги node_modules с компьютера.

За последние несколько лет я запускал npm install больше раз, чем смогу сосчитать. И как результат на компьютере образовалось довольно много каталогов node_modules, о которых я давно уже забыл и не использую.

Подробнее

Fancy Border Radius - генератор сложных фигур.

https://9elements.github.io/fancy-border-radius/#36.43.37.0--216.300

Anime.js - продвинутая JS библиотека для создания анимаций

Особенности / преимущества:
✔️Anime.js работает с атрибутами DOM, свойствами CSS, SVG, преобразованиями CSS и объектами JS.
✔️Работает со всеми основными браузерами
✔️Исходный код легко расшифровать и использовать.
✔️Есть сложные методы анимации, такие как перекрытие и постепенное завершение.
✔️ Мощный и простой API

Оф. сайт: https://animejs.com/
Гит: https://github.com/juliangarnier/anime/
Примеры использования: https://codepen.io/collection/XLebem/

Memory Game

Суть игры в том, чтобы найти пары одинаковых карточек. Логика сделана на JS.

https://codepen.io/jeytii/pen/QoagLr

The Impossible Lightbulb

Лампочка, которую невозможно включить: открывается дверь и злой мишка снова ее выключает. Анимация реализована с помощью GSAP.

https://codepen.io/jh3y/pen/dyXBKog

Модификация ArrayList

Для добавления элементов используется add(). В скобочках указывается элемент, который мы хотим добавить. Чтобы удалить элемент, пишем remove(). В скобочках можно писать как сам элемент, который мы хотим удалить, так и его индекс.

#java

Подписывайтесь на канал 👉@coddy_academy

Ребята из Geecko создали для Сбера файтинговую игру для программистов Sberfight.

Это «разминка для мозгов»: быстро найти неочевидное решение, написать код и… наслаждаться визуализацией, как виртуозно дерётся персонаж. Он даже может сделать «сберталити», ну вы понимаете😉

👉Отборочный этап — до 25 февраля.
👉В плей-офф пройдут 256 участников и все получат призы.
🏆Финальные битвы — 25–27 февраля.

Переходите по ссылке, выбирайте персонажа и погрузитесь в атмосферу файтинга, в котором мощь героя зависят только от силы ваших кодинговых скиллов😎 Да победит умнейший!

P.S. Понравился формат? Приходите на Арену и участвуйте в боях PvP или «стенка на стенку». Приглашайте друзей, коллег или бейтесь со случайными противниками. Лучшие команды получат ценные призы.

Интересует web и все что с ним связано? Тогда тебе сюда - Web Overflow

Тебя тут ждут два дева, которые делятся своим опытом и ништяками, которые они юзают каждый день.

✔️ Разговорный формат
✔️ Только живой и настоящий опыт
✔️ Разбираем вопросы на интервью любой сложности
✔️ Решаем интересные задачи
✔️ Обсуждаем актуальные новинки в сфере ИТ

https://yangx.top/web_overflow
https://yangx.top/web_overflow
https://yangx.top/web_overflow

Создаём расширение для Chrome

Написать расширение для Chrome непросто. Это не то же самое, что разработка веб-приложения: не хочется перегружать браузер оверхедом JS, ведь расширения работают одновременно с сайтами. Более того, у нас нет инструментов упаковки или отладки из привычных фреймворков.

Подробнее

Babel - бесплатный компилятор JS с открытым исходным кодом

Babel - это набор инструментов, который в основном используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в текущих и старых браузерах или средах.

Особенности:
👉 изменение синтаксиса
👉 Преобразование синтаксиса Функции Polyfill, которые отсутствуют в вашей целевой среде (с помощью сторонних полифилов, таких как core-js)
👉 Преобразования исходного кода (codemods)

Ссылка: https://babeljs.io/
Гит: https://github.com/babel/babel

Как создать радиальный градиент в CSS?

Для создания фона в виде радиального (кругового, эллиптического) градиента испольуется функция radial-gradient.

Самый простой градиент задаётся двумя цветами.
.element {
background-image: radial-gradient(#6e4aff, #49A16C);
}

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

Цветов мы можем перечислить сколько угодно. Браузер сам распределит градиент таким образом, чтобы последний цвет всегда заходил в угол элемента.

Форма градиента задаётся ключевым словом circle или ellipse (по умолчанию).

Мы можем задавать положение центральной точки, используя те же ключевые слова, что и для background-position, но с приставкой at: at left, at top, at right, at bottom, at center (по умолчанию). Значения можно сочетать, чтобы поместить центр градиента в нужный угол элемента: at top left — центр градиента в верхнем левом углу.