Marko - декларативный язык на основе HTML, который позволяет делать создание динамических и реактивных пользовательских интерфейсов веб-приложений увлекательным.

Пример кода:

class {
onCreate() {
this.state = { count:0 };
}
increment() {
this.state.count++;
}
}

<div.count>
${state.count}
</div>
<button.example-button on-click('increment')>
Click me!
</button>

#HTML #JavaScript

Sapiens — большая бесплатная библиотека иллюстраций людей для Вашего проекта с прекрасным инструментом кастомизации любой части тела и экспортом в SVG/PNG.

#Графика

Be1 - комплекс инструментов для продвижения сайтов. Среди них есть инструмент «Расширение семантического ядра», который позволяет ввести URL своего сайта, а также до 10 сайтов конкурентов. Инструмент покажет запросы, по которым ранжируются конкуренты. Результат с полученными запросами можно скачать в csv. 

#Инструменты

Идеи для проектов на JavaScript. Часть 2.

1. Приложение для прогноза погоды
При создании этого приложения, помимо обычного набора технологий, используется Dark Sky API — для сбора информации о погоде. Так что это отличная возможность научиться взаимодействовать с API.

2. Поиск книг
Приложение для поиска книги по запросу (название, автор и т. д.). Список книг отображается со всей информацией о них. Можно использовать Google Books API.

3. Карточная игра
Игра на время, в которой после клика по карточке, появляется изображение. Необходимо найти такую же картинку среди других карточек.

4. Список дел
Классическое приложение, где пользователь может записать все мысли, задачи и цели, чтобы не забыть.

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

#Статьи

CSS Values ​​- это простое одностраничное веб-приложение (SPA), которое позволяет искать практически любое свойство CSS и получать простой список возможных значений.

#CSS

Spacedesk позволяет вам преобразовать iPad, старый ноутбук с Wi-Fi, или даже телефон во второй монитор для вашей основной машины.

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

#Инструменты

Chakra UI - это простая, модульная и доступная библиотека компонентов, которая дает вам все строительные блоки, необходимые для создания ваших приложений React.

#React

Решил для Вас сделать подборку курсов с Udemy, на которые сейчас проходят акции и в ограниченный срок вы можете их забрать себе и изучать в дальнейшем. Если нужна такая рубрика - ставим огонек под постом и делимся с друзьями!

1) Курс Bootstrap 5: полное руководство (шаг за шагом).
2) Создавайте новые и современные адаптивные веб-сайты.
3) Классификатор изображений с Django и React.
4) Современный JavaScript для React JS - ES6.

#Курсы

Heroku - бесплатное серверное решение для проектов. Если вы хотите сразу начать приложение, без большой настройки архитектуры, выберите Heroku.

Основные особенности:
- Облачная платформа (PAAS)
- Хорошая документация
- Имеет встроенные инструменты и архитектуру.
- Контроль над архитектурой при разработке приложения.
- Развертывание выполняется (автоматически через GitHub или вручную с помощью команд git или CLI).
- Не требует много времени.

#Инструменты

Colorpoint - бесплатный инструмент для дизайнеров и разработчиков в виде красивых цветовых палитр.

Эта коллекция поможет вам получить творческую силу и выполнять свою работу лучше, эффективнее и просто ускорить вашу работу.

#Инструменты

npm – это менеджер пакетов, который входит в состав Node.js. В течение многих лет Node широко использовался разработчиками JavaScript для обмена инструментами, установки различных модулей и управления их зависимостями. Вот почему людям, работающим с Node.js, очень важно понять, что такое npm.

Эта утилита помогает в установке и удалении пакетов, управлении версиями и зависимостями, необходимыми для запуска проекта. Чтобы использовать npm, нужно сначала установить node.js, так как они связаны.

Убедитесь, что node.js и npm установлены, выполнив несколько простых команд. Это покажет Вашу версионность,

node -v
npm -v

#Статьи