source code
- module #1-2 (аккаунт на
GitHub, репозиторий, коммит,GitHub Pagesраздача) - module #3 (Photoshop для верстальщика)
- module #4 (расположение
float, тегimg, эффекты подчеркиванияпсевдоэлементом) - module #5 (
HTML5теги, семантическая разметка) - module #6 (
Flexbox, иконки какpng,hover, css-переходы,linear) - module #7 (используя google-webfonts-helper подключить
@font-face,woffиwoff2, формы) - module #8 (
Mobile-first CSS, адаптивная верстка) - module #9 (
Bootstrap 4, каcтомизировать ширины контейнера, Photoshop:View -> Show -> Guides) - module #10 (
normalize.css,BEM-именование для классов,SVG-спрайт,retinaэкран 1x и 2x,Autoprefixer) - module #11 (препроцессор
SASS,variables,&для вложенности селектора,mixins
active link
- link to module #1-2
- link to module #3
- link to module #4
- link to module #5
- link to module #6
- link to module #7
- link to module #8
- link to module #9
- link to module #10
- link to module #11
project
- Jam project link
- Radioactive project link
source code
- module #1 (скрипт проверки количества товаров, авторизация администратора)
- module #2 (цикл
for, самое длинное слово в строке) - module #3 (кол-во свойств в объекте, имя самого продуктивного сотрудника)
- module #4 (
thisв методах объекта) - module #5 (функция-конструктор, класс для создания пользователя)
- module #6 (получить массив имен всех пользователей, массив имен людей)
- module #7 (создания разметки
insertAdjacentHTML, создания галлереи по массиву) - module #8 (делегирования на галерее, открытие модального окна, закрытие по ESC)
- module #10 (
Webpack, изменения темы,Handlebars,menu.json) - module #11 (переключатель цветов, таймер обратного отсчета, промисификация)
- module #12 (приложение поиска данных о стране,
debounce) - module #13 (приложение поиска изображений, Pixabay API, window.scrollTo(), Infinite Scroll, pnotify)
active link
- link to module #1 (open console to see result)
- link to module #2 (open console to see result)
- link to module #3 (open console to see result)
- link to module #4 (open console to see result)
- link to module #5 (open console to see result)
- link to module #6 (open console to see result)
- link to module #7
- link to module #8
- link to module #10
- link to module #11 (color-switch)
- link to module #11 (promisification - open console)
- link to module #11 (timer)
- link to module #12
- link to module #13
project
- SalleTron project link
- module #1 ()
- module #2 ()
- module #2 ()
- module #3 ()
- module #3 ()
- module #4 ()
- module #5 ()
- module #6 ()
- module #6 ()
- module #7 ()
- module #8 ()
Project:
- Karbovanet₴ project link