Темы, которые я освежил по js:
• Оператор нулевого слияния
• Function Expression
• Стрелочные функции, основы
• Особенности JavaScript
• Автоматическое тестирование c использованием фреймворка Mocha
• Объекты
• Копирование объектов и ссылки
• Сборка мусора
• Методы объекта, "this"
• Конструкторы, создание объектов через "new"
• Опциональная цепочка '?.'
• Преобразование объектов в примитивы
• Методы примитивов
• Методы массивов
• Деструктурирующее присваивание
• Формат JSON, метод toJSON
• Остаточные параметры и оператор расширения
• Замыкания
• Глобальный объект
• Планирование: setTimeout и setInterval
• Привязка контекста к функции
• Повторяем стрелочные функции
• Введение: колбэки
• Промисы
• Цепочка промисов
• Async/await
• Модули, введение
• Экспорт и импорт
• Разница npm/npx
• Node JS - Быстрый Курс за 1 час
Полезные команды из видоса:
Запустить программу:
node filepath.js
Инициализация проекта (создание файла package.json):
npm init
Установка пакетов (в проекте создастся папка node_modules и название пакета добавится файл packege.json в поле Dependencies) :
npm install packagename
npm i packagename
Установка пакетов для разработки (тоже загрузит файл, но в файле packege.json будет находиться в поле devDependencies):
npm i packagename -D
Папку node_modules обычно никому не скидывают. Все зависимости устанавливаются автоматически с помощью команды:
npm i
• Next JS быстрый курс SSR на React JS с нуля до деплоя
Полезные команды из видоса:
Создание Next приложения:
npx create-next-app
Создание проекта с нуля:
1) Инициализируем проект:
npm init -y
2) Устанавливаем зависимости:
npm i next react react-dom
3) В packege.json можем добавить быстрые команды на вкладке scripts:
"dev": "next dev"
4) создаем папку pages в корне проекта (тут будут все страницы приложения) и обязательно файл pages/index.js
rsc - сниппет для развертывания компонента в index.js
5) Запуск приложения:
npm run dev
Если создать новый файл в pages, то доступ к этому файлу будет осуществляться по пути:
http://domain:port/filename
Чтобы переход между страницами был без обновления браузера, используем компонент
import Link from "next/Link";
<Link><a>...</a></Link>
Post #29
1.27K