Слайд 2
![Про що йтиметься 1. Текстовий редактор 2. Emmet і Haml](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-1.jpg)
Про що йтиметься
1. Текстовий редактор
2. Emmet і Haml
3. Препроцесор SASS
4. Bootstrap
5.
Використання icon bars
6. Lightshot
Слайд 3
![Текстовий редактор Sublime Text – html, css, Ruby, Ror WebStorm – js, php Notepad++](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-2.jpg)
Текстовий редактор
Sublime Text – html, css, Ruby, Ror
WebStorm – js, php
Notepad++
Слайд 4
![Emmet Emmet – це набір плагінів для текстових редакторів, котрі](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-3.jpg)
Emmet
Emmet – це набір плагінів для текстових редакторів, котрі в деякій
мірі пришвидшують написання коду Html та css.
Синтаксис можна побачити на офіційному сайті emmet.io
Слайд 5
![Emmet](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-4.jpg)
Слайд 6
![Haml](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-5.jpg)
Слайд 7
![Препроцесор SASS SASS – це скриптова метамова, яка інтерпретується в CSS.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-6.jpg)
Препроцесор SASS
SASS – це скриптова метамова, яка інтерпретується в CSS.
Слайд 8
![Препроцесор SASS](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-7.jpg)
Слайд 9
![Препроцесор SASS Компілятори SASS](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-8.jpg)
Препроцесор SASS
Компілятори SASS
Слайд 10
![Bootstrap Bootstrap – це набір інструментів від Twitter, створений для](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-9.jpg)
Bootstrap
Bootstrap – це набір інструментів від Twitter, створений для полегшення розробки web
застосунків та сайтів. Він включає CSS та HTML для типографії, форм, кнопок, таблиць, сіток, навігації тощо, а також додаткові розширення JavaScript.
Слайд 11
![Bootstrap Типографія](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-10.jpg)
Слайд 12
![Використання icon bars Icon bars – сукупність дрібних іконок в одному зображенні.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-11.jpg)
Використання icon bars
Icon bars – сукупність дрібних іконок в одному зображенні.
Слайд 13
![Lightshot Lightshot – це програма захоплення екрану для Windows та Mac OS X.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293999/slide-12.jpg)
Lightshot
Lightshot – це програма захоплення екрану для Windows та Mac OS
X.