Pavel SPavelV

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

Таймер обратного отсчета в 18 строк кода JavaScript.

Бывает, что вам для чего-то нужен таймер обратного отсчета, в интернете есть много решений, однако они либо очень громоздкие, либо имеют зависимости от других библиотек. Сегодня мы рассмотрим, как сделать таймер обратного отсчета на JavaScript в 18 строк кода.

План

Установить правильную дату окончания
Высчитать оставшееся время
Привести дату к удобному формату
Вывести данные таймера, как многоразовый объект

Препроцессор Pug(Jade)

Pug - это препроцессор HTML и шаблонизатор, который был написан на JavaScript для Node.js.

Roadmap

Thanks to Лена:

Test Task for Intern / Junior Front-End Developer Position @ Youscan

Основная задача тестового не узнать как сильно вы знаете React, а посмотреть насколько хорошо вы сможете разобраться с новыми технологиями в относительно короткий срок. В идеале, на него нужно потратить не более 3 дней. А так - делайте сколько делается, пока мы не закроем вакансию ;)

Описание

Нужно написать одностраничное приложения для просмотра фильмов с помощью The Movie Database API.

При открытии приложения, должен отображаться список популярных фильмов с пагинацией или динамической подгрузкой (на выбор). Также на странице должно быть поле для поиска. Когда ты вводишь туда какой-то текст, должны отобразиться фильмы которые ему соответствуют. Для каждого фильма в списке должен отображаться список жанров (названий жанров, не айдишек), к которым он принадлежит.

	type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

	export function withAppContext<
	P extends { appContext?: AppContextInterface },
	R = Omit<P, 'appContext'>
	>(
	Component: React.ComponentClass<P> \| React.StatelessComponent<P>
	): React.SFC<R> {
	return function BoundComponent(props: R) {
	return (

	// Файл "tsconfig.json":
	// - устанавливает корневой каталог проекта TypeScript;
	// - выполняет настройку параметров компиляции;
	// - устанавливает файлы проекта.
	// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
	// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
	// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
	// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
	// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
	// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".

	базовые команды
	git clone адрес репозитория - клонировать репозиторий на локальный компютер
	git commit -m 'initial commit' комит изменений в локальный репозиторий
	git push -u origin master - только первый раз отправка изменений в удаленный репозиторий
	git push - все последующие разы отправка изменений в удаленный репозиторий

	окат изменений
	git pull - скачивается актуальная версия удаленного репозитория и все изменения применяются к локальному репозиторию
	checkout - перейти в другую ветку
	discard - не отправлять в репозиторий те изменения которые нам не нравятся

	input:valid {
	border-color: green;
	}

	input:invalid {
	border-color: red;
	}

	/* jQuery ui-datepicker extension */

	/**
	*
	* https://gist.github.com/Artemeey/8bacd37964a8069a2eeee8c9b0bd2e44/
	*
	* Version: 1.0 (15.06.2016)
	* Requires: jQuery v1.8+
	* Requires: jQuery-UI v1.10+
	*