README.md

Урок 3 — Окружение

мини-тест по содержанию урока (5 минут)

Примеры из видео

• Настройка окружения [код]

Резюме

Описание урока

Вопросы для самопроверки

• Зачем нужно использовать менеджер пакетов?
• Какую команду необходимо выполнить для начальной настройки проекта?
• Что можно записывать в package.json? Зачем нужен этот файл?
• Какая команда отвечает за установку пакета? Какие у нее есть параметры?
• В какую папку сохраняются все установленные библиотеки?
• Что делают системы сборки и зачем они нужны?
• Что такое загрузчики в Webpack? Какие можете назвать?
• Как подключить модуль в текущий файл?

Материалы

Установка node и npm

• Для Windows: скачать .msi установщик
• Для Linux: запустить curl -L https://npmjs.org/install.sh | sh в терминале
• Для Mac: скачать .pkg установщик или brew install node, если используете Homebrew

Установка и использование Webpack

• Документация Webpack — ссылка
• Cкринкаст по Webpack — ссылка
• Статьи о Webpack — раз, два, три

Cсылки:

• Сайт nodejs — https://nodejs.org
• NPM — https://www.npmjs.com
• Документация NPM — https://docs.npmjs.com/

Домашнее задание

Задание 1: Переделать список контактов

Уровень сложности: низкий

На первом уроке мы делали список контактов. Реализуйте его с помощью модулей и Webpack.

Задание 2: Отображение статей

Уровень сложности: средний

Задается articles.json файл в котором хранится массив объектов, которые соответствуют статьям. Написать приложение для отображения статей из этого файла. Также должен работать поиск по статьям.

Задание 3: Использование внешней UI библиотеки

Уровень сложности: высокий

Напишите приложение для учета расходов с использованием внешней UI библиотеки (React Bootstrap, Material UI, React Mdl, Elemental UI, Belle). Есть таблица с расходами, в нее можно добавлять доходы (income) и расходы (outcome).

Если есть вопросы пишите сюда