Git Product home page Git Product logo

html-builder's Introduction

HTML builder


Цели:

В данной серии заданий основной целью является понимание основ работы с платформой Node.js.
Вам предлагается выполнить ряд небольших задач с постепенным возрастанием сложности. Финальным штрихом станет создание небольшого приложения по сборке статического сайта.

Обратите внимание, что большинство задач можно выполнить несколькими способами и на данном этапе неправильных среди них нет. Оценивается только работоспособность вашего кода и выполнение поставленных условий.


Процесс выполнения:

  • Сделайте форк репозитория
  • Отправьте ссылку на репозиторий в crosscheck-submit
  • Клонируйте репозиторий
  • Выполните команду npm install для установки eslint и тайпингов node.js которые помогут вам при выполнении заданий
  • Выполните задания. ТЗ для каждого из них находится в файле README.md внутри папки задания
  • Запушьте решение в свой форк репозитория

Crosscheck

Ход выполнения проверки описан в вики репозитория. После старта cross-check перейдите по данной ссылке и следуйте инструкции на главной странице.

Общие правила!!!:

  • При решении задач запрещается использование любых сторонних модулей
  • Каждое из заданий должно запускаться командой node <имя папки задания> выполненной в корневой директории
  • Запрещается использование синхронных функций модуля fs такие как fs.statSync(path[, options]), fs.readFileSync(path[, options]) и другие находящиеся в разделе synchronous API
  • Запрещается использование таймера setTimeout()
  • Выполнение и проверка таска должны проводиться на node LTS версии .

Оглавление

01 Чтение файла с выводом содержимого в консоль
02 Запись консольного ввода в файл
03 Вывод информации о файлаx хранящихся в папке
04 Копирование папки
05 Сборка css бандла
06 Сборка HTML страницы из компонентов и стилей

html-builder's People

Contributors

crzoukman avatar eternalrival avatar evgeniimal avatar igorablyak avatar richgihratik avatar romnasi avatar vigitory avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

html-builder's Issues

Замечания по таске

01-read-file

"Запрещается использование любых сторонних модулей "- непонятно каких именно модулей.

"Запрещается использование синхронных функций модуля fs такие как fs.statSync(path[, options]), fs.readFileSync(path[, options]) и другие находящиеся в разделе synchronous API" - не очень понятно почему нельзя использовать синхронные методы. Все таки нода не их основной профиль, по этому не очень понятно зачем такие ограничения

" В коде не должны быть использованы синхронные методы чтения файла.
Чтение файла должно происходить с помощью ReadStream." - дублирует общее правило. Если хотим запрещать их юзать то в идеале было бы круто объяснить почему.

"Изучить основы streams и events" - стримы довольно сложная штука и я не уверен что новичков нужно ими загружать

"Ознакомиться с модулем Path " - модули использовать нельзя, а модулем патх нужно ознакомиться. Думаю нужно конкретизировать какими именно модулями нельзя пользоваться.

06-build-page

" Запрещается использование fsPromises.cp()" - почему?

Broken link

В описании первого задания (https://github.com/EvgeniiMal/HTML-builder/tree/main/01-read-file) в абзаце У вас будет несколько вариантов для того, чтобы направить ваш поток чтения в поток стандартного вывода(то есть консоль. Больше о стандартных потоках можно узнать [тут] в ссылке на Вики пропущен /, что приводит к поломке ссылки и переходу на главную страницу википедии вместо статьи
Правильная ссылка https://ru.wikipedia.org/wiki/Стандартные_потоки

Environment key "es2022" is unknown

При запуске npx eslint . появляется ошибка Environment key "es2022" is unknown
23123185633

Судя по ченджлогу es2022 добавили в версии v8.9.0 - February 11, 2022. В проекте сейчас 7.32.0
https://github.com/eslint/eslint/blob/main/CHANGELOG.md\
23123185457

Если обновить версию eslint, то линтер заработает как надо
23123185654
23123185537

Возможно ещё стоит обновить версию ecmaVersion в конфиге до 13
23123185902

year === 2022 ? 16.15.0 LTS : Node 16.13.0 LTS

!!! Проверка проводится на Node 16.13.0 LTS и без выполнения команды npm install в клонированном репозитории, так как любые сторонние модули запрещены.

Я так понимаю в 2022 году актуальная Node 16.13.0 LTS?

Старая версия ES в .eslintrc.js

Здравствуйте. Столкнулась с тем, чтобы заработал топ-левел await его надо оборачивать в async, на это ругается линтер, но это уже не обязательно судя по документации.
Если в конфиге указать, что используется ES 2022, то все будет работать (у нас указана версия es2021). Может стоит обновить .eslintrc.js?

image

Уточнение требований

Здраствуйте. Хочу предложить уточнение к описанию 3 задачи. К пункту "Информация должна выводиться только для файлов. Наличие информации о директориях считается ошибкой." Добавить строку "(информация о файлах находящихся в подпапках выводиться не должна)"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.