Please enable JavaScript.

Coggle requires JavaScript to display documents.

Блок 1.6 - Coggle Diagram

- - - - Компиляция – процесс создания программы, готовой к прямому запуску.
        
        Windows скомпилированные программы имеют расширение exe.
      - Другой подход – интерпретация
        
        При интерпретации, превращение исходного кода в машинный происходит не до запуска программы, а прямо в процессе ее обработки.
    - - Для его запуска нужна специальная программа – интерпретатор.
      - когда JavaScript код выполняется на сервере, интерпретатором чаще всего выступает Node.js
      - на фронтенде — сам браузер
      - В других местах, таких как встраиваемые устройства или автомобили, могут быть свои собственные интерпретаторы
      - Непосредственно интерпретацию выполняет "движок" v8, который встроен и в Node.js, и в браузеры.
    - - проблемам совместимости.
        
        Для решения этой проблемы был создан стандарт ECMAScript.
        
        Это большой и серьезный документ, описывающий устройство языка и поведение во всех возможных ситуациях.
        
        ECMAScript не стоит на месте и постоянно развивается. Каждый новый стандарт описывает какие-то дополнительные возможности языка.
  - - - // Встроенный в Node.js модуль для работы с файлами import fs from "fs"; // Читает содержимое файла const data = fs.readFileSync("path/to/file");
    - - import _ from "lodash";
        
        имя пакета указывается без указания пути ./. Так JavaScript понимает что это именно пакет и не нужно искать файл с именем lodash.js.
        
        ищет пакет
      - import _ from "./lodash";
        
        ищет файл
    - - npm install lodash
      - скачивает пакет в директорию node_modules
      - добавляет запись в package.json о том, что пакет lodash стал зависимостью.
      - создает или обновляет файл package-lock.json.
    - - "dependencies": { "lodash": "^4.17.15" }
    - - ависимостей нашего проекта есть свои зависимости, а у них, в свою очередь, свои зависимости (зависимости зависимостей называются транзитивными зависимостями).
      - package-lock.json содержит описание всех пакетов, которые будут поставлены включая всех их зависимости с указанием конкретных версий.
    - - установка всех зависимостей
  - - - обычно называют средами.
      - среде разработки.
        
        зависимости, которые нужны только во время разработки
        
        npm install --save-dev jest
        
        "devDependencies": { "jest": "^26.4.1" }
      - Когда же проект попадает в то место где им пользуются, то тогда среду называют продакшеном (production).
        
        npm install --production
        
        зависимости из devDependencies устанавливаться не будут
        
        NODE_ENV=production npm install
        
        Продакшен режим можно задать и с помощью переменной окружения
        
        способ установки – глобальный.
        
        пакеты Node.js представляют собой не просто подключаемые библиотеки, а законченные программы.
        
        sloc, которая умеет считать количество строк кода в проекте
        
        npm install -g sloc
  - - - Программы устанавливающиеся локально, хранят свои исполняемые файлы в директории node_modules/.bin
        
        node_modules/.bin/prettier --write .
        
        неудобно
        
        Слишком долго набирать
        Идет завязка на конкретную структуру директорий, которая может поменяться
        
        npx
        
        на помогает запускать программы установленные локально без необходимости указывать полный путь до исполняемого файла
        
        npx prettier --write .
    - - npm install --save-dev prettier
      - prettier --write .
        
        ошибка
        
        В отличии от глобальной установки, обычная (локальная) установка помещает содержимое пакета в директорию node_modules текущего проекта
        
        Командные оболочки, например Bash, при запуске утилит ищут их в специальных системных директориях,
        
        но не они ничего не знают про утилиты установленны в другие места системы, например, в наш проект
        
        оэтому для запуска нужно указывать полный путь до файла программы.
  - - - стиль написания
        
        JavaScript хорошим тоном считается использовать === вместо ==.
        
        Prettier не может автоматически заменять == на === потому что это может сломать код
        
        отслеживания подобных ситуаций существует класс программ называемых линтерами.
        
        содержат большое количество правил, которые могут выдать рекомендации по тому, как стоит писать код, а как не стоит.
        
        eslint.
        
        npm install --save-dev eslint
        
        После установки его надо настроить иначе он не будет выполнять проверки.
        
        2 more items...
        
        запуск eslint:
        
        1 more item...