Senior Frontend Developer | JavaScript, React, HTML & CSS

2023-05-03 12:03:06 Каррирование функций и Частичное применение

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

Частичное применение - это применение функции к некоторым ее аргументам. Получаемая в результате функция получает оставшиеся аргументы.

В этом примере мы использовали концепции каррирования и частичного применения. Сначала, мы создали функцию curry, которая преобразует любую переданную функцию так, чтобы она могла принимать свои аргументы по одному. Затем, мы применили эту функцию curry к функции sum, превратив её в каррированную функцию.

В последующих вызовах curriedSum, мы демонстрировали гибкость применения функции: её можно вызывать как сразу со всеми аргументами, так и постепенно передавая аргументы по одному. Частичное применение было продемонстрировано на примере partialSum, где мы фиксировали один из аргументов для дальнейшего использования. Открыть/Комментировать

2023-05-03 10:00:07 Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен.

С 10 по 16 мая проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения.

За эти 7 дней обучения ты:

1. Создашь полноценный веб-сайт на HTML и CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Узнаешь сколько можно зарабатывать и как работать;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов.

Проскочить на интенсив бесплатно Открыть/Комментировать

2023-05-03 08:03:06 Работа с графами в JavaScript

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

В этом примере мы создаем класс Graph, который содержит метод addEdge для добавления связей между узлами и метод hasPathDFS для проверки наличия пути между двумя узлами с помощью поиска в глубину. В примере мы добавляем связи между узлами и проверяем наличие пути между узлами 'A' и 'D' с помощью метода hasPathDFS. Открыть/Комментировать

2023-05-02 18:06:54 Signup Form 3D FLIP Animation

3D-анимация формы регистрации, написанная с помощью CSS и JavaScript.

https://codepen.io/team/keyframers/pen/LYRXGxO Открыть/Комментировать

2023-05-02 14:36:24 Тест по Node JS от OTUS

Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS

Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript

РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА
Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js

Время прохождения теста ограниченно 30 минут

ПРОЙТИ ТЕСТ

Курс доступен в рассрочку.

Пройдете успешно тест, получите доступ к открытым урокам курса.

Нативная интеграция. Информация о продукте www.otus.ru Открыть/Комментировать

2023-05-02 10:44:05 Реализация шифрования с помощью алгоритма RSA

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

Первый шаг при использовании алгоритма RSA - генерация публичного и приватного ключей. Это можно сделать с помощью библиотеки Node.js

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

В этом примере мы используем функцию generateKeyPairSync из библиотеки crypto, чтобы сгенерировать публичный и приватный ключи. Параметр modulusLength указывает длину ключа, а параметры publicKeyEncoding и privateKeyEncoding указывают формат ключей. После мы используем функцию publicEncrypt для шифрования данных 'Hello World!' с помощью публичного ключа. Параметр padding указывает тип заполнения, а параметр oaepHash указывает алгоритм хеширования. Открыть/Комментировать

2023-05-01 22:32:52 Как работает синхронизация многопоточных приложений в JavaScript?

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

Вот несколько механизмов синхронизации, которые можно использовать в многопоточных приложениях на JavaScript:

1. Mutex - это примитив синхронизации, который используется для защиты критических секций кода, к которым должен иметь доступ только один поток в определенный момент времени.

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

В примере мы создаем объекты Mutex и Semaphore для синхронизации многопоточных приложений. Для выполнения критических секций кода с помощью Mutex мы используем методы lock() и unlock(). Для ограничения количества потоков, которые могут получить доступ к ресурсу, с помощью Semaphore мы используем методы acquire() и release(). Открыть/Комментировать

2023-05-01 17:24:26 Как работает прототипное наследование в JavaScript?

Прототипное наследование в JavaScript позволяет объектам наследовать свойства и методы от других объектов. В JavaScript все объекты имеют свойство proto, которое указывает на объект-прототип, от которого они наследуют свойства и методы.

Вот как работает прототипное наследование в JavaScript:

Когда JavaScript пытается найти свойство или метод в объекте, он сначала ищет его в самом объекте.

Если свойство или метод не найдены в объекте, JavaScript переходит к его прототипу (свойству proto) и продолжает поиск там.

Если свойство или метод не найдены и в прототипе, JavaScript продолжает поиск в прототипе прототипа и так далее до тех пор, пока не будет найдено искомое свойство или метод.

В примере мы создали объект-прототип vehicle, который имеет свойство type со значением 'vehicle' и метод drive, выводящий сообщение 'Driving the vehicle'. Затем мы создали два объекта, car и bike, которые наследуют свойства и методы от объекта-прототипа vehicle. Открыть/Комментировать

2023-04-30 21:01:02 #вопросы_с_собеседований
Каким образом можно оптимизировать производительность веб-приложения на клиентской стороне?

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

2. Использование кэширования
Использование кэширования может сократить количество запросов к серверу и уменьшить время загрузки страницы при последующих запросах.

3. Оптимизация работы с DOM
Оптимизация работы с DOM, такая как минимизация количества обращений к нему и использование событий делегирования, может уменьшить нагрузку на браузер и ускорить работу приложения.

4. Использование Web Workers
Web Workers - это механизм, который позволяет выполнять скрипты в отдельном потоке, не блокируя основной поток приложения. Их использование может улучшить производительность приложения, особенно для вычислительно сложных операций. Открыть/Комментировать

2023-04-28 21:23:18 Memoization в JavaScript: что это такое и как использовать для оптимизации производительности

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

В JavaScript для реализации memoization можно использовать объекты или массивы для хранения результатов выполнения функции. В примере мы создали функцию fibonacci, которая вычисляет числа Фибоначчи с помощью рекурсии. Для сохранения результатов выполнения функции мы используем объект memo. Если значение для заданного аргумента n уже было вычислено ранее, то функция возвращает его из объекта memo, иначе вычисляет его снова и сохраняет в объект memo для последующих вызовов. Открыть/Комментировать