Академический Документы
Профессиональный Документы
Культура Документы
io
� �� ���� ����������� ��������� ���-��������� webapp . � ������ ���������� gulp �
������� �������� sass + bootstrap sass + bower � ������� �� ���� ����� �������� +
chai � mocha (������������ ����) + browsersync ������� �������� �� 3001 �����.
�������� �� ����� ��� � ������. ������ �� ����� ������� ������. ��� � ���:
=======================================
header.jade > .header � ����� ��� �� ��������� scss. � ����� ��� ��� �����. ��� �
����� �����. ��� �� html, ������ � �������������� ������� � ���������� �
�������)))) ����� �������� ������ ��������� jade-������ (������ ��� pug, � �� jade,
�� ���� ���� ��������)
https://pp.vk.me/c837320/v837320368/6ff4/D94gw1P8z...
� ����� ���� ��������������� � ��� ����� ��� ��������. �������� ����� ���������.
����� � jade. ������ ��� pug (������� �������������). � ��� ����� ������� ������,
����� ������ ����� �� sass. ������������� gulp, ������ ��� �� ��� ���������������,
�������� � �����������. ������ ����� �������� ���� "�� ���� ������ ��������" - ��
�..� - ����. ������� �� �� ��� ������� ����� �������� ������ ����� � ������������,
�� �� �������� ������ � ����� ���� ���������� � ����.
� ���� �� ������ � ������������, ������ �� �� ������ ������ � ������ ��� � �� �
������, ���� ������ � ��� �� ����� modules ����� �� ���������, ���� gulp ���� �� �
styles - ��� ���� � ����� � ��������� ������))).
https://pugjs.org/api/getting-started.html - ��� ���������� ��������. ���� �� ��
������ ��� ��������� ����� �����, ����� ��������� � ���������� - � ����� � � ������
����.
===================================
1) ��, �������. �� gulp � �� ����� ��� � �������� ��� ��������� �������. �� ����
webpack, ������� ����������� ������������ �� ����� - ��� �������, � �� ��������
����� � ���� � ���� ������� ������. � �������� �� �������� ��������.
2) �� ��� ����� �� 1� �����=)
3) �� ��� �������� � ��� � ������� �� ����������� ����� - ��� reset.css ���
normalize.css. �� ������� ����������� � �������� BEM.
4) jQuery - ����� ���� ��������� ������������� ���������� ��� ��������� �������,
������� ���������� ������� ������������� � �����. � ���� � ��� ����� ����������
���� �������. � �� ������ ����� ������ ��������� � ����� � ������� ������� js. � ��
��� ��� ���� ��� � ������ �� ��� ����� ����� ��� � ����� �����, ���������
���������� � ������ ������� ���� ����� ������ �������� �� ������ ��������. jQuery
�������� ��� �������. � ��� � ����� �������� ������, ����� �� �� �����-����� �����
��������. � javascript native ����� �� ��� ������ � ���������. ��� ��� �������
������, ����� � ������ ��� �������� �� ��� - � �� ���� ������ � �� �������� =)
5) �� ���� ������������������ � ����� �������. � ������ �� ����. ���� ������ ���� -
������ �� �������� intermediate. ����� ��� ����� ������� ����� ����� ������� -
������ ������ ����� ��������� �� ���� ��������� ���������. � �� �����������
���������� ������������ ��� �����-�� ������� ���� ������. �� ����� ���� ��������
����� �����. ���� sass - less, stylus ���������� ���������. ������� ���-�� �� vue -
react ������� �� 1 ������ ������������. �� � ��� �� ����� ��������� ������������,
��������� �� ���������� ����.
6) ����������, ���� �������� ��� ��������. ��� ������� �� ���, � ����� ��� ������
���������. �������� ���� ui-kit �� vue � ������ ��� ������� ������ ����. ��������
���� ������ ���������� � �������� � ������ ��� ������� ������� - ��� ��������
�����������
=============================
�.�.:
1. Gulp �� ����������� ��� ��������� ���������� �����������, ������ � ��������?
2. ���������� �� ��� - ������ ����� ������������� ���� ���������? � �����������
������� �� �� �����������? ��-�����__��-��������_�����������_��������?
������, yeogurt-�� �� ��� ����������? ��� gulp-a ������� ���-�� �� ���, ���� �
��������, � ��� ��� ���� �����?
Pug �� HTML �����������?
============================
������
������ 11:55
=========================
��� ������������� � ���� �����, ��� ����� ���� ����� ������ ������ ������, ��������
����� �����, ��������, ������������� ���-�� ���� "agragregra/optimizedhtml-start-
template", �� �������������� ��� ���.
��� �� ��� ����� ������ ��������� � ���?
=============================================================
��, ��� �� ��������� ����. � �� ��� ��� ���������� ������������ ��� ��� � ������� �
���� �����������. ���� yeogurt � ��� ���� ��������� ��� ������ �� ����. � ���������
������ � ������������ � ���������, ������� ��������� ������������ �������� ������
(import '/common/**/*.scss' ������ ���������� �������) ���������� postCSS �����
�����, ������� browserify �� webpack � ����� ��� �� �� ��� ���� ����������� ��
��������� ������