inpulsgor/hogwarts

school of wizardry

School of Wizardry

HTML/CSS

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

JavaScript

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

React.js

• 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

Node.js

• module #1
• module #2
• module #3
• module #4
• module #5
• module #6

ReactNative

• mobileApp