drylikov

Компоненты и виджеты, разработанные по стандартам веб-компонентов, работают в современных браузерах и используются с библиотеками JavaScript и фреймворками, работающими с HTML. Помимо возможности повторного использования, с помощью веб-компонентов можно добиться лучшей стабильности, абстракции и стандартизации, а также сокращения количества работы и модульность. За последний год появилось множество новых инструментов и технологий, приближающих будущее. Рассмотрим 7 полезных инструментов для тех, кто использует веб-компоненты...

Vue JS, созданный Эваном Ю и членами сообщества, представляет собой прогрессивный фреймворк для создания пользовательских интерфейсов. Он состоит из открытой базовой библиотеки, ориентированной на слой представления, и экосистемы поддержки библиотек, которая помогает в решении сложных задач при работе с большими одностраничными приложениями. В этой статье мы рассмотрим вычисляемые свойства (computed properties) в Vue JS. Предварительные требования для начала работы с Vue CLI 3 в этой статье: npm...

Изучение обширной экосистемы современного JavaScript представляет собой непростую задачу. Она состоит из широкого спектра фронтенд-фреймворков, нескольких сборщиков модулей, тысяч библиотек утилит, а также модулей Node.js, работающих как на компьютере, так и на сервере. С чего стоит начать? Каким темам стоит уделить время? Рассмотрим пять рекомендаций по изучению JavaScript. Если заглянуть в историю JavaScript (или веб-разработки в целом), то можно обнаружить, что асинхронный JavaScript полностью изменил ход событий...

При работе над новой страницей своего веб-сайта я решил добавить Timeline, чтобы показать свои профессиональные достижения за последние годы. С помощью временной шкалы можно не только отследить собственные достижения, но и привлечь новых клиентов. На изображении выше показана временная шкала, которую мы будем создавать с помощью React! Для этого выполним следующие действия: Прежде чем создавать компоненты React, нужно разобраться в том, как будут выглядеть денные, чтобы распланировать структуру DOM...

Если вы создаёте функцию с названием, то вам необходимо объявить функцию. В функциональных выражениях же название не обязательно. function doStuff() {}; const doStuff = function() {} Анонимные функции (без названия) выглядят в ES6 вот таким образом: const doStuff = () => {} Поднятие функций подразумевает то, что мы можем использовать функции в коде до того, как в программе встретится сама функция. Они создаются во время компиляции программы и доступны внутри вашей программы вне зависимости от места объявления в коде...

В статье я расскажу, как можно создать чат-приложение в режиме реального времени с помощью Vue.js, Node.js, Express и SOCKET.IO. Для работы нам понадобятся Node.js и NPM. Если у вас еще нет установленного Node.JS, то качайте его отсюда. Если все готово, то можно начинать. Создайте директорию для приложения и откройте ее в любимом редакторе. Я пользуюсь Visual Studio Code. Если хотите, можете работать в терминале. mkdir ChatApp && cd ChatApp && code Давайте инициализируем директорию через NPM...

Когда вы начинаете писать простые JavaScript программы, вам не нужно волноваться о количестве используемых вами переменных или о том, как работают разные функции и объекты вместе. Например, большинство людей начинают с использования большого количества глобальных переменных или переменных, охватывающих самый высокий уровень файла. Они не являются частью ни одного класса, объекта или функции. Например, это глобальная переменная с называнием “состояние”: let state = "global"; Но как только ваша программа...

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

В JavaScript нет определённой идеи о ключах, передаваемых в аргументах, и в тоже время этот язык необычайно гибкий, когда дело касается передачи чего-либо в функцию. Из-за этого легко запутаться, что передавать функции и в каком порядке. Я определил, что для меня и тех, кто использует мой код, лучше передавать функции единственный аргумент, в который вложено всё что нужно, я называю его params. Перед тем как я попытаюсь убедить вас в том, что это хорошая идея, давайте посмотрим, как в JavaScript устроена обработка аргументов...

Функция, принимающая в качестве аргументов другие функции или возвращающая другую функцию в качестве результата, называется функцией высшего порядка. С функциями в JavaScript вы можете: Как и любой другой фрагмент данных. Вот самое главное, что вам нужно понять. sayHi = (name) => `Hi, ${name}!`; result = sayHi('User'); console.log(result); // 'Hi, User!' double = (x) => x * 2; result = double(4); console.log(result); // 8 getClearance = (allowed) => allowed ? 'Access granted' : 'Access denied'; result1 = getClearance(true); result2 = getClearance(false); console...

Мы, как разработчики, живем среди CLI-инструментов. От gitдо cloud shells — этими средствами мы пользуемся повсеместно. И настала пора научиться создавать свои собственные. В процессе работы мы будем пользоваться отличным фреймворком oclif от Heroku. Это фреймворк с открытым кодом для быстрого создания инструментов командной строки. И предоставляется он хорошо известной платформой Heroku. Мы создадим команду со списком задач, выполняющую четыре действия: Oclif может создавать два типа проектов: В данной статье нам понадобится проект с несколькими командами...

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