<MyRusakov.ru />

Программирование на Python с Нуля до Гуру

Программирование на Python с Нуля до Гуру

Данный курс научит Вас программировать на языке Python, который крайне желательно знать любому, кто хоть иногда имеет дело с компьютерами. Курс состоит из 6 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности.

К курсу прилагается множество упражнений и все исходники из уроков.

Наконец, Вы получите ещё несколько бонусов: "Создание калькулятора на Python", "Создание игры на Python" и "Правильная работа со справочником".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Сборка статического сайта в WebStorm с помощью NodeJS

Сборка статического сайта в WebStorm с помощью NodeJS

При работе над фронтендом сайта из раза в раз приходится повторять одни и те же операции. Так, например, если Вы верстаете макет сайта, то алгоритм работы примерно следующий: сверстать макет страницы, добавить к нему стили, открыть в браузере, посмотреть на результат и так до тех пор пока Вы не придете к желаемому результату. Несмотря на то, что современные среды разработки предоставляют большое количество инструментов, позволяющих оптимизировать процесс разработки фронтенда, Вы не обойдетесь без использования хотя бы некоторых инструментов из мира NodeJS. Но NodeJS содержит так много пакетов для решения, по сути, одинаковых задач, что даже опытному разработчику бывает трудно разобраться со всем этим зоопарком инструментов, что же говорить о только начинающем разработчике, которому надо просто запустить среду разработки и начать.

Вот как раз на решение этой проблемы и нацелена эта статья. Из данной статьи и последующих статей Вы узнаете, как собрать статический сайт, в котором используются препроцессор SASS и шаблонизатор HTML Nunjucks. О первом инструменте говорить не буду, так как на сайте и так достаточно информации о нем, но а Nunjucks скажу, что это - шаблонизатор, который позволяет собрать из отдельных HTML кусочков - одну страницу. По своему синтаксису он сильно похож на Twig (и для Nunjucks и для Twig прообразам послужил шаблонизатор Python - Jinja2), о котором на сайте Вы также можете найти достаточно информации.

У Nunjucks также, как и у Twig доступны блоки и наследование, что как раз нам и надо. Вы можете спросить, а зачем использовать шаблонизатор на фронтенде, когда с этим отлично справляется и PHP в связке с Twig. Причина в следующем - при верстке макета сайта один и тот же HTML-код заголовка сайта, меню, подвала часто кочует из одно файла в другой простым копированием. Для небольшого сайта с небольшим количеством страниц такое допустимо, но если это крупный проект с десятками страниц, то Вы очень скоро поймете насколько нерационально, например, править один и тот же макет заголовка сайта в нескольких десятка файлах. А если требование к проекту со стороны заказчика не до конца определены, то вы просто обречены на адскую рутину. Но так быть не должно, надо стремиться к тому, чтобы изменение частей макета было бы как можно более централизованным. Далее я Вам покажу как можно этого добиться, но для начала, отмечу, что работу я веду в WebStorm IDE. Для SASS файлов IDE сама покажет Вам всплывающее окно с предложением настроить автоматическую компиляцию в CSS.

В настройках ничего сложно нет, за исключением того, что нужно правильно настроить пути к папке с исходниками SASS и к папке куда эти файлы будут компилироваться. В настройках наблюдателя (File Watcher) обязательно используйте переменные для указания пути к файлам, чтобы избежать в дальнейшем ошибок с их неправильным определением.

Таким образом в данной статье Вы узнали о тех инструментах, которые понадобятся для сборки сайта из отдельных шаблонов.А в следующей статье мы разберем как заставить все эти инструменты работать вместе.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.