Делаем приложение список дел на HTML,CSS,JS и jQuery! |Making todo app with HTML,CSS,JS and jQuery!

Поделиться
HTML-код
  • Опубликовано: 12 май 2020
  • Всем привет! Сегодня мы сделаем todo app или приложение "список дел" на HTML, CSS, JS и jQuery. Сразу оговорюсь, что мы не будем использовать чистый CSS, а будем использовать препроцессор Sass с синтаксисом SCSS. Также вместо чистого javascript мы будем использовать EcmaScript, который добавляет нам такие крутые вещи, как стрелочные функции и объявления констант(const) и переменных с ограниченной областью видимости (let) и библиотеку jQuery, которая позволяет делать более быстрые и краткие обращения и манипуляции с DOM(деревом компонентом страницы). И все это мы обернем красивой и правильной структурой проекта с разделением на стили, скрипты и стили на препроцессоре Sass, а также в конце добавим git.
    Для компиляции стилей Вам нужно будет 2 инструмента. Первый - это Node.js, установленный на компьютере. Здесь все просто, надо пройти по ссылке ниже и скачать последнюю стабильную версию (пометка LTS). После установки введите в командую строку "npx -v" для проверки версии. Если выведется версия, то Вы сделали все правильно, если нет, то Вы должны попробовать установить заново. Для того, чтобы открыть командную строку на винде просто в меню поиска около кнопки Пуск введите cmd. Второй - это node-sass, который Вы должны установить командой "npm install -g node-sass" в командной строке.
    Чтобы скачать jQuery, перейдите на официальный сайт по ссылке ниже, переведите Google translate на АНГЛИЙСКИЙ(если конечно он у Вас включен), выделите все, скопируйте и в новом пустом файле вставьте и сохраните НИЧЕГО не меняя.
    Ставьте лайки, подписывайтесь на канал и оставляйте комментарии.
    Удачи!
    ============================================================
    Node.js:
    nodejs.org/en/
    jQuery:
    jquery.com/download/
    WebStorm:
    www.jetbrains.com/ru-ru/webstorm
    ============================================================

Комментарии •