{"id":35252,"date":"2025-03-06T10:09:33","date_gmt":"2025-03-06T08:09:33","guid":{"rendered":"https:\/\/goit.global\/?post_type=articles&#038;p=35252"},"modified":"2026-03-16T10:14:29","modified_gmt":"2026-03-16T08:14:29","slug":"myny-kurs-preprotsessor-saas-chto-to-takoe-y-zachem-nuzhno","status":"publish","type":"articles","link":"https:\/\/dev.goit.global\/ua-ru\/articles\/myny-kurs-preprotsessor-saas-chto-eto-takoe-y-zachem-nuzhno\/","title":{"rendered":"\u041c\u0438\u043d\u0438-\u043a\u0443\u0440\u0441 \u00ab\u041f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u044b SAAS\u00bb: \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0438 \u0437\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u043d\u043e"},"content":{"rendered":"<p><a href=\"https:\/\/dev.goit.global\/ua-ru\/articles\/kak-stat-javascript-razrabotchykom-chto-nuzhno-znat-y-umet\/\" target=\"_blank\" rel=\"noopener\">&#1042;&#1077;&#1073;-&#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1082;&#1072;<\/a><\/p>\n<p> &#1074; &#1085;&#1072;&#1096;&#1080; &#1076;&#1085;&#1080; &#1090;&#1088;&#1077;&#1073;&#1091;&#1077;&#1090; &#1075;&#1080;&#1073;&#1082;&#1086;&#1089;&#1090;&#1080; &#1080; &#1091;&#1076;&#1086;&#1073;&#1089;&#1090;&#1074;&#1072; &#1087;&#1088;&#1080; &#1085;&#1072;&#1087;&#1080;&#1089;&#1072;&#1085;&#1080;&#1080; &#1089;&#1090;&#1080;&#1083;&#1077;&#1081;. &#1054;&#1073;&#1099;&#1095;&#1085;&#1099;&#1081; CSS &#1084;&#1086;&#1097;&#1085;&#1099;&#1081;, &#1085;&#1086; &#1091; &#1085;&#1077;&#1075;&#1086; &#1077;&#1089;&#1090;&#1100; &#1089;&#1074;&#1086;&#1080; &#1086;&#1075;&#1088;&#1072;&#1085;&#1080;&#1095;&#1077;&#1085;&#1080;&#1103;: &#1087;&#1086;&#1074;&#1090;&#1086;&#1088;&#1103;&#1102;&#1097;&#1080;&#1081;&#1089;&#1103; &#1082;&#1086;&#1076;, &#1089;&#1083;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1100; &#1088;&#1072;&#1073;&#1086;&#1090;&#1099; &#1089; &#1087;&#1077;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1084;&#1080; &#1080; &#1089;&#1083;&#1072;&#1073;&#1072;&#1103; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1085;&#1086;&#1089;&#1090;&#1100;.<\/p>\n<p>&#1047;&#1076;&#1077;&#1089;&#1100; &#1085;&#1072; &#1087;&#1086;&#1084;&#1086;&#1097;&#1100; &#1087;&#1088;&#1080;&#1093;&#1086;&#1076;&#1103;&#1090; CSS-&#1087;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1099;, &#1090;&#1072;&#1082;&#1080;&#1077; &#1082;&#1072;&#1082; SASS. &#1054;&#1085;&#1080; &#1089;&#1090;&#1072;&#1083;&#1080; &#1085;&#1077;&#1086;&#1090;&#1098;&#1077;&#1084;&#1083;&#1077;&#1084;&#1086;&#1081; &#1095;&#1072;&#1089;&#1090;&#1100;&#1102; &#1088;&#1072;&#1073;&#1086;&#1095;&#1077;&#1075;&#1086; &#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1072;, &#1087;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1103; &#1089;&#1086;&#1079;&#1076;&#1072;&#1074;&#1072;&#1090;&#1100; &#1073;&#1086;&#1083;&#1077;&#1077; &#1075;&#1080;&#1073;&#1082;&#1080;&#1077; &#1080; &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1080;&#1074;&#1072;&#1077;&#1084;&#1099;&#1077; &#1089;&#1090;&#1080;&#1083;&#1080; &#1076;&#1083;&#1103; &#1074;&#1077;&#1073;-&#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;. &#1045;&#1089;&#1083;&#1080; &#1090;&#1099; &#1089;&#1090;&#1088;&#1077;&#1084;&#1080;&#1096;&#1100;&#1089;&#1103; &#1091;&#1083;&#1091;&#1095;&#1096;&#1080;&#1090;&#1100; &#1089;&#1074;&#1086;&#1080; &#1085;&#1072;&#1074;&#1099;&#1082;&#1080; &#1074; &#1101;&#1090;&#1086;&#1081; &#1086;&#1073;&#1083;&#1072;&#1089;&#1090;&#1080;, <a href=\"https:\/\/goit.global\/ua\/mini-courses\/preprotsesory-sass\/\" target=\"_blank\" rel=\"noopener\">&#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089; &laquo;&#1055;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1099; SASS&raquo; &#1074; GoIT<\/a> &#1087;&#1088;&#1077;&#1076;&#1083;&#1072;&#1075;&#1072;&#1077;&#1090; &#1075;&#1083;&#1091;&#1073;&#1086;&#1082;&#1086;&#1077; &#1087;&#1086;&#1075;&#1088;&#1091;&#1078;&#1077;&#1085;&#1080;&#1077; &#1074; &#1101;&#1090;&#1091; &#1090;&#1077;&#1093;&#1085;&#1086;&#1083;&#1086;&#1075;&#1080;&#1102;. &#1053;&#1086; &#1076;&#1083;&#1103; &#1085;&#1072;&#1095;&#1072;&#1083;&#1072; &#1076;&#1072;&#1074;&#1072;&#1081; &#1087;&#1086;&#1081;&#1084;&#1077;&#1084; &#1095;&#1090;&#1086; &#1089; &#1089;&#1077;&#1073;&#1103; &#1087;&#1088;&#1077;&#1076;&#1089;&#1090;&#1072;&#1074;&#1083;&#1103;&#1077;&#1090; SAAS &#1080; &#1087;&#1086;&#1095;&#1077;&#1084;&#1091; &#1086;&#1085; &#1090;&#1086;&#1095;&#1085;&#1086; &#1089;&#1090;&#1086;&#1080;&#1090; &#1090;&#1074;&#1086;&#1077;&#1075;&#1086; &#1074;&#1085;&#1080;&#1084;&#1072;&#1085;&#1080;&#1103;.&#8203;<\/p>\n<h2>&#1063;&#1090;&#1086; &#1090;&#1072;&#1082;&#1086;&#1077; SASS &#1080; &#1079;&#1072;&#1095;&#1077;&#1084; &#1086;&#1085; &#1085;&#1091;&#1078;&#1077;&#1085;?<\/h2>\n<p>\nSASS (Syntactically Awesome Stylesheets) &ndash; &#1101;&#1090;&#1086; &#1087;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088; CSS, &#1082;&#1086;&#1090;&#1086;&#1088;&#1099;&#1081; &#1076;&#1086;&#1073;&#1072;&#1074;&#1083;&#1103;&#1077;&#1090; &#1087;&#1086;&#1083;&#1077;&#1079;&#1085;&#1099;&#1077; &#1092;&#1091;&#1085;&#1082;&#1094;&#1080;&#1080; &#1080; &#1088;&#1072;&#1089;&#1096;&#1080;&#1088;&#1103;&#1077;&#1090; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1080;, &#1085;&#1077;&#1076;&#1086;&#1089;&#1090;&#1091;&#1087;&#1085;&#1099;&#1077; &#1074; &#1089;&#1090;&#1072;&#1085;&#1076;&#1072;&#1088;&#1090;&#1085;&#1086;&#1084; CSS.<\/p>\n<p>SASS-&#1087;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088; &#1087;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1077;&#1090; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1090;&#1100; &#1074; &#1088;&#1072;&#1073;&#1086;&#1090;&#1077;:\n<\/p>\n<ul>\n<li>&#1087;&#1077;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1077; &ndash; &#1084;&#1086;&#1078;&#1085;&#1086; &#1093;&#1088;&#1072;&#1085;&#1080;&#1090;&#1100; &#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1080;&#1103;, &#1090;&#1072;&#1082;&#1080;&#1077; &#1082;&#1072;&#1082; &#1094;&#1074;&#1077;&#1090;&#1072;, <a href=\"https:\/\/dev.goit.global\/ua-ru\/articles\/10-servysov-kotorie-pomohut-uznat-nazvanye-shryfta\/\" target=\"_blank\" rel=\"noopener\">&#1096;&#1088;&#1080;&#1092;&#1090;&#1099;<\/a>, &#1088;&#1072;&#1079;&#1084;&#1077;&#1088;&#1099; &#1080;&#1083;&#1080; &#1086;&#1090;&#1089;&#1090;&#1091;&#1087;&#1099; &#1074; &#1086;&#1076;&#1085;&#1086;&#1084; &#1084;&#1077;&#1089;&#1090;&#1077; &#1080; &#1087;&#1077;&#1088;&#1077;&#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1090;&#1100; &#1080;&#1093; &#1074; &#1082;&#1086;&#1076;&#1077; &#1087;&#1086; &#1074;&#1089;&#1077;&#1084;&#1091; &#1089;&#1090;&#1080;&#1083;&#1077;&#1074;&#1086;&#1084;&#1091; &#1092;&#1072;&#1081;&#1083;&#1091;;<\/li>\n<li>&#1074;&#1083;&#1086;&#1078;&#1077;&#1085;&#1085;&#1099;&#1077; &#1089;&#1077;&#1083;&#1077;&#1082;&#1090;&#1086;&#1088;&#1099; &ndash; &#1087;&#1086;&#1084;&#1086;&#1075;&#1072;&#1102;&#1090; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1080;&#1088;&#1086;&#1074;&#1072;&#1090;&#1100; &#1082;&#1086;&#1076;, &#1091;&#1084;&#1077;&#1085;&#1100;&#1096;&#1072;&#1090;&#1100; &#1077;&#1075;&#1086; &#1086;&#1073;&#1098;&#1077;&#1084;, &#1086;&#1073;&#1083;&#1077;&#1075;&#1095;&#1072;&#1102;&#1090; &#1095;&#1090;&#1077;&#1085;&#1080;&#1077; &#1080; &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1091; &#1082;&#1086;&#1076;&#1072;, &#1086;&#1090;&#1088;&#1072;&#1078;&#1072;&#1103; <a href=\"https:\/\/goit.global\/ua\/glossary\/html-hypertext-markup-language\/\" target=\"_blank\" rel=\"noopener\">&#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1091; HTML<\/a> &#1074; &#1089;&#1090;&#1080;&#1083;&#1103;&#1093;;<\/li>\n<li>&#1084;&#1080;&#1082;&#1089;&#1080;&#1085;&#1099; &ndash; &#1087;&#1088;&#1077;&#1076;&#1086;&#1089;&#1090;&#1072;&#1074;&#1083;&#1103;&#1102;&#1090; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1100; &#1089;&#1086;&#1079;&#1076;&#1072;&#1074;&#1072;&#1090;&#1100; &#1075;&#1088;&#1091;&#1087;&#1087;&#1099; &#1089;&#1090;&#1080;&#1083;&#1077;&#1081;, &#1082;&#1086;&#1090;&#1086;&#1088;&#1099;&#1077; &#1084;&#1086;&#1078;&#1085;&#1086; &#1087;&#1086;&#1074;&#1090;&#1086;&#1088;&#1085;&#1086; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1090;&#1100; &#1082;&#1072;&#1082; &#1096;&#1072;&#1073;&#1083;&#1086;&#1085;&#1099; &#1082;&#1086;&#1076;&#1072; &#1074; &#1088;&#1072;&#1079;&#1085;&#1099;&#1093; &#1095;&#1072;&#1089;&#1090;&#1103;&#1093; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1072;&#8203;;<\/li>\n<li>&#1092;&#1091;&#1085;&#1082;&#1094;&#1080;&#1080; &#1080; &#1086;&#1087;&#1077;&#1088;&#1072;&#1094;&#1080;&#1080; &ndash; &#1076;&#1072;&#1102;&#1090; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1100; &#1074;&#1099;&#1087;&#1086;&#1083;&#1085;&#1103;&#1090;&#1100; &#1084;&#1072;&#1090;&#1077;&#1084;&#1072;&#1090;&#1080;&#1095;&#1077;&#1089;&#1082;&#1080;&#1077; &#1086;&#1087;&#1077;&#1088;&#1072;&#1094;&#1080;&#1080; &#1080; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1090;&#1100; &#1074;&#1089;&#1090;&#1088;&#1086;&#1077;&#1085;&#1085;&#1099;&#1077; &#1092;&#1091;&#1085;&#1082;&#1094;&#1080;&#1080; &#1076;&#1083;&#1103; &#1076;&#1080;&#1085;&#1072;&#1084;&#1080;&#1095;&#1077;&#1089;&#1082;&#1086;&#1075;&#1086; &#1089;&#1086;&#1079;&#1076;&#1072;&#1085;&#1080;&#1103; &#1089;&#1090;&#1080;&#1083;&#1077;&#1081;;<\/li>\n<li>&#1086;&#1087;&#1077;&#1088;&#1072;&#1090;&#1086;&#1088;&#1099; &#1080; &#1091;&#1089;&#1083;&#1086;&#1074;&#1080;&#1103; &ndash; &#1076;&#1077;&#1083;&#1072;&#1102;&#1090; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1099;&#1084; &#1087;&#1088;&#1086;&#1075;&#1088;&#1072;&#1084;&#1084;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1080;&#1077; &#1074;&#1085;&#1091;&#1090;&#1088;&#1080; <a href=\"https:\/\/dev.goit.global\/ua-ru\/articles\/html-y-css-chto-to-komu-y-dlia-cheho-nuzhno\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a>;<\/li>\n<li>&#1080;&#1084;&#1087;&#1086;&#1088;&#1090;&#1099; &ndash; &#1088;&#1072;&#1079;&#1073;&#1080;&#1074;&#1072;&#1102;&#1090; &#1082;&#1086;&#1076; &#1085;&#1072; &#1084;&#1086;&#1076;&#1091;&#1083;&#1080;, &#1095;&#1090;&#1086; &#1086;&#1073;&#1083;&#1077;&#1075;&#1095;&#1072;&#1077;&#1090; &#1077;&#1075;&#1086; &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1091;.<\/li>\n<\/ul>\n<p>\n&#1042;&#1089;&#1077; &#1101;&#1090;&#1086; &#1076;&#1077;&#1083;&#1072;&#1077;&#1090; &#1082;&#1086;&#1076; &#1073;&#1086;&#1083;&#1077;&#1077; &#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1085;&#1099;&#1084; &#1080; &#1091;&#1076;&#1086;&#1073;&#1085;&#1099;&#1084; &#1076;&#1083;&#1103; &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1080;. &#1048;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1077; SASS &#1087;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1077;&#1090; &#1080;&#1079;&#1073;&#1077;&#1078;&#1072;&#1090;&#1100; &#1087;&#1086;&#1074;&#1090;&#1086;&#1088;&#1103;&#1102;&#1097;&#1077;&#1075;&#1086;&#1089;&#1103; &#1082;&#1086;&#1076;&#1072; &#1080; &#1091;&#1087;&#1088;&#1086;&#1097;&#1072;&#1077;&#1090; &#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1077;&#1085;&#1080;&#1077; &#1089;&#1090;&#1080;&#1083;&#1103;&#1084;&#1080; &#1074; &#1082;&#1088;&#1091;&#1087;&#1085;&#1099;&#1093; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1072;&#1093;.&#8203;\n<\/p>\n<h2>&#1056;&#1072;&#1079;&#1085;&#1080;&#1094;&#1072; &#1084;&#1077;&#1078;&#1076;&#1091; CSS &#1080; SCSS<\/h2>\n<p>\nSASS &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1080;&#1074;&#1072;&#1077;&#1090; &#1076;&#1074;&#1072; &#1089;&#1080;&#1085;&#1090;&#1072;&#1082;&#1089;&#1080;&#1089;&#1072;: SCSS &#1080; SASS. &#1054;&#1089;&#1085;&#1086;&#1074;&#1085;&#1086;&#1077; &#1088;&#1072;&#1079;&#1083;&#1080;&#1095;&#1080;&#1077; &#1074; &#1086;&#1092;&#1086;&#1088;&#1084;&#1083;&#1077;&#1085;&#1080;&#1080; &#1082;&#1086;&#1076;&#1072; &#1079;&#1072;&#1082;&#1083;&#1102;&#1095;&#1072;&#1077;&#1090;&#1089;&#1103; &#1074; &#1089;&#1083;&#1077;&#1076;&#1091;&#1102;&#1097;&#1077;&#1084; &ndash; SCSS (Sassy CSS) &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1091;&#1077;&#1090; &#1079;&#1085;&#1072;&#1082;&#1086;&#1084;&#1099;&#1081; CSS-&#1089;&#1080;&#1085;&#1090;&#1072;&#1082;&#1089;&#1080;&#1089;, &#1085;&#1086; &#1076;&#1086;&#1073;&#1072;&#1074;&#1083;&#1103;&#1077;&#1090; &#1087;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1085;&#1099;&#1077; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1080;, &#1074; &#1090;&#1086; &#1074;&#1088;&#1077;&#1084;&#1103; &#1082;&#1072;&#1082; &#1086;&#1073;&#1099;&#1095;&#1085;&#1099;&#1081; SASS &#1073;&#1086;&#1083;&#1077;&#1077; &#1083;&#1072;&#1082;&#1086;&#1085;&#1080;&#1095;&#1085;&#1099;&#1081;, &#1073;&#1077;&#1079; &#1092;&#1080;&#1075;&#1091;&#1088;&#1085;&#1099;&#1093; &#1089;&#1082;&#1086;&#1073;&#1086;&#1082; &#1080; &#1090;&#1086;&#1095;&#1077;&#1082; &#1089; &#1079;&#1072;&#1087;&#1103;&#1090;&#1086;&#1081;.<\/p>\n<p><strong>&#1055;&#1088;&#1080;&#1084;&#1077;&#1088; SCSS<\/strong>:<\/p>\n<p>$primary-color: #3498db;<\/p>\n<p>&nbsp;<\/p>\n<p>.<a href=\"https:\/\/goit.global\/ua\/glossary\/tag-button\/\" target=\"_blank\" rel=\"noopener\">button<\/a> {<\/p>\n<p>background-color: $primary-color;<\/p>\n<p>padding: 10px;<\/p>\n<p>}<\/p>\n<p><strong>&#1055;&#1088;&#1080;&#1084;&#1077;&#1088; SASS<\/strong>:<\/p>\n<p>$primary-color: #3498db<\/p>\n<p>&nbsp;<\/p>\n<p>.button<\/p>\n<p>background-color: $primary-color<\/p>\n<p>padding: 10px<\/p>\n<figure id=\"attachment_35222\" aria-describedby=\"caption-attachment-35222\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-35222\" src=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/05175200\/zachem-nuzhn-preprotsessor-SAAS.png\" alt=\"\" width=\"750\" height=\"447\" srcset=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/05175200\/zachem-nuzhn-preprotsessor-SAAS.png 1424w, https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/05175200\/zachem-nuzhn-preprotsessor-SAAS-300x179.png 300w, https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/05175200\/zachem-nuzhn-preprotsessor-SAAS-1024x610.png 1024w, https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2025\/03\/05175200\/zachem-nuzhn-preprotsessor-SAAS-768x457.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption id=\"caption-attachment-35222\" class=\"wp-caption-text\"><em>&#1061;&#1086;&#1095;&#1077;&#1096;&#1100; &#1091;&#1075;&#1083;&#1091;&#1073;&#1083;&#1077;&#1085;&#1085;&#1086; &#1080;&#1079;&#1091;&#1095;&#1080;&#1090;&#1100; &#1074;&#1077;&#1073;-&#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1082;&#1091;? &#1059; &#1085;&#1072;&#1089; &#1077;&#1089;&#1090;&#1100; &#1087;&#1086;&#1083;&#1085;&#1086;&#1094;&#1077;&#1085;&#1085;&#1099;&#1077; <a href=\"https:\/\/dev.goit.global\/ua-ru\/courses\/frontend\/\" target=\"_blank\" rel=\"noopener\">&#1082;&#1091;&#1088;&#1089;&#1099; &#1085;&#1072; Frontend<\/a> &#1080; <a href=\"https:\/\/dev.goit.global\/ua-ru\/courses\/fullstack\/\" target=\"_blank\" rel=\"noopener\">Fullstack-&#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1095;&#1080;&#1082;&#1072;<\/a>, &#1075;&#1076;&#1077; &#1090;&#1099; &#1089;&#1084;&#1086;&#1078;&#1077;&#1096;&#1100; &#1089;&#1090;&#1072;&#1090;&#1100; &#1085;&#1072;&#1089;&#1090;&#1086;&#1103;&#1097;&#1080;&#1084; &#1089;&#1087;&#1077;&#1094;&#1080;&#1072;&#1083;&#1080;&#1089;&#1090;&#1086;&#1084;!<\/em><\/figcaption><\/figure>\n<h2>&#1055;&#1086;&#1095;&#1077;&#1084;&#1091; &#1089;&#1090;&#1086;&#1080;&#1090; &#1074;&#1099;&#1073;&#1088;&#1072;&#1090;&#1100; SASS<\/h2>\n<p>\n&#1058;&#1077;&#1087;&#1077;&#1088;&#1100; &#1074;&#1099;&#1076;&#1077;&#1083;&#1080;&#1084; &#1086;&#1089;&#1085;&#1086;&#1074;&#1085;&#1099;&#1077; &#1087;&#1088;&#1077;&#1080;&#1084;&#1091;&#1097;&#1077;&#1089;&#1090;&#1074;&#1072; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1103; SAAS &#1074; &#1088;&#1072;&#1073;&#1086;&#1090;&#1077; <a href=\"https:\/\/dev.goit.global\/ua-ru\/articles\/kto-takoy-javascript-razrabotchyk-y-chem-on-zanymaetsia\/\" target=\"_blank\" rel=\"noopener\">&#1087;&#1088;&#1086;&#1075;&#1088;&#1072;&#1084;&#1084;&#1080;&#1089;&#1090;&#1072;<\/a>.<\/p>\n<p><strong>&#1043;&#1080;&#1073;&#1082;&#1086;&#1089;&#1090;&#1100; &#1082;&#1086;&#1076;&#1072;<\/strong>. &#1041;&#1083;&#1072;&#1075;&#1086;&#1076;&#1072;&#1088;&#1103; &#1087;&#1077;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1084;, &#1084;&#1080;&#1082;&#1089;&#1080;&#1085;&#1072;&#1084; &#1080; &#1091;&#1089;&#1083;&#1086;&#1074;&#1080;&#1103;&#1084; &#1090;&#1074;&#1086;&#1081; &#1082;&#1086;&#1076; &#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1080;&#1090;&#1089;&#1103; &#1085;&#1072;&#1084;&#1085;&#1086;&#1075;&#1086; &#1087;&#1088;&#1086;&#1097;&#1077; &#1080; &#1076;&#1080;&#1085;&#1072;&#1084;&#1080;&#1095;&#1085;&#1077;&#1077;.<\/p>\n<p><strong>&#1057;&#1086;&#1074;&#1084;&#1077;&#1089;&#1090;&#1080;&#1084;&#1086;&#1089;&#1090;&#1100; &#1089; CSS<\/strong>. SASS &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1080;&#1074;&#1072;&#1077;&#1090; &#1074;&#1077;&#1089;&#1100; &#1089;&#1090;&#1072;&#1085;&#1076;&#1072;&#1088;&#1090;&#1085;&#1099;&#1081; CSS-&#1089;&#1080;&#1085;&#1090;&#1072;&#1082;&#1089;&#1080;&#1089;, &#1087;&#1086;&#1101;&#1090;&#1086;&#1084;&#1091; &#1077;&#1075;&#1086; &#1076;&#1086;&#1089;&#1090;&#1072;&#1090;&#1086;&#1095;&#1085;&#1086; &#1083;&#1077;&#1075;&#1082;&#1086; &#1074;&#1085;&#1077;&#1076;&#1088;&#1080;&#1090;&#1100; &#1074; &#1083;&#1102;&#1073;&#1099;&#1077; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1099;.<\/p>\n<p><strong>&#1055;&#1086;&#1074;&#1090;&#1086;&#1088;&#1085;&#1086;&#1077; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1077; &#1082;&#1086;&#1076;&#1072;<\/strong>. &#1052;&#1086;&#1078;&#1085;&#1086; &#1089;&#1086;&#1079;&#1076;&#1072;&#1074;&#1072;&#1090;&#1100; &#1096;&#1072;&#1073;&#1083;&#1086;&#1085;&#1099; &#1080; &#1087;&#1077;&#1088;&#1077;&#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1090;&#1100; &#1080;&#1093; &#1074; &#1088;&#1072;&#1079;&#1085;&#1099;&#1093; &#1092;&#1072;&#1081;&#1083;&#1072;&#1093;.<\/p>\n<p><strong>&#1055;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1072; &#1089;&#1086;&#1074;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1093; &#1080;&#1085;&#1089;&#1090;&#1088;&#1091;&#1084;&#1077;&#1085;&#1090;&#1086;&#1074;<\/strong>. &#1055;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088; SAAS &#1083;&#1077;&#1075;&#1082;&#1086; &#1080;&#1085;&#1090;&#1077;&#1075;&#1088;&#1080;&#1088;&#1091;&#1077;&#1090;&#1089;&#1103; &#1089; Webpack, Gulp, Grunt &#1080; &#1076;&#1088;&#1091;&#1075;&#1080;&#1084;&#1080; &#1089;&#1073;&#1086;&#1088;&#1097;&#1080;&#1082;&#1072;&#1084;&#1080;.\n<\/p>\n<h2>&#1054; &#1095;&#1077;&#1084; &#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089; &laquo;&#1055;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1099; SASS&raquo;<\/h2>\n<p>\n&#1069;&#1090;&#1086;&#1090; &#1086;&#1085;&#1083;&#1072;&#1081;&#1085;-&#1082;&#1091;&#1088;&#1089; &#1087;&#1088;&#1077;&#1076;&#1085;&#1072;&#1079;&#1085;&#1072;&#1095;&#1077;&#1085; &#1076;&#1083;&#1103; &#1090;&#1077;&#1093;, &#1082;&#1090;&#1086; &#1093;&#1086;&#1095;&#1077;&#1090; &#1086;&#1089;&#1074;&#1086;&#1080;&#1090;&#1100; SASS &#1089; &#1085;&#1091;&#1083;&#1103; &#1080;&#1083;&#1080; &#1091;&#1075;&#1083;&#1091;&#1073;&#1080;&#1090;&#1100; &#1089;&#1074;&#1086;&#1080; &#1079;&#1085;&#1072;&#1085;&#1080;&#1103; &#1074; &#1101;&#1090;&#1086;&#1081; &#1086;&#1073;&#1083;&#1072;&#1089;&#1090;&#1080;. &#1055;&#1088;&#1086;&#1075;&#1088;&#1072;&#1084;&#1084;&#1072; &#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089;&#1072; &#1076;&#1086;&#1074;&#1086;&#1083;&#1100;&#1085;&#1086; &#1085;&#1072;&#1089;&#1099;&#1097;&#1077;&#1085;&#1085;&#1072;&#1103; &#1080; &#1080;&#1085;&#1090;&#1077;&#1088;&#1077;&#1089;&#1085;&#1072;&#1103;.<\/p>\n<p><strong>&#1058;&#1077;&#1086;&#1088;&#1077;&#1090;&#1080;&#1095;&#1077;&#1089;&#1082;&#1080;&#1077; &#1084;&#1072;&#1090;&#1077;&#1088;&#1080;&#1072;&#1083;&#1099;<\/strong>. &#1055;&#1086;&#1076;&#1088;&#1086;&#1073;&#1085;&#1086;&#1077; &#1086;&#1073;&#1098;&#1103;&#1089;&#1085;&#1077;&#1085;&#1080;&#1077; &#1089;&#1080;&#1085;&#1090;&#1072;&#1082;&#1089;&#1080;&#1089;&#1072; &#1080; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1077;&#1081; SASS.&#8203;<\/p>\n<p><strong>&#1055;&#1088;&#1072;&#1082;&#1090;&#1080;&#1095;&#1077;&#1089;&#1082;&#1080;&#1077; &#1079;&#1072;&#1076;&#1072;&#1085;&#1080;&#1103;<\/strong>. &#1059;&#1087;&#1088;&#1072;&#1078;&#1085;&#1077;&#1085;&#1080;&#1103; &#1076;&#1083;&#1103; &#1079;&#1072;&#1082;&#1088;&#1077;&#1087;&#1083;&#1077;&#1085;&#1080;&#1103; &#1087;&#1086;&#1083;&#1091;&#1095;&#1077;&#1085;&#1085;&#1099;&#1093; &#1079;&#1085;&#1072;&#1085;&#1080;&#1081; &#1080; &#1086;&#1090;&#1088;&#1072;&#1073;&#1086;&#1090;&#1082;&#1080; &#1085;&#1072;&#1074;&#1099;&#1082;&#1086;&#1074; &#1085;&#1072; &#1088;&#1077;&#1072;&#1083;&#1100;&#1085;&#1099;&#1093; &#1087;&#1088;&#1080;&#1084;&#1077;&#1088;&#1072;&#1093;.&#8203;<\/p>\n<p><strong>&#1042;&#1080;&#1076;&#1077;&#1086;&#1091;&#1088;&#1086;&#1082;&#1080;<\/strong>. &#1050;&#1086;&#1088;&#1086;&#1090;&#1082;&#1080;&#1077; &#1074;&#1080;&#1076;&#1077;&#1086;&#1084;&#1072;&#1090;&#1077;&#1088;&#1080;&#1072;&#1083;&#1099; &#1089; &#1085;&#1072;&#1075;&#1083;&#1103;&#1076;&#1085;&#1086;&#1081; &#1076;&#1077;&#1084;&#1086;&#1085;&#1089;&#1090;&#1088;&#1072;&#1094;&#1080;&#1077;&#1081; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1103; &#1082;&#1086;&#1084;&#1072;&#1085;&#1076; &#1080; &#1087;&#1088;&#1080;&#1077;&#1084;&#1086;&#1074; &#1088;&#1072;&#1073;&#1086;&#1090;&#1099; &#1089; SASS.&#8203;<\/p>\n<p><strong>&#1050;&#1074;&#1080;&#1079;&#1099;<\/strong>. &#1058;&#1077;&#1089;&#1090;&#1099; &#1076;&#1083;&#1103; &#1087;&#1088;&#1086;&#1074;&#1077;&#1088;&#1082;&#1080; &#1080; &#1072;&#1082;&#1090;&#1091;&#1072;&#1083;&#1080;&#1079;&#1072;&#1094;&#1080;&#1080; &#1080;&#1079;&#1091;&#1095;&#1077;&#1085;&#1085;&#1086;&#1075;&#1086; &#1084;&#1072;&#1090;&#1077;&#1088;&#1080;&#1072;&#1083;&#1072;.&#8203;<\/p>\n<p>&#1050;&#1091;&#1088;&#1089; &#1088;&#1072;&#1089;&#1089;&#1095;&#1080;&#1090;&#1072;&#1085; &#1085;&#1072; 30 &#1095;&#1072;&#1089;&#1086;&#1074; &#1080; &#1076;&#1086;&#1089;&#1090;&#1091;&#1087;&#1077;&#1085; &#1074; &#1086;&#1085;&#1083;&#1072;&#1081;&#1085;-&#1092;&#1086;&#1088;&#1084;&#1072;&#1090;&#1077;, &#1095;&#1090;&#1086; &#1087;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1077;&#1090; <a href=\"https:\/\/dev.goit.global\/ua-ru\/articles\/motyvatsyia-uchytsia-pochemu-propadaet-y-kak-ee-nayty\/\" target=\"_blank\" rel=\"noopener\">&#1091;&#1095;&#1080;&#1090;&#1100;&#1089;&#1103;<\/a> &#1074; &#1091;&#1076;&#1086;&#1073;&#1085;&#1086;&#1077; &#1076;&#1083;&#1103; &#1090;&#1077;&#1073;&#1103; &#1074;&#1088;&#1077;&#1084;&#1103; &#1080; &#1074; &#1082;&#1086;&#1084;&#1092;&#1086;&#1088;&#1090;&#1085;&#1086;&#1084; &#1090;&#1077;&#1084;&#1087;&#1077;.<\/p>\n<h2>&#1063;&#1077;&#1084;&#1091; &#1090;&#1099; &#1085;&#1072;&#1091;&#1095;&#1080;&#1096;&#1100;&#1089;&#1103; &#1085;&#1072; &#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089;&#1077;<\/h2>\n<p><a href=\"https:\/\/goit.global\/ua\/mini-courses\/preprotsesory-sass\/\" target=\"_blank\" rel=\"noopener\">&#1052;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089; &laquo;&#1055;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1099; SASS&raquo;<\/a><\/p>\n<p> &#1087;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1077;&#1090; &#1087;&#1086;&#1083;&#1091;&#1095;&#1080;&#1090;&#1100; &#1074;&#1089;&#1077; &#1085;&#1077;&#1086;&#1073;&#1093;&#1086;&#1076;&#1080;&#1084;&#1099;&#1077; &#1079;&#1085;&#1072;&#1085;&#1080;&#1103; &#1076;&#1083;&#1103; &#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1095;&#1080;&#1082;&#1086;&#1074;.<\/p>\n<p><strong>&#1057;&#1086;&#1074;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1081; &#1089;&#1080;&#1085;&#1090;&#1072;&#1082;&#1089;&#1080;&#1089; SASS<\/strong>. &#1054;&#1089;&#1074;&#1086;&#1080;&#1096;&#1100; &#1086;&#1089;&#1085;&#1086;&#1074;&#1099; &#1080; &#1087;&#1088;&#1086;&#1076;&#1074;&#1080;&#1085;&#1091;&#1090;&#1099;&#1077; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1080; &#1087;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1072;.&#8203;<\/p>\n<p><strong>&#1057;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1080;&#1077; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1086;&#1074;<\/strong>. &#1048;&#1079;&#1091;&#1095;&#1080;&#1096;&#1100; &#1087;&#1072;&#1090;&#1090;&#1077;&#1088;&#1085; 7-1 &#1080; &#1085;&#1072;&#1091;&#1095;&#1080;&#1096;&#1100;&#1089;&#1103; &#1101;&#1092;&#1092;&#1077;&#1082;&#1090;&#1080;&#1074;&#1085;&#1086; &#1086;&#1088;&#1075;&#1072;&#1085;&#1080;&#1079;&#1086;&#1074;&#1099;&#1074;&#1072;&#1090;&#1100; &#1084;&#1086;&#1076;&#1091;&#1083;&#1100;&#1085;&#1091;&#1102; &#1089;&#1080;&#1089;&#1090;&#1077;&#1084;&#1091; &#1074; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1077;.&#8203;<\/p>\n<p><strong>&#1056;&#1072;&#1073;&#1086;&#1090;&#1072; &#1089; &#1087;&#1077;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1084;&#1080;<\/strong>. &#1055;&#1086;&#1081;&#1084;&#1077;&#1096;&#1100;, &#1082;&#1072;&#1082; &#1089;&#1086;&#1079;&#1076;&#1072;&#1074;&#1072;&#1090;&#1100; &#1080; &#1091;&#1087;&#1088;&#1072;&#1074;&#1083;&#1103;&#1090;&#1100; &#1087;&#1077;&#1088;&#1077;&#1084;&#1077;&#1085;&#1085;&#1099;&#1084;&#1080; &#1076;&#1083;&#1103; &#1091;&#1087;&#1088;&#1086;&#1097;&#1077;&#1085;&#1080;&#1103; &#1080; &#1091;&#1085;&#1080;&#1092;&#1080;&#1082;&#1072;&#1094;&#1080;&#1080; &#1089;&#1090;&#1080;&#1083;&#1077;&#1081;.&#8203;<\/p>\n<p><strong>&#1048;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1077; &#1084;&#1080;&#1082;&#1089;&#1080;&#1085;&#1086;&#1074; &#1080; &#1076;&#1080;&#1088;&#1077;&#1082;&#1090;&#1080;&#1074;<\/strong>. &#1054;&#1074;&#1083;&#1072;&#1076;&#1077;&#1077;&#1096;&#1100; &#1080;&#1085;&#1089;&#1090;&#1088;&#1091;&#1084;&#1077;&#1085;&#1090;&#1072;&#1084;&#1080; &#1076;&#1083;&#1103; &#1087;&#1086;&#1074;&#1090;&#1086;&#1088;&#1085;&#1086;&#1075;&#1086; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1103; &#1082;&#1086;&#1076;&#1072; &#1080; &#1089;&#1086;&#1079;&#1076;&#1072;&#1085;&#1080;&#1103; &#1075;&#1080;&#1073;&#1082;&#1080;&#1093; &#1089;&#1090;&#1080;&#1083;&#1077;&#1081;.&#8203;<\/p>\n<p><strong>&#1055;&#1086;&#1089;&#1090;&#1088;&#1086;&#1077;&#1085;&#1080;&#1077; &#1076;&#1080;&#1079;&#1072;&#1081;&#1085;-&#1089;&#1080;&#1089;&#1090;&#1077;&#1084;&#1099;<\/strong>. &#1056;&#1072;&#1079;&#1073;&#1077;&#1088;&#1077;&#1096;&#1100;&#1089;&#1103; &#1074; &#1087;&#1088;&#1080;&#1085;&#1094;&#1080;&#1087;&#1072;&#1093; &#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1082;&#1080; &#1080; &#1074;&#1085;&#1077;&#1076;&#1088;&#1077;&#1085;&#1080;&#1103; &#1076;&#1080;&#1079;&#1072;&#1081;&#1085;-&#1089;&#1080;&#1089;&#1090;&#1077;&#1084; &#1076;&#1083;&#1103; &#1086;&#1073;&#1077;&#1089;&#1087;&#1077;&#1095;&#1077;&#1085;&#1080;&#1103; &#1082;&#1086;&#1085;&#1089;&#1080;&#1089;&#1090;&#1077;&#1085;&#1090;&#1085;&#1086;&#1089;&#1090;&#1080; &#1080; &#1091;&#1076;&#1086;&#1073;&#1089;&#1090;&#1074;&#1072; &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1080; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1072;.&#8203;\n<\/p>\n<h2>&#1055;&#1086;&#1095;&#1077;&#1084;&#1091; &#1089;&#1090;&#1086;&#1080;&#1090; &#1074;&#1099;&#1073;&#1088;&#1072;&#1090;&#1100; &#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089; &#1086;&#1090; GoIT<\/h2>\n<p>\n&#1064;&#1082;&#1086;&#1083;&#1072; &#1072;&#1081;&#1090;&#1080;&#1096;&#1085;&#1099;&#1093; &#1087;&#1088;&#1086;&#1092;&#1077;&#1089;&#1089;&#1080;&#1081; <a href=\"https:\/\/dev.goit.global\/ua-ru\/\" target=\"_blank\" rel=\"noopener\">GoIT<\/a> &ndash; &#1101;&#1090;&#1086; &#1087;&#1088;&#1080;&#1079;&#1085;&#1072;&#1085;&#1085;&#1099;&#1081; &#1083;&#1080;&#1076;&#1077;&#1088; &#1074; &#1086;&#1073;&#1083;&#1072;&#1089;&#1090;&#1080; IT-&#1086;&#1073;&#1088;&#1072;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1103;, &#1087;&#1088;&#1077;&#1076;&#1083;&#1072;&#1075;&#1072;&#1102;&#1097;&#1080;&#1081; &#1072;&#1082;&#1090;&#1091;&#1072;&#1083;&#1100;&#1085;&#1099;&#1077; &#1080; <a href=\"https:\/\/dev.goit.global\/ua-ru\/courses\/\" target=\"_blank\" rel=\"noopener\">&#1087;&#1088;&#1072;&#1082;&#1090;&#1080;&#1082;&#1086;&#1086;&#1088;&#1080;&#1077;&#1085;&#1090;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1085;&#1099;&#1077; &#1082;&#1091;&#1088;&#1089;&#1099;<\/a>. &#1050; &#1087;&#1088;&#1077;&#1080;&#1084;&#1091;&#1097;&#1077;&#1089;&#1090;&#1074;&#1072;&#1084; &#1086;&#1073;&#1091;&#1095;&#1077;&#1085;&#1080;&#1103; &#1085;&#1072; &#1101;&#1090;&#1086;&#1084; &#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089;&#1077; &#1084;&#1086;&#1078;&#1085;&#1086; &#1074;&#1099;&#1076;&#1077;&#1083;&#1080;&#1090;&#1100;:&#8203;\n<\/p>\n<ul>\n<li>&#1054;&#1087;&#1099;&#1090;&#1085;&#1086;&#1075;&#1086; &#1087;&#1088;&#1077;&#1087;&#1086;&#1076;&#1072;&#1074;&#1072;&#1090;&#1077;&#1083;&#1103; &ndash; &#1082;&#1091;&#1088;&#1089; &#1074;&#1077;&#1076;&#1077;&#1090; &#1071;&#1088;&#1086;&#1089;&#1083;&#1072;&#1074; &#1050;&#1086;&#1089;&#1080;&#1094;&#1103;, &#1089;&#1087;&#1077;&#1094;&#1080;&#1072;&#1083;&#1080;&#1089;&#1090; &#1089; &#1073;&#1086;&#1083;&#1077;&#1077; &#1095;&#1077;&#1084; 4-&#1093; &#1083;&#1077;&#1090;&#1085;&#1080;&#1084; &#1082;&#1086;&#1084;&#1084;&#1077;&#1088;&#1095;&#1077;&#1089;&#1082;&#1080;&#1084; &#1086;&#1087;&#1099;&#1090;&#1086;&#1084; &#1074; &#1074;&#1077;&#1073;-&#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1082;&#1077; &#1080; &#1087;&#1088;&#1077;&#1087;&#1086;&#1076;&#1072;&#1074;&#1072;&#1085;&#1080;&#1080; <a href=\"https:\/\/dev.goit.global\/ua-ru\/courses\/frontend\/\" target=\"_blank\" rel=\"noopener\">&#1082;&#1091;&#1088;&#1089;&#1072; Frontend &#1074; GoIT<\/a>.&#8203;<\/li>\n<li>&#1043;&#1080;&#1073;&#1082;&#1080;&#1081; &#1075;&#1088;&#1072;&#1092;&#1080;&#1082; &ndash; &#1090;&#1099; &#1084;&#1086;&#1078;&#1077;&#1096;&#1100; &#1091;&#1095;&#1080;&#1090;&#1100;&#1089;&#1103; &#1074; &#1083;&#1102;&#1073;&#1086;&#1077; &#1091;&#1076;&#1086;&#1073;&#1085;&#1086;&#1077; &#1076;&#1083;&#1103; &#1090;&#1077;&#1073;&#1103; &#1074;&#1088;&#1077;&#1084;&#1103; &#1080; &#1074; &#1083;&#1102;&#1073;&#1086;&#1084; &#1084;&#1077;&#1089;&#1090;&#1077;, &#1087;&#1086;&#1076;&#1089;&#1090;&#1088;&#1072;&#1080;&#1074;&#1072;&#1103; &#1086;&#1073;&#1091;&#1095;&#1077;&#1085;&#1080;&#1077; &#1087;&#1086;&#1076; &#1089;&#1074;&#1086;&#1081; &#1088;&#1080;&#1090;&#1084; &#1078;&#1080;&#1079;&#1085;&#1080;.&#8203;<\/li>\n<li>&#1059;&#1076;&#1086;&#1073;&#1085;&#1072;&#1103; &#1087;&#1083;&#1072;&#1090;&#1092;&#1086;&#1088;&#1084;&#1072; &ndash; &#1074;&#1089;&#1077; &#1084;&#1072;&#1090;&#1077;&#1088;&#1080;&#1072;&#1083;&#1099; &#1089;&#1086;&#1073;&#1088;&#1072;&#1085;&#1099; &#1074; &#1086;&#1076;&#1085;&#1086;&#1084; &#1084;&#1077;&#1089;&#1090;&#1077;, &#1095;&#1090;&#1086; &#1086;&#1073;&#1077;&#1089;&#1087;&#1077;&#1095;&#1080;&#1074;&#1072;&#1077;&#1090; &#1082;&#1086;&#1084;&#1092;&#1086;&#1088;&#1090;&#1085;&#1086;&#1077; &#1080; &#1101;&#1092;&#1092;&#1077;&#1082;&#1090;&#1080;&#1074;&#1085;&#1086;&#1077; &#1086;&#1073;&#1091;&#1095;&#1077;&#1085;&#1080;&#1077;.&#8203;<\/li>\n<\/ul>\n<p><a href=\"https:\/\/goit.global\/ua\/mini-courses\/preprotsesory-sass\/\" target=\"_blank\" rel=\"noopener\">&#1052;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089; &laquo;&#1055;&#1088;&#1077;&#1087;&#1088;&#1086;&#1094;&#1077;&#1089;&#1089;&#1086;&#1088;&#1099; SASS&raquo; &#1086;&#1090; GoIT<\/a><\/p>\n<p> &ndash; &#1101;&#1090;&#1086; &#1086;&#1090;&#1083;&#1080;&#1095;&#1085;&#1072;&#1103; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1100; &#1088;&#1072;&#1089;&#1096;&#1080;&#1088;&#1080;&#1090;&#1100; &#1089;&#1074;&#1086;&#1080; &#1085;&#1072;&#1074;&#1099;&#1082;&#1080; &#1074; &#1074;&#1077;&#1073;-&#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1082;&#1077; &#1080; &#1089;&#1076;&#1077;&#1083;&#1072;&#1090;&#1100; &#1089;&#1074;&#1086;&#1080; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1099; &#1073;&#1086;&#1083;&#1077;&#1077; &#1087;&#1088;&#1086;&#1092;&#1077;&#1089;&#1089;&#1080;&#1086;&#1085;&#1072;&#1083;&#1100;&#1085;&#1099;&#1084;&#1080; &#1080; &#1091;&#1076;&#1086;&#1073;&#1085;&#1099;&#1084;&#1080; &#1074; &#1087;&#1086;&#1076;&#1076;&#1077;&#1088;&#1078;&#1082;&#1077;.<\/p>\n<p>&#1055;&#1088;&#1080;&#1089;&#1086;&#1077;&#1076;&#1080;&#1085;&#1103;&#1081;&#1089;&#1103; &#1082; <a href=\"https:\/\/goit.global\/ua\/mini-courses\/\" target=\"_blank\" rel=\"noopener\">&#1084;&#1080;&#1085;&#1080;-&#1082;&#1091;&#1088;&#1089;&#1072;&#1084; &#1043;&#1086;&#1040;&#1081;&#1058;&#1080;<\/a>, &#1095;&#1090;&#1086;&#1073;&#1099; &#1087;&#1088;&#1086;&#1082;&#1072;&#1095;&#1072;&#1090;&#1100; &#1090;&#1077;&#1093;&#1085;&#1080;&#1095;&#1077;&#1089;&#1082;&#1080;&#1077; &#1089;&#1082;&#1080;&#1083;&#1083;&#1099; &#1089;&#1072;&#1084;&#1099;&#1093; &#1074;&#1086;&#1089;&#1090;&#1088;&#1077;&#1073;&#1086;&#1074;&#1072;&#1085;&#1085;&#1099;&#1093; Digital &#1080; IT-&#1087;&#1088;&#1086;&#1092;&#1077;&#1089;&#1089;&#1080;&#1081;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 SASS \u0438 \u0437\u0430\u0447\u0435\u043c \u043e\u043d \u043d\u0443\u0436\u0435\u043d, \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 CSS \u0438 SCSS, \u043f\u043e\u0447\u0435\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c SAAS. \u041f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0438 \u043e\u043d\u043b\u0430\u0439\u043d \u043c\u0438\u043d\u0438-\u043a\u0443\u0440\u0441 \u00abSAAS preprocessors\u00bb \u043e\u0442 GoIT!<\/p>\n","protected":false},"featured_media":35230,"menu_order":0,"template":"","meta":{"inline_featured_image":false},"categories":[],"tags":[],"class_list":["post-35252","articles","type-articles","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/articles\/35252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/types\/articles"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/media\/35230"}],"wp:attachment":[{"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/media?parent=35252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/categories?post=35252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.goit.global\/ua-ru\/wp-json\/wp\/v2\/tags?post=35252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}