TGViewer
Semolina Code Solidity Semolina Code Solidity @semolina_code · 497 subscribers
Post #29 1.27K
Темы, которые я освежил по 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>
More from @semolina_code
  1. Sep 8, 2022Как я уже говорил, я сейчас немного отошел от солидити так как появились проекты, требующи…
  2. Aug 23, 2022Вижу тут новые лица и всех рад приветствовать) Изучение солидити на некоторое время постав…
  3. Aug 4, 2022Семнадцатый урок (Решение задач Ethernaut) Урок посвящен практике Так что решаем её тут Не…
  4. Aug 2, 2022Шестнадцатый урок (Безопасность: Reentrancy, DoS) Полезный линк из урока: openzeppelin Код…
  5. Aug 2, 2022Семнадцатый урок (Низкоуровненые вызовы и безопасность) Сразу скажу, что 16 урок я не проп…
  6. Jul 28, 2022Оказывается, если текст в телеге преобразовать в моноширинный, он станет синим 😳
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →