Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
10 вещей, которые должен знать фронтендер
Занимаешься фронтенд разработкой? Мы нашли 10 вещей, которые тебе пригодятся в грядущем году.

https://betterprogramming.pub/10-things-front-end-developers-should-learn-in-2020-61b448e75483
9 полезных трюков HTML

https://habr.com/ru/post/480104/
Box shadows - генератор теней на CSS. Имеет широкие настройки теней - внешние, внутренние, размытые, плоские.

https://css3gen.com/box-shadow/
17 и 18 марта в Крокус Экспо состоится крупнейшая в России IT-конференция HighLoad++ Foundation. Мы будем рады видеть вас среди участников конференции!

Подробнее о конференции: https://bit.ly/3u3TD4t

😃Если вы никогда не были на HighLoad++, то вот немного фактов:


Более 10 лет на конференцию собирается 1000-3000 разработчиков нагруженных систем.
Здесь можно найти эксперта практически по любому вопросу, пообщаться с создателями технологий, на которых вы работаете.
И вообще нетворкинг — наше всё. Неформальная обстановка конференции позволяет говорить со своими о своём. И кто знает, какие новые идеи принесут эти разговоры и встречи.
Премия HighLoad++ уже стала традицией. Она существует с 2018 года, и сейчас это фактически Оскар в сфере IT.
Партнёрские стенды — это не только призы и лёгкая степень безумия, но и возможность расспросить, что там под капотом у самых крупных IT-проектов

Ждем вас!
Мгновенный ночной режим

Если вы хотите быстро добавить вашему веб-сайту популярный «ночной режим», обратите внимание на CSS фильтры invert и hue-rotate.

https://medium.com/webbdev/css-b853c770fb18
Возможность разработать решение, востребованное рынком, объективно и публично продемонстрировать его работоспособность, громко об этом заявить. Если техбарьер будет преодолен, то его разработчики получат рынок без конкурентов.

Приз 200 млн рублей. Организаторы технологических конкурсов Up Great не регулируют дальнейшую судьбу награды и не претендуют на результаты интеллектуальной деятельности участников соревнований.

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

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

AI'M DOCTOR активно поддерживают медики, разработчики и ученые из смежных отраслей.

Подробнее
👍1
Создание отзывчивого компонента боковой панели

https://web.dev/building-a-sidenav-component/
3 февраля мы подведем итоги конкурса Up Great ПРО//ЧТЕНИЕ

Несколько команд показали внушительные результаты, но достаточно ли этого для получения беспрецедентной в России призовой премии — узнаете 3 февраля. Сразу скажем, что будет вручен призовой фонд по специальным номинациям конкурса в размере 32 млн руб.

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

Если разработка участников справилась с задачей на уровне опытного учителя, то ее авторы получат приз до 100 млн руб. по каждому языку. Еще мы объявим победителей в специальных номинациях «Структура» и «Логика». На призовой фонд номинаций претендуют авторы решений, позволяющих выявить логические ошибки в тексте, а также определить смысловые блоки в сочинениях.

Подробнее
On/Off switch - создание переключателя "on/off" на чистом CSS.

https://proto.io/freebies/onoff/
Как найти утечки памяти на сайтах и в веб-приложениях
Статья на Eng
Утечки памяти мешают пользователям долго работать с вашим веб-приложением – из-за них можно потерять аудиторию. Попробуем разобраться как этого избежать.

https://sematext.com/blog/web-application-memory-leaks/
👍1
Кто будет выявлять победителей в конкурсе AI'M DOCTOR, задача которого — преодоление технологического барьера в области искусственного интеллекта в медицине.

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

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

Экспертная комиссия состоит из специалистов в области медицины. Его цель — научно-методологическое и экспертное обеспечение деятельности конкурса (корректность результатов с врачебной точки зрения).

Жюри утверждает результаты финальных испытаний разработок участников, определяют победителей и призеров.

Подробнее
👍1
Заметка о 3-х способах доступа к свойствам объекта в JavaScript.

https://dmitripavlutin.com/access-object-properties-javascript/
Три способа создания клякс с помощью CSS и SVG

Кляксы (Blob) - это гладкие, аморфные, желеобразные формы, обычно причудливые и забавные. Их можно использовать в качестве элементов иллюстраций и фоновых эффектов в сети.

Итак, как же они устроены? Разумеется, можно открыть какой-то графический редактор и сделайте их, верно? Конечно, это круто. Но мы пишем здесь о CSS финтах, и было бы гораздо интереснее посмотреть на возможности, которые нам дают CSS и SVG - двух наших любимых ингредиентов!


Подробнее
Original
🔥1
Продолжаем следить за вакансиями на российском IT-рынке. Среди интересного: IBS набирает в команду тестировщиков и разработчиков.

Какие тестировщики нужны: инженеры по ручному, автоматизированному и нагрузочному тестированию. Требуется релевантный опыт от года, готовность работать фултайм, развиваться и строить карьеру.

Какие разработчики нужны: миддлы и сеньоры. Никакой работы «в стол» — все проекты уходят в промышленную эксплуатацию. Системы IBS работают в технологичных банках, ритейле и других крупных российских компаниях.

Что дают? Всё, что любим: быстрый рост, прозрачная система грейдов, классное руководство, высокий уровень дохода, соцпакет с ДМС, стоматологией и прочими бенефитами.

Подробнее о вакансиях
Bulma - это бесплатный CSS-фреймворк с открытым исходным кодом, основанный на Flexbox.

https://bulma.io/
HTML Тег <mark>

Тег <mark> выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют <mark> жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером.

<p>
Мы можем предложить вам на выбор
преимущественно <mark>чёрных</mark>,
<mark>белых</mark> или <mark>серых</mark>
котов. Также обратите внимание
на <mark>черепаховую</mark> кошку,
которую сложно определить
в одну из этих категорий.
</p>
💻 В конце прошлого года российская ИТ-компания Т1 Консалтинг провела хакатон T1 Digital Challenge. 18 команд боролись за призовой фонд в 500 тысяч рублей: они создавали корпоративные продукты с помощью No-Code и Low-Code платформ и улучшали пользовательский опыт.

Победители презентовали SaaS для брони звонков с кандидатами и сбора обратной связи, мобильную CRM с распознаванием текста и QR-код, который при сканировании записывает баллы промоутеру.

Организаторы хакатона подробно разобрали решения участников — команды рассказали, как они их придумывали и с какими сложностями столкнулись. А те, кто приз не получил, поделились мнением, чего им не хватило для победы.

🧑‍💻 Статья пригодится разработчикам, которые уже участвуют в хакатонах или только планируют это делать.

➡️ Читайте разбор здесь
👍1
CSS in Depth
Автор: Keith J. Grant (2018)

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

С помощью книги вы:
✔️Сможете избежать распространённых ошибок;
✔️Научитесь использовать Grid Layout и flexbox;
✔️Научитесь писать читабельный качественный код;
✔️Сможете спроектировать адаптивный дизайн для любых устройств.

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

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

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

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

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

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