Category : javascript

javascript
Выкинь свой RoadMap: что на самом деле нужно знать начинающему фронтендеру

Сколько бы раз я ни смотрел RoadMap для начинающих фронтендеров, всегда натыкаюсь на одну проблему: RoadMap, как правило, — просто свалка технологий, которую можно описать одной фразой: "Учи всё, что есть". Но так ли это? Нужно ли учить всё это в самом начале? Давайте отбросим большую схему с технологиями в сторону и поговорим начистоту.Каждая компания и команда уникальны. Проекты также имеют свою специфику и технологический стек. Но всё же есть то, что объединяет большинство компаний, …

  • суббота, 7 декабря 2024 г. в 00:00:11
javascript
Как я написал свою первую обучающую игру на JavaScript с помощью Mistral AI и Яндекс Шедеврума

Привет! Я преподаватель информатики и математики. В один прекрасный день осознал простую и важную вещь: дети (и взрослые) любят игры, а математику не любят. И с этим ничего нельзя сделать.Начал размышлять, как бы геймифицировать учебный процесс. Увлекаюсь HTML, CSS, JavaScript, поэтому задумал написать игру, в которой сюжет продвигался бы за счёт решения задач — и написал. Но самое интересное не это, а вот что: Трудно быть и продактом, и разработчиком — то бишь и визионером, и исполнителем — в …

  • суббота, 7 декабря 2024 г. в 00:00:09
javascript
Как сделать анимацию разными способами и когда их использовать

Привет! Меня зовут Даша, я фронтенд-разработчик отдела спецпроектов в KTS.В нашем отделе мы часто занимаемся разработкой ярких и креативных проектов, которые содержат в себе анимации. Сегодня хочу поделиться нашим опытом, рассказать про несколько способов создания анимаций и показать, в каких случаях уместно ими пользоваться.Для каждой из перечисленных технологий я буду приводить пример использования анимации в реальном проекте.ОглавлениеCSSSVGWebPCanvasLottieSpineСеквенцияДругие инструментыЗак…

  • суббота, 7 декабря 2024 г. в 00:00:08
javascript
Как удалить неиспользуемые зависимости из проекта?

freepikВ процессе разработки проекта со временем могут накапливаться неиспользуемые зависимости. Они увеличивают размер проекта и могут создавать потенциальные уязвимости. Рассмотрим основные методы очистки проекта от таких зависимостей.Инструменты для поиска неиспользуемых зависимостейnpm-checkЭтот инструмент позволяет находить неиспользуемые зависимости и обновлять устаревшие модули. Для работы выполните:npm install -g npm-check npm-checkОн выведет список зависимостей и выделит те, которые не…

  • суббота, 7 декабря 2024 г. в 00:00:07
javascript
Ускорение страниц с VK Видео

Ускорение страниц сайта на которых встроено VK Видео через iframe. Не самая популярная тема в прошлом, но сейчас времена меняются.Ускорение страниц с VK ВидеоУскорение загрузки страниц с встройкой VK ВидеоНовости о том, что YouTube в России замедляют и возможно полностью заблокируют заставили меня задуматься. Я вспомнил, что у меня на сайте много постов, в которых видео с YouTube. Далее так как я уже давно потихоньку переношу свои видео с YouTube в VK, я также решил потихоньку менять их у себя …

  • пятница, 6 декабря 2024 г. в 00:00:05
javascript
Слабоумие и отвага: как найти ликвидные облигации с доходностью до 40% и ежемесячными фиксированным…

Что может быть привлекательнее депозита в Сбербанке под 21%? Видимо только депозит в ВТБ под 24%. А еще можно рассмотреть облигации с доходностью до 40% и ежемесячной выплатой купонов. Посмотрим, что они предлагают и какие существуют риски.В статье будем искать варианты при помощи скрипта поиска ликвидных облигаций, который выложен на GitHub. Карта доходности облигаций на Московской бирже, начало декабря 2024 годаВообще покупки высокодоходных облигаций с низким рейтингом (ВДО) на фоне роста клю…

  • пятница, 6 декабря 2024 г. в 00:00:04
javascript
Redux для новичков: база, с которой можно стартовать

Привет, Хабр!Сегодня рассмотрим библиотеку Redux для JS, зачем она нужна, и стоит ли она вашего внимания. Redux — это библиотека для управления состоянием приложения. Redux создан для тех случаев, когда:У вас огромное приложение, и нужно управлять кучей данных.Эти данные нужно шарить между компонентами, которые находятся на разных уровнях иерархии.Есть сложная логика обновления данных, и хочется, чтобы код этой логики был не просто работающим, но и понятным через полгода.Redux помогает:Упорядоч…

  • четверг, 5 декабря 2024 г. в 00:00:08
javascript
Руководство по Convex. Часть 2

Привет, друзья! В этой серии статей я рассказываю о Convex — новом открытом и бесплатном решении BaaS (Backend as a Service — бэкенд как услуга), которое выглядит очень многообещающе и быстро набирает популярность среди разработчиков. На сегодняшний день Convex предоставляет реактивную базу данных смешанного типа, механизм аутентификации/авторизации, файловое хранилище, планировщик задач и инструменты интеллектуального поиска. Эта вторая часть серии, в которой мы поговорим об аутентификации и…

  • четверг, 5 декабря 2024 г. в 00:00:07
javascript
WordPress × Wavesurfer JS

WordPress × Wavesurfer JS – наконец-то дошли руки поделиться своим опытом использования wavesurfer.js в связке с сайтом на WordPress.WordPress × Wavesurfer JSКогда я делал вторую версию своего сайта и решил обновить раздел с музыкой мне захотелось сделать плеер с визуализаций частотной диаграммы, как у SoundCloud. Я достаточно быстро нашел wavesurfer.js и дальше начался процесс сбора информации с разных сайтов о том как его использовать. Постепенно я пришел к желаемому результату и решил им под…

  • четверг, 5 декабря 2024 г. в 00:00:05