Создаем свою мини-библиотеку в ООП стиле | Javascript, LocalStorage

В этом ролике мы с вами начнем создавать свою небольшую библиотеку по изменению параметров страницы. Причем все, что выберет пользователь, останется в памяти браузера при помощи технологии LocalStorage. Для всего функционала мы будем использовать объектно-ориентированный подход.

Ссылки:

Ссылки:

[imparcial]

У кого не запускается gulp из-за sass: Error in plugin "gulp-sass"
Message:

gulp-sass no longer has a default Sass compiler; please set one yourself.
For example, in your gulpfile:

const sass =

[15:14:18] The following tasks did not complete: default, watch, build, copy-html, copy-assets, build-sass, build-js
[15:14:18] Did you forget to signal async completion?
Просто установите следующий модуль и поменяйте одну строку в gulp файле:
npm install --save-dev sass
const sass = (вместо 6 строки)

[krievskiy]

Хммм.... очень интересный и качаственный подход! Мне нравиться!
Надо будет заценить и другие твои видосики... Класс!!!)
Давай ещё Реакт)

[dimitridoroshko]

Спасибо, братан. Очень полезно и занимательно. Лайк однозначно!

[oleksandrvorzhev]

Иван, подскажи. Курс по php будет на юдеми?)

[forgiveness_denied]

14:35 чи така логіка: ти міняєш файл на локальному компі, він перезаписується в папці distr; ти пушаєш весь код назад на сервер де зберігається сайт? таким чином відбувається оновлення дизайну/контенту сайтів?? ГЕНІАЛЬНО!!! дуже крутий контент

[Zibinskiy]

Иван, спасибо за хороший контент! Лайк, однозначно!... )))

[saibamir]

Если при запуске npm install, выдает ошибку, то решением стало сменить версию Node на 14 (текущая версия была 16), совершил при помощи nvm

[irina]

Иван, почему this.onScaleChange используется this мне понятно, а вот зачем this в this.btnBlock и в this.colorPicker (они же с нуля создаются)? При этом, почему то при создании других импутов this не используется.

[РамизМирзаев-хк]

Почему Ваши уроки выходят тогда, когда мне нужна эта инфа?

[aleksandrstaetskiy]

Суперское видео! Подскажите, как называется ваша тема для vs code?

[mukhammadmaksudkhodzhaev]

Почему используете регулярки вместо parseInt?

[nemounas]

Создатели React вот тоже дают скачивать готовую среду и сложно разобраться, что там нужно, а что лишнее и как это настраивать под конкретную задачу. Было бы замечательно, если бы вы сняли ролик, о том как вы настроили среду разработки. Это ведь не дефолтный Create React App без React ? Например мне не понятно зачем у вас Gulp, если есть Webpack? Я слабоват по части Prodaction. Обьясняете вы так, что доходит с первого раза.

[НискемкромеСовести]

Вроде все сделал как нужно но при установке вылезло это
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython
gyp ERR! stack at PythonFinder.<anonymous>
gyp ERR! stack at callback
gyp ERR! stack at FSReqCallback.oncomplete (fs.js:175:21)
gyp ERR! System Windows_NT 10.0.18362
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd
gyp ERR! node -v v14.4.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1

[aleksey]

не могу установить npm

npm ERR! Maximum call stack size exceeded

npm ERR! A complete log of this run can be found in:

npm ERR!

[ЕвгенийШершов]

node-modules не создается. Терминал выдает PS C:\JS\Customizator> npm i

npm WARN saveError ENOENT: no such file or directory, open и много чего еще

[Alex-hsxj]

когда достаем FontSize у parentNode, а что если там нет этого стиля, если он прописан например выше в боди?

[НискемкромеСовести]

не до конца понятно прокатит с этими ошибками или не))

[IT_psychopath]

фреймворки создали не для того, чтоб делать столь примитивные вещи.)))) как и библиотеки тут тоже совсем не к чему.))) они нужны, когда решить задачу ванильным js, слишком долго и сложно. можно svelte поставить, она да, по скорости работает как нативный js. а react для мелких задач, таких какаха-кодеров надо сразу в черный список и экзорциста вызывать.))) это простительно только джуну, и то только раз. можно понять, не опытный. а так. все, это клеймо на всю жизнь... хахаха

[МиронД-эш]

Не могу запустить Gulp в сборке Ивана выдает ошибку:
Error in plugin "gulp-sass"
Message:

gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:

const sass =

[11:43:36] The following tasks did not complete: default, watch, build, copy-html, copy-assets, build-sass, build-js
[11:43:36] Did you forget to signal async completion?

Если в galp.js заменить "const sass = require("gulp-sass");" на "const sass = то:

Error: Cannot find module 'sass'
Require stack:
- D:\JS\Source\gulpfile.js
-
-
-
-
at
at Function.Module._load
at Module.require
at require
at Object.<anonymous>
at Module._compile
at Object.Module._extensions..js
at Module.load
at Function.Module._load
at Module.require {
code: 'MODULE_NOT_FOUND',
requireStack: [
'D:\\JS\\Source\\gulpfile.js',
'C:\\Users\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\lib\\shared\\require-or-import.js',
'C:\\Users\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\lib\\versioned\\^4.0.0\\index.js',
'C:\\Users\\AppData\\Roaming\\npm\\node_modules\\gulp-cli\\index.js',

]
}

Можете помочь запустить, что нужно исправить или поделитесь рабочей версией gulp.js
Заранее спасибо!

[Ireile]

Кому поможет, конфиг package.json
{
"name": "customizator",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"autoprefixer": "^10.4.8",
"babel": "^6.23.0",
"babel-core": "^6.26.3",
"babel-loader": "^8.2.5",
"browser-sync": "^2.27.10",
"core-js": "^3.24.1",
"gulp": "^4.0.2",
"gulp-clean-css": "^4.3.0",
"gulp-postcss": "^9.0.1",
"gulp-sass": "^5.1.0",
"webpack": "^5.74.0",
"webpack-stream": "^7.0.0"
}
}