JavaScript

Погружение в фундаментальные основы реактивного программирования: разберемся в том, что React.js всё же является реактивным, и рассмотрим кейсы, при которых целесообразно применять паттерны реактивного программирования. Читать

CSS animation-delay demo 🤓 Демонстрация задержки анимации, реализованная с помощью css, js. #анимация #css https://codepen.io/jh3y/pen/qBdzbGb @about_javascript

❗️Что такое REST? ⚠️ На открытом уроке «Построение Rest API с Express» 5 июня в 20:00 мы рассмотрим общие стандарты создания и принципы построения API. А также проанализируем технологии аутентификации в веб приложениях. После вебинара еще больше продвинутых навыков fullstack-разработчика будет ждать вас на онлайн-курсе «JavaScript Developer. Professional» от OTUS. 👉 Готовьте вопросы и записывайтесь на вебинар! https://otus.pw/Vjxy/ Нативная интеграция. Информация о продукте www.otus.ru

CSS Rooster Animation Анимированная сцена, выполненная на чистом CSS, без использования JavaScript. #css

​Четыре полезных встроенных веб-API JavaScript Все браузеры имеют набор встроенных API, которые расширяют их функциональность, обычно за счёт поддержки сложных операций. В этой статье вы узнаете о четырёх встроенных веб-API JavaScript, которые вы можете использовать в своих проектах: Notification API, Geolocation API, History API и Barcode Detection API. Подробнее: https://blog.openreplay.com/four-useful-built-in-javascript-web-apis/ #javascript

Полезная библиотека для понимания работы JS js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if: https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart #js

⚡️Можно ли быстро овладеть Vue.js на продвинутом уровне? ⚡️Ответ экспертов OTUS — да! Приглашаем JS- и backend-разработчиков, желающих стать Fullstack, в новый поток онлайн-курса «Vue.js разработчик» в OTUS. Вас ждут живые вебинары, обмен опытом и много практики! 🔥За 4 месяца вы научитесь: • Использовать возможности Vue, Vue-router, Vuex • Создавать SPA-приложения и оптимизировать их для production • Писать чистый и лаконичный код на ES6/ES8/TypeScript • Писать интеграционные и юнит-тесты с Jest, Cypres • Работать с GraphQL, Firebase, Electron, NativeScript В конце вы закрепите навыки выпускным проектом и пополните им свое портфолио. 👉🏻 Пройдите вступительный тест и присоединяйтесь к группе https://otus.pw/Hffy/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

​Click To Zoom Calendar Этот проект представляет собой интерфейс календаря с интересной анимацией — при выборе конкретной даты, происходит зум на эту ячейку для просмотра подробностей, а повторный клик возвращает исходный вид календаря. Посмотреть, как это реализовано с точки зрения код можно тут: https://codepen.io/Hyperplexed/pen/qBVPaNV #codepen

Что выведет в консоль, если запустить код в браузере?

🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/sDRg/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Pixi.js — красивые 2D анимации Изначально Pixi.js использовался для создания игр в браузере, но довольно быстро набрал популярность среди разработчиков. Pixi позволяет создавать красивые анимации для рекламы, баннеров на сайтах, поэтому может быть добавлен в любой проект: https://pixijs.com/ #js

Fontstorage — гигантская библиотека шрифтов На главной странице вам будет предложено выбрать один из четырёх стилей шрифта: Sans Serif, Serif, Decorative и Monospace Затем вам на выбор будет предложено огромное количество вариантов, которые можно скачать Сервис поддерживает поиск по тегам, а также простенькую сортировку Стоимость: #бесплатно #шрифт #web

Эксперты Sber Al оценят знания более 100 школьников, которые вышли в финал Национальной технологической олимпиады по искусственному интеллекту. Финал стартовал накануне 27 февраля и закончится 3 марта. За первое место будут бороться более 100 школьников из 27 регионов России и Казахстана. Изначально желание учувствовать в Олимпиаде по ИИ заявили 6150 школьников из России, Белоруссии, Индии, Казахстана, Киргизии, Молдавии, Таджикистана и Узбекистана. В финальном испытании, подготовленном Sber AI, ребятам предстоит разработать алгоритм, который анализирует видео и отвечает на вопросы по его содержанию. По результатам профильного тура команды-победители пригласят на оплачиваемую стажировку в Сбер и компании-партнеры по направлению «Машинное обучение». Призовой фонд Олимпиады 4 млн рублей.

Как отследить событие закрытия браузера и вкладки с помощью JavaScript Небольшой туториал для начинающих фронтенд-разработчиков. Изучайте, сохраняйте и берите на вооружение: https://nuancesprog.ru/p/16673/ #javascript

Embold — платформа для анализа исходного кода и выявления в нём проблем Работать с инструментом достаточно просто. Для начала нужно подключить к нему свои репозитории. Затем Embold отсканирует их (автоматически или вручную ). В том числе запросы и коммиты внутри них По итогу результаты сканирования доступны для изучения в веб-интерфейсе или с помощью различных плагинов Стоимость: #бесплатно (но есть платные тарифы) #web #баги

Сегментированный прогресс-бар Ловите анимированный прогресс-бар, который разделён на отдельные сегменты, позволяя отмечать конкретные этапы взаимодействия с вашим сервисом. Код для реализации аналогичного элемента доступен здесь: https://codepen.io/jkantner/pen/poPWVbV #codepen

VelocityJS demo Подвижная анимация для загрузки. Реализована с помощью JavaScript и CSS. #анимация #css #js https://codepen.io/sol0mka/pen/eYgydO