JavaScript

⚡️Можно ли быстро овладеть 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

Checkbox Animations With Indeterminate State Анимированный checkbox, выполненный с помощью SVG, CSS и JavaScript. #css #js

Создаём сайт портфолио с крутой анимацией Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно: — синхронизация вертикальных слайдов, — CSS анимация скролла с инерцией, — анимация при наведении. Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU #html #css #json @about_javascript

Little Gallery Небольшой пак фотографий/картинок в виде карточек, которые анимируются вот таким способом. Непонятно на сколько это практично, но как минимум это забавно. #js #css #html #coden 💬 Чат фронтендеров

​Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax Умение работать с запросами — один из главных навыков разработчика, потому что запросы отправляются и принимаются постоянно различными частями приложений. В этом виде вы в простой и понятной форме сможете разобраться в том, как работают запросы, какие варианты существуют и как их применять: https://youtu.be/eKCD9djJQKc #javascript #видео