Sparse array
Sparse array переводится, как "разреженный" массив. Так называются массивы, которые содержат элементы без явного значения или по-простому "дыры".
Это происходит, например, когда с помощью метода delete удаляются элементы из массива.
Очень интересный факт: метод forEach, пропускает "дыры" в массиве!
Подробно читайте в статье!
Ссылка на статью
#js
Sparse array переводится, как "разреженный" массив. Так называются массивы, которые содержат элементы без явного значения или по-простому "дыры".
Это происходит, например, когда с помощью метода delete удаляются элементы из массива.
let numbers = [1, 2, 3, 4];delete numbers[1];delete numbers[2];Очень интересный факт: метод forEach, пропускает "дыры" в массиве!
Подробно читайте в статье!
Ссылка на статью
#js
Справочник алгоритмов
Делимся ссылкой на GitHub репозиторий, в котором собраны базовые примеры самых популярных алгоритмов и структур данных, реализованных на JavaScript.
Для каждого алгоритма и структуры данных есть отдельный файл README с пояснениями и ссылками на дополнительную информацию.
Ссылка на репозиторий
#инструменты
Делимся ссылкой на GitHub репозиторий, в котором собраны базовые примеры самых популярных алгоритмов и структур данных, реализованных на JavaScript.
Для каждого алгоритма и структуры данных есть отдельный файл README с пояснениями и ссылками на дополнительную информацию.
Ссылка на репозиторий
#инструменты
React Code Editor
С помощью данного туториала вы сможете создать свой собственный онлайн редактор кода.
В нем реализуется следующий функционал:
- компиляция кода в веб-приложении с поддержкой более 40 языков программирования;
- изменение темы редактора из списка доступных;
- получение информации о выполняемом коде (время выполнения кода, используемая память, статус и т. д.).
В проекте используется следующий стэк технологий:
- React.js — для фронтенда;
- TailwindCSS — для стилей;
- Judge0 — для компиляции и выполнения кода;
- RapidAPI — для быстрого развертывания кода Judge0;
- Monaco Editor — редактор кода, на котором работает проект;
Всего столько полезного для изучения в одном проекте!
Ссылка на туториал
#react
С помощью данного туториала вы сможете создать свой собственный онлайн редактор кода.
В нем реализуется следующий функционал:
- компиляция кода в веб-приложении с поддержкой более 40 языков программирования;
- изменение темы редактора из списка доступных;
- получение информации о выполняемом коде (время выполнения кода, используемая память, статус и т. д.).
В проекте используется следующий стэк технологий:
- React.js — для фронтенда;
- TailwindCSS — для стилей;
- Judge0 — для компиляции и выполнения кода;
- RapidAPI — для быстрого развертывания кода Judge0;
- Monaco Editor — редактор кода, на котором работает проект;
Всего столько полезного для изучения в одном проекте!
Ссылка на туториал
#react
Двухфакторная аутентификация
Двухфакторная аутентификация (2FA) добавляет дополнительный уровень безопасности вашему веб-сайту или приложению. Используя 2FA, пользователь может быть уверен, что тот факт, что у кого-то есть пароль, не означает, что этот человек может получить доступ к вашей учетной записи.
Одной из реализаций двухфакторной аутентификации является использование приложений-аутентификаторов, например, такого, как Google Authenticator.
В этой статье вы узнаете, как реализовать этот процесс в Node.js с помощью Google Authenticator.
Ссылка на статью
#nodejs
Двухфакторная аутентификация (2FA) добавляет дополнительный уровень безопасности вашему веб-сайту или приложению. Используя 2FA, пользователь может быть уверен, что тот факт, что у кого-то есть пароль, не означает, что этот человек может получить доступ к вашей учетной записи.
Одной из реализаций двухфакторной аутентификации является использование приложений-аутентификаторов, например, такого, как Google Authenticator.
В этой статье вы узнаете, как реализовать этот процесс в Node.js с помощью Google Authenticator.
Ссылка на статью
#nodejs
perspective
Свойство CSS perspective используется для придания трехмерному элементу некоторой перспективы.
Оно определяет, насколько далеко объект находится от пользователя. Более низкое значение приведет к более интенсивному 3D-эффекту, чем высокое.
По ссылке доступен генератор стилей для того, чтобы поиграться с данным свойством и посмотреть, как на практике оно меняет отображение элемента.
Ссылка на генератор
#дизайн
Свойство CSS perspective используется для придания трехмерному элементу некоторой перспективы.
Оно определяет, насколько далеко объект находится от пользователя. Более низкое значение приведет к более интенсивному 3D-эффекту, чем высокое.
По ссылке доступен генератор стилей для того, чтобы поиграться с данным свойством и посмотреть, как на практике оно меняет отображение элемента.
Ссылка на генератор
#дизайн
VS Code shortcuts
Shortcuts (шорткаты) или "горячие" клавиши помогают повысить скорость написания кода.
В этой статье собраны самые популярные сочетания для работы в VS Code для Windows и Mac!
А в конце есть готовая шпаргалка с шорткатами.
Ссылка на статью
#статьи
Shortcuts (шорткаты) или "горячие" клавиши помогают повысить скорость написания кода.
В этой статье собраны самые популярные сочетания для работы в VS Code для Windows и Mac!
А в конце есть готовая шпаргалка с шорткатами.
Ссылка на статью
#статьи
Hover эффекты
В статье показаны примеры крутых и продвинутых эффектов при наведении. В анимации используются такие свойства, как: background-clip, clip-path, perspective и другие.
Берите на заметку!
Ссылка на статью
#css
В статье показаны примеры крутых и продвинутых эффектов при наведении. В анимации используются такие свойства, как: background-clip, clip-path, perspective и другие.
Берите на заметку!
Ссылка на статью
#css
Курс по ES6
Если вы все еще не используете spread оператор(...), стрелочные функции и остальное, что пришло с появлением ES6, а так же не понимаете, что такое генераторы и для чего они нужны, то этот курс для вас.
Тем более он бесплатный!
Ссылка на курс
#js
Если вы все еще не используете spread оператор(...), стрелочные функции и остальное, что пришло с появлением ES6, а так же не понимаете, что такое генераторы и для чего они нужны, то этот курс для вас.
Тем более он бесплатный!
Ссылка на курс
#js
Книги по вебу
Столько всего полезного на одном ресурсе!
На этом сайте собрана коллекция бесплатных книг по HTML, CSS, JavaScript и другим направлениям.
Ссылка на сайт
#инструменты
Столько всего полезного на одном ресурсе!
На этом сайте собрана коллекция бесплатных книг по HTML, CSS, JavaScript и другим направлениям.
Ссылка на сайт
#инструменты
Анимация во Vue
В статье рассматривается 5 лучших библиотек для создания анимаций во Vue:
- vue-kinesis
- vue-prix
- vue-fake3d-image
- v-wave
- vue-animate-onscroll
Читайте полный обзор с примерами использования в статье!
Ссылка на статью
#vue
В статье рассматривается 5 лучших библиотек для создания анимаций во Vue:
- vue-kinesis
- vue-prix
- vue-fake3d-image
- v-wave
- vue-animate-onscroll
Читайте полный обзор с примерами использования в статье!
Ссылка на статью
#vue
Видеочат
Вы можете создать свой видеочат! И в этом вам поможет сегодняшняя статья. Для создания используются JavaScript, Node.js, PeerJS, WebRTC и Socket.io.
В начале статьи можно посмотреть демо создаваемого приложения.
Ссылка на статью
#js
Вы можете создать свой видеочат! И в этом вам поможет сегодняшняя статья. Для создания используются JavaScript, Node.js, PeerJS, WebRTC и Socket.io.
В начале статьи можно посмотреть демо создаваемого приложения.
Ссылка на статью
#js
CSS генераторы
Полезных инструментов много не бывает!
Делимся ссылкой на ресурс, на котором вы найдете множество полезных генераторов CSS кода:
- генератор для создания кнопок переключателей
- генератор теней
- генератор треугольников
- генератор полосы прокрутки
и еще много других крутых инструментов!
Ссылка на сайт
#дизайн
Полезных инструментов много не бывает!
Делимся ссылкой на ресурс, на котором вы найдете множество полезных генераторов CSS кода:
- генератор для создания кнопок переключателей
- генератор теней
- генератор треугольников
- генератор полосы прокрутки
и еще много других крутых инструментов!
Ссылка на сайт
#дизайн
Словарь разработчика
В обиходе разработчиков присутствует очень много специализированных терминов и слов. И чтобы быть в тренде и понимать других, советуем ознакомиться со многими из данной статьи.
Например, знаете ли вы, что означает registrar или crawl в вебе?
Читайте значение в статье!
Ссылка на статью
#статьи
В обиходе разработчиков присутствует очень много специализированных терминов и слов. И чтобы быть в тренде и понимать других, советуем ознакомиться со многими из данной статьи.
Например, знаете ли вы, что означает registrar или crawl в вебе?
Читайте значение в статье!
Ссылка на статью
#статьи
Grid генераторы
С помощью grid генераторов можно создавать сетку в несколько кликов. Но все ли они хороши?
В статье дается обзор и сравнение популярных генераторов, чтобы вы могли выбрать подходящий вам вариант.
Ссылка на статью
#css
С помощью grid генераторов можно создавать сетку в несколько кликов. Но все ли они хороши?
В статье дается обзор и сравнение популярных генераторов, чтобы вы могли выбрать подходящий вам вариант.
Ссылка на статью
#css
Throttling и Debouncing - это методы для повышения производительности сайтов.
Например, если повесить обработчик события на mousemove или scroll, который будет выполнять какие-то сложные вычисления, то каждый раз при срабатывании это будет влиять на производительность сайта.
Оба метода могут помочь с проблемами подобного рода, но они работают по-разному и используются в разных случаях.
Подробно о данных техниках с примерами использования читайте в статье.
Ссылка на статью
#js
Например, если повесить обработчик события на mousemove или scroll, который будет выполнять какие-то сложные вычисления, то каждый раз при срабатывании это будет влиять на производительность сайта.
Оба метода могут помочь с проблемами подобного рода, но они работают по-разному и используются в разных случаях.
Подробно о данных техниках с примерами использования читайте в статье.
Ссылка на статью
#js
JSON Visio - это инструмент визуализации JSON данных, который иллюстрирует их в виде схемы.
Очень удобен для просмотра структуры данных!
Ссылка на сайт
#инструменты
Очень удобен для просмотра структуры данных!
Ссылка на сайт
#инструменты
React Suite
При создании приложения React разработчики, как правило, тратят большую часть времени на написание кода CSS и JSX, чтобы приложение выглядело привлекательным.
Для экономии времени на помощь приходят библиотеки готовых UI компонентов. Одна из таких - React Suite.
React Suite - это библиотека React компонентов, разработанных для создания серверных и корпоративных системных продуктов.
Ссылка на официальный сайт
#react
При создании приложения React разработчики, как правило, тратят большую часть времени на написание кода CSS и JSX, чтобы приложение выглядело привлекательным.
Для экономии времени на помощь приходят библиотеки готовых UI компонентов. Одна из таких - React Suite.
React Suite - это библиотека React компонентов, разработанных для создания серверных и корпоративных системных продуктов.
Ссылка на официальный сайт
#react
NodeMailer
Электронная почта используется для взаимодействия и общения с клиентами, чтобы они не пропустили важные обновления.
NodeMailer — самый известный модуль, используемый для отправки и получения электронной почты из приложений NodeJS.
В статье рассказывается, как настроить этот модуль для отправки писем.
Ссылка на статью
#nodejs
Электронная почта используется для взаимодействия и общения с клиентами, чтобы они не пропустили важные обновления.
NodeMailer — самый известный модуль, используемый для отправки и получения электронной почты из приложений NodeJS.
В статье рассказывается, как настроить этот модуль для отправки писем.
Ссылка на статью
#nodejs
Кастомные контроллы
Bun - это генератор кастомных чекбоксов и радио-баттонов.
В нем можно задать множество настроек: стили контролла, состояния hover и focus, а так же сразу посмотреть все это на реальном примере. И даже можно проверить, как элемент будет выглядеть на темном и светлом бэкграунде.
На выходе вы получаете готовый HTML И CSS!
Ссылка на сайт
#дизайн
Bun - это генератор кастомных чекбоксов и радио-баттонов.
В нем можно задать множество настроек: стили контролла, состояния hover и focus, а так же сразу посмотреть все это на реальном примере. И даже можно проверить, как элемент будет выглядеть на темном и светлом бэкграунде.
На выходе вы получаете готовый HTML И CSS!
Ссылка на сайт
#дизайн
Chrome 102
Что нового появилось в Chrome версии 102?
Например, стал доступен HTML атрибут inert. Он указывает браузеру игнорировать события пользовательского ввода для элемента, включая события фокуса.
Подробно о нововведениях читайте в статье!
Ссылка на статью
#статьи
Что нового появилось в Chrome версии 102?
Например, стал доступен HTML атрибут inert. Он указывает браузеру игнорировать события пользовательского ввода для элемента, включая события фокуса.
Подробно о нововведениях читайте в статье!
Ссылка на статью
#статьи
HTML теперь в телеграм!
HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!
HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!