
1. подключение CSS для старых IE:
1.1. old_ie;
1.2. заглушка для IE6.
2. Тестирование и отладка
2.1. Кроссбраузерность
2.1.1. хаки для браузеров;
2.1.2. сервисы, проверяющие кроссбраузерность;
2.1.3. мобильные симуляторы.
2.2. Как искать баги
2.2.1. ошибки в консоли;
2.2.2. дебажим через alert() и console.log().
2.3. ...
2.4. Оптимизация скорости загрузки сайта и удобства пользования через google-pagespeed
2.4.1. оптимизация HTML;
2.4.2. оптимизация CSS;
2.4.3. оптимизация картинок;
2.4.4. использование кэша.
2.5. Сервисы для сканирования сайта
3. MasterClass – Пошаговая инструкция программирования и отладки
3.1. Подключение и настройка скриптов
3.2. Подключение сторонних API
3.2.1. google-map;
3.2.2. кнопка поделиться;
3.2.3. виджеты vk + fb.
3.3. Анимация деталей
3.3.1. transition.
3.4. Тестирование
3.4.1. кроссбраузерность;
3.4.2. мобильные;
3.4.3. оптимизация JS.
3.5. Скорость загрузки и удобство использования
3.5.1. анализ network;
3.5.2. google-pagespeed.
4. Смежные
4.1. ОСНОВЫ
4.1.1. Рабочее окружение профессионального разработчика
4.1.2. HTML
4.1.3. CSS
4.1.4. Самые основы JS
5. FrontEnd developer tool
5.1. GIT
5.1.1. для чего нужна система контроля версий?
5.1.2. установка и настройка git;
5.1.3. первый коммит;
5.1.4. работаем с github;
5.1.5. мерж веток.
5.2. SCRUM
5.2.1. гибкие методологии управления проектами;
5.2.2. SCRUM команда;
5.2.3. SPRINT:
5.2.3.1. project backlog;
5.2.3.2. sprint backlog;
5.2.3.3. scrum pocker;
5.2.3.4. sprint iteration.
5.2.4. ритуалы SCRUM:
5.2.4.1. ежедневный scrum;
5.2.4.2. планирование спринта;
5.2.4.3. ретроспектива.
5.2.5. Canban доска.
5.3. Система управления проектами
5.3.1. Basecamp;
5.3.2. Worksection;
5.3.3. Trello.
5.4. Учет бухгалтерии
5.4.1. toggl;
5.4.2. freshbooks.
5.5. Сайты с работой
5.5.1. fl.ru;
5.5.2. odesk.com.
6. Сторонние API
6.1. Подключение шрифтов
6.1.1. Google Font;
6.1.2. Adobe TypeKit;
6.1.3. Font Awesome;
6.1.4. Fontastic.
6.2. Подключение карт
6.2.1. Google map;
6.2.2. Yandex map.
6.3. Виджеты социальных сетей
6.3.1. vk;
6.3.2. facebook;
6.3.3. youtube.
6.4. Полезные сервисы
6.4.1. кнопка поделиться;
6.4.2. онлайн комментарии;
6.4.3. онлайн консультант;
6.4.4. заказ звонка с сайта.
6.5. ...
7. proCODING
7.1. Fotoshop для верстальщиков
7.1.1. как работать со слоями:
7.1.1.1. методология слоев;
7.1.1.2. как быстро находить нужный слой;
7.1.1.3. склеивание слоев;
7.1.1.4. техника с Alt.
7.1.2. работа с панелью инструментов:
7.1.2.1. масштаб;
7.1.2.2. стрелочка;
7.1.2.3. текст.
7.1.3. вырезание и сохранение картинок для Web.
7.2. SASS/COMPASS base
7.2.1. что такое препроцессор?
7.2.2. установка и настройка SASS/COMPASS:
7.2.2.1. установка Ruby;
7.2.2.2. установка SASS, установка COMPASS;
7.2.2.3. файл config с настройками.
7.2.3. как это работает?
7.2.4. возможности SASS:
7.2.4.1. создание переменных;
7.2.4.2. вложенность;
7.2.4.3. импорт;
7.2.4.4. миксины;
7.2.4.5. парсинг стилей.
7.2.5. семантика SASS.
7.3. SASS/COMPASS advanced
7.3.1. миксины:
7.3.1.1. подключение @compass;
7.3.1.2. зачем нужны миксины?
7.3.1.3. @compass миксины;
7.3.1.4. собственные миксины.
7.3.2. что такое спрайты?
7.3.3. ручное создание спрайтов;
7.3.4. создание спрайтов через COMPASS.
7.4. Методология верстки part I
7.4.1. понимание модульности элементов;
7.4.2. HTML-архитектура:
7.4.2.1. общая структура документа:
7.4.2.1.1. базис;
7.4.2.1.2. враперы;
7.4.2.1.3. сетка;
7.4.2.1.4. модули.
7.4.2.2. семантическая разметка:
7.4.2.2.1. header;
7.4.2.2.2. h1;
7.4.2.2.3. secton:
7.4.2.2.4. ...
7.4.2.2.5. footer.
7.4.2.3. иконки в спрайтах;
7.4.2.4. нэйминг классов.
7.4.3. SASS-архитектура:
7.4.3.1. общая структура документа;
7.4.3.2. порядок записи CSS-свойств;
7.4.3.3. шрифтовой миксин;
7.4.3.4. адаптивный миксин;
7.4.3.5. использование @compass миксинов;
7.4.3.6. кроссброузерные .clear и .inline-block.
7.4.4. JS-архитектура:
7.4.4.1. общая структура документа:
7.4.4.1.1. скрипты сверху, функции снизу;
7.4.4.1.2. все вызовы в document.ready().
7.4.4.1.3. проверка скрипта через length().
7.4.4.2. создание оглавления.
7.5. Методология верстки part II
7.5.1. дерево документов проекта:
7.5.1.1. структура папок и файлов;
7.5.1.2. нэйминг для файлов.
7.5.2. Дзен-Кодинг:
7.5.2.1. HTML;
7.5.2.2. CSS.
7.5.3. чистый код:
7.5.3.1. требования к верстке;
7.5.3.2. выравнивание HTML и CSS кода лесенкой;
7.5.3.3. оптимизация кода;
7.5.3.4. комментарии в коде.
7.5.4. FieBug – ваш лучший друг!
7.5.4.1. HTML;
7.5.4.2. CSS;
7.5.4.3. консоль.
7.5.5. 10 заповедей.
7.5.6. Что можно использовать?
8. MasterClass – Пошаговая инструкция верстки
8.1. Создание архитектуры
8.1.1. визуализация всей структуры;
8.1.2. сетка Bootstrap;
8.1.3. семантическая разметка;
8.1.4. нэйминг классов.
8.2. Работа с типографикой
8.2.1. подключаем шрифты;
8.2.2. используем шрифтовой микcин;
8.2.3. доводим шрифты "до ума".
8.3. Работа с модулями
8.3.1. доведение модуля до нужной структуры;
8.3.2. первичная стилизация модуля.
8.4. Pixel-Perfect
8.4.1. работа с каждым модулем персонально;
8.4.2. работа со всем макетом, не включая модули.
8.5. Адаптивность
8.5.1. использование адаптивного миксина.
9. Рабочее окружение профессионального разработчика
9.1. Браузер
9.1.1. Program
9.1.1.1. Программы для скриншотов
9.1.1.2. плагины;
9.1.1.3. инструменты разработчика;
9.1.1.4. мой IP;
9.1.1.5. обзор браузеров;
9.1.1.6. война браузеров;
9.1.1.7. браузер или броузер?
9.1.2. Students
9.1.2.1. Web-Master
9.1.2.1.1. sezon-I
9.1.2.1.2. sezon-II
9.1.2.2. Front-End
9.1.2.2.1. sezon-I
9.1.2.2.2. sezon-II
9.2. Редактор кода
9.2.1. on-line редакторы кода;
9.2.2. установка и настройка Sublime;
9.2.3. установка плагинов для Sublime;
9.2.4. Настройка Sublime;
9.2.5. Students
9.2.5.1. Web-Master
9.2.5.1.1. sezon-I
9.2.5.1.2. sezon-II
9.2.5.2. Front-End
9.2.5.2.1. sezon-I
9.2.5.2.2. sezon-II
9.3. Хостинг
9.3.1. что такое хостинг?
9.3.1.1. адрес сайта (URL) и DNS-сервера;
9.3.2. локальный сервер.
9.3.3. ISP-manager и CPanel:
9.3.3.1. файловый менеджер;
9.3.3.2. где лежит мой сайт?
9.3.3.3. базы данных и PHPMyadmin;
9.3.3.4. создание FTP;
9.3.3.5. создание электронных ящиков.
9.3.4. работа с FTP-клиентами;
9.3.5. Students
9.3.5.1. Web-Master
9.3.5.1.1. sezon-I
9.3.5.1.2. sezon-II
9.3.5.2. Front-End
9.3.5.2.1. sezon-I
9.3.5.2.2. sezon-II
9.4. Поиск решения
9.4.1. как правильно составить запрос в Гугл?
9.4.1.1. сервисы для разработчиков;
9.4.1.2. Googling VS Youtubing;
9.4.2. 15 способов, как лучше гуглить.
9.4.3. гугл-тренды;
9.4.4. хром-эксперементы;
9.4.5. on-line журналы для поиска вдохновения;
9.4.6. Students
9.4.6.1. Web-Master
9.4.6.1.1. sezon-I
9.4.6.1.2. sezon-II
9.4.6.2. Front-End
9.4.6.2.1. sezon-I
9.4.6.2.2. sezon-II
9.5. Классификация IT-технологий
9.5.1. из чего состоит веб-проект?
9.5.2. отличие Front-End от Back-End;
9.5.3. технологии для создания веб-сайтов;
9.5.4. обзор CMS;
9.5.5. технологии для создания веб-сервисов;
9.5.6. NODE.js и MVC-фреймворки;
9.5.7. сервисы для on-line образования.
9.5.8. где искать работу
9.5.9. Students
9.5.9.1. Web-Master
9.5.9.1.1. sezon-I
9.5.9.1.2. sezon-II
9.5.9.2. Front-End
9.5.9.2.1. sezon-I
9.5.9.2.2. sezon-II
10. HTML
10.1. Вступление в HTML
10.1.1. Web 1.0 и Web 2.0;
10.1.2. понимание HTML;
10.1.3. адаптивная верстка;
10.1.4. логика разметки сайта;
10.1.5. что такое теги и атрибуты?
10.1.6. технически верный HTML-документ.
10.1.7. Students
10.1.7.1. Web-Master
10.1.7.1.1. sezon-I
10.1.7.1.2. sezon-II
10.1.7.2. Front-End
10.1.7.2.1. sezon-I
10.1.7.2.2. sezon-II
10.2. Теги типографики
10.2.1. теги заголовков H1-H6;
10.2.2. параграф <p>;
10.2.3. теги выделения <strong>, <em>, <mark>;
10.2.4. списки <ul> и <ol>, вложенности;
10.2.5. описание свойств через <dl> и <dt>
10.2.6. цитата <blockquote>;
10.2.7. разделители <br> и <hr>;
10.2.8. таблица <table>;
10.2.9. добавление картинок <img>:
10.2.9.1. figure;
10.2.9.2. figcaption.
10.2.10. ссылка <a>;
10.2.11. HTML5:
10.2.11.1. address;
10.2.11.2. hgroup;
10.2.11.3. del;
10.2.11.4. code.
10.2.12. Students
10.2.12.1. Web-Master
10.2.12.1.1. sezon-I
10.2.12.1.2. sezon-II
10.2.12.2. Front-End
10.2.12.2.1. sezon-I
10.2.12.2.2. sezon-II
10.3. Теги форм
10.3.1. логика работы форм;
10.3.2. тег <form>;
10.3.3. элемент ввода <input> и его type:
10.3.3.1. text;
10.3.3.2. checkbox;
10.3.3.3. radio;
10.3.3.4. search;
10.3.3.5. email;
10.3.3.6. url;
10.3.3.7. number;
10.3.3.8. tel;
10.3.3.9. range;
10.3.3.10. date;
10.3.3.11. month;
10.3.3.12. week;
10.3.3.13. time;
10.3.3.14. datetime;
10.3.3.15. datetime-local;
10.3.3.16. color.
10.3.4. элемент выбора <select>;
10.3.5. элемент ввода <textarea>;
10.3.6. атрибуты элементов форм:
10.3.6.1. name;
10.3.6.2. value.
10.3.7. кнопка:
10.3.7.1. button;
10.3.7.2. input type="submit".
10.3.8. тег <label>.
10.3.9. Students
10.3.9.1. Web-Master
10.3.9.1.1. sezon-I
10.3.9.1.2. sezon-II
10.3.9.2. Front-End
10.3.9.2.1. sezon-I
10.3.9.2.2. sezon-II
10.4. Теги "строительные"
10.4.1. блочные и строчные теги;
10.4.2. табличная верстка;
10.4.3. DIV-ная верстка;
10.4.4. принцип адаптивной сетки;
10.4.5. HTML5:
10.4.5.1. header, footer;
10.4.5.2. nav;
10.4.5.3. section;
10.4.5.4. article;
10.4.5.5. aside.
10.4.6. Students
10.4.6.1. Web-Master
10.4.6.1.1. sezon-I
10.4.6.1.2. sezon-II
10.4.6.2. Front-End
10.4.6.2.1. sezon-I
10.4.6.2.2. sezon-II
10.5. Заключение HTML
10.5.1. учим Emmet ;
10.5.2. тег "элемент списка";
10.5.3. HTML5 form types;
10.5.4. типы верстки.
10.5.5. Students
10.5.5.1. Web-Master
10.5.5.1.1. sezon-I
10.5.5.1.2. sezon-II
10.5.5.2. Front-End
10.5.5.2.1. sezon-I
10.5.5.2.2. sezon-II
10.6. Бонус BOOTSTRAP
10.6.1. Students
10.6.1.1. Web-Master
10.6.1.1.1. sezon-I
10.6.1.1.2. sezon-II
10.6.1.2. Front-End
10.6.1.2.1. sezon-I
10.6.1.2.2. sezon-II
11. HTML advanced
11.1. Microdata
11.2. Добавление видео, звука и настройка плеера
11.3. Теги для социальных сетей
11.4. ...
11.5. Геолокация, определение местонахождения
12. CSS
12.1. Понимание CSS
12.1.1. как выглядит сайт без CSS?
12.1.2. знакомство со свойствами;
12.1.3. наследование в CSS;
12.1.4. организация CSS;
12.1.5. из чего состоит CSS оформление?
12.1.6. Students
12.1.6.1. Web-Master
12.1.6.1.1. sezon-I
12.1.6.1.2. sezon-II
12.1.6.2. Front-End
12.1.6.2.1. sezon-I
12.1.6.2.2. sezon-II
12.2. CSS типографика
12.2.1. единицы измерения;
12.2.2. color;
12.2.3. font-family;
12.2.4. font-weight;
12.2.5. локальное подключение шрифтов;
12.2.6. font-size;
12.2.7. line-height;
12.2.8. letter-spacing;
12.2.9. стилизация списков;
12.2.10. text-shadow;
12.2.11. эффекты наведения.
12.2.12. Students
12.2.12.1. Web-Master
12.2.12.1.1. sezon-I
12.2.12.1.2. sezon-II
12.2.12.2. Front-End
12.2.12.2.1. sezon-I
12.2.12.2.2. sezon-II
12.3. Позиционирование компонентов
12.3.1. размеры:
12.3.1.1. width;
12.3.1.2. height;
12.3.1.3. max-width / min-width.
12.3.2. CSS-блочная модель:
12.3.2.1. margin;
12.3.2.2. padding;
12.3.2.3. border;
12.3.2.4. box-sizing.
12.3.3. display:
12.3.3.1. block;
12.3.3.2. inline;
12.3.3.3. inline-block;
12.3.3.4. flex:
12.3.3.4.1. flex-flow;
12.3.3.4.2. justify-content.
12.3.4. float:
12.3.4.1. left;
12.3.4.2. right;
12.3.4.3. очищение обтекания.
12.3.5. position:
12.3.5.1. relative;
12.3.5.2. absolute;
12.3.5.3. fixed;
12.3.5.4. top/right/bottom/left.
12.3.6. Students
12.3.6.1. Web-Master
12.3.6.1.1. sezon-I
12.3.6.1.2. sezon-II
12.3.6.2. Front-End
12.3.6.2.1. sezon-I
12.3.6.2.2. sezon-II
12.4. CSS стилизация
12.4.1. блоки:
12.4.1.1. background:
12.4.1.1.1. size:cover.
12.4.1.2. закругленные края border-radius;
12.4.1.3. тени box-shadow.
12.4.2. формы:
12.4.2.1. способы обращения к форме через [type];
12.4.2.2. состояния форм:
12.4.2.2.1. focus;
12.4.2.2.2. blur.
12.4.2.3. placeholder;
12.4.2.4. стильные checkbox и radiobuton;
12.4.2.5. кроссбраузерная загрузка файлов.
12.5. Часто используемые практики CSS
12.5.1. ul > li как архитектурное решение:
12.5.1.1. повторяющиеся элементы ставим в ul > li;
12.5.1.2. верстка навигации:
12.5.1.2.1. верхняя;
12.5.1.2.2. боковая;
12.5.1.2.3. нижняя.
12.5.1.3. first-child, last-child, nth-child.
12.5.2. центрирование элементов:
12.5.2.1. центрирование через text-align: center;
12.5.2.2. центрирование через margin: 0 auto;
12.5.2.3. абсолютное центрирование по высоте и ширине;
12.5.2.4. центрирование через table;
12.5.2.5. выравнивание картинок;
12.5.2.6. верстка пагинации.
12.5.3. положение элементов "рядом":
12.5.3.1. два блока рядом (верстка новости-превью );
12.5.3.2. три блока рядом:
12.5.3.2.1. через margin;
12.5.3.2.2. через flex.
12.5.4. позиционирование:
12.5.4.1. зафиксировать хедер;
12.5.4.2. прижать футер.
12.5.5. before + after.
13. Bootstrap
13.1. Сетка Bootstrap
13.1.1. логика создания сетки;
13.1.2. смещенные колонки;
13.1.3. вложенные столбцы;
13.1.4. своя сетка для каждого типа устройств;
13.1.5. утилиты адаптивности;
13.1.6. Normalize.css.
13.2. Типографика Bootstrap
13.2.1. заголовки и параграфы;
13.2.2. выделения и выравнивания;
13.2.3. адрес и аббревиатура;
13.2.4. цитаты;
13.2.5. списки;
13.2.6. теги для отображения кода;
13.2.7. таблицы;
13.2.8. изображения;
13.2.9. сообщение;
13.2.10. загрузчик;
13.2.11. ячейки.
13.3. Элементы форм Bootstrap
13.3.1. горизонтальные и вертикальные;
13.3.2. элементы управления форм;
13.3.3. состояния и размеры форм;
13.3.4. сетка из форм + справка;
13.3.5. группировка форм;
13.3.6. все про кнопки;
13.3.7. иконки;
13.3.8. группировка кнопок.
13.4. Другие компоненты Bootstrap
13.4.1. выпадающее меню;
13.4.2. навигация;
13.4.3. хлебные крошки;
13.4.4. пагинация;
13.4.5. значки и метки;
13.4.6. эскизы:
13.4.6.1. Jumbotron;
13.4.6.2. превьюшки;
13.4.6.3. новости;
13.4.6.4. комментарии;
13.4.6.5. списки групп;
13.4.6.6. панели.
13.5. Скрипты Bootstrap
13.5.1. modal.js;
13.5.2. dropdown.js;
13.5.3. scrollspy.js;
13.5.4. tab.js;
13.5.5. tooltip.js;
13.5.6. popover.js;
13.5.7. alert.js;
13.5.8. button.js;
13.5.9. collapse.js;
13.5.10. carousel.js;
13.5.11. affix.js.
14. Самые основы JS
14.1. Работаем с консолью
14.1.1. математические операции;
14.1.2. операции со строками:
14.1.2.1. toUpperCase();
14.1.2.2. length().
14.2. Возможности JS
14.2.1. типы переменных var;
14.2.2. массивы Arrays;
14.2.3. циклы Loops;
14.2.4. условие if/else;
14.2.5. создание функции function();
14.2.6. регулярные выражения regExp().
14.3. Использование jQuery
14.3.1. jQuery - библиотека, написанная на JavaScript;
14.3.2. подключение jQuery;
14.3.3. возможности jQuery:
14.3.3.1. выбор HTML-элемента через $('');
14.3.3.2. $(this) / parent() / siblings() / find();
14.3.3.3. show() / hide();
14.3.3.4. slideUp() / slideDown() / slideToogle();
14.3.3.5. addClass() / removeClass() / toggleClass().
14.4. Подключение скриптов
14.4.1. общий принцип вызова скриптов;
14.4.2. jQuery UI;
14.4.3. подключение owl-carousel;
14.4.4. подключение bPopup;
14.4.5. подключение fancyBox;
14.4.6. навигация по Landing Page (переход по разделам сайта в пределах одной страницы).
14.5. События и методы, которые вам пригодятся
14.5.1. document.ready();
14.5.2. hover() и click();
14.5.3. focus() и blur();
14.5.4. window.load;
14.5.5. window.scroll;
14.5.6. window.resize;
14.5.7. setTimeout();
14.5.8. animate().
15. Анимация
15.1. CSS3 transform
15.1.1. translate;
15.1.2. scale;
15.1.3. rotate;
15.1.4. transition.
15.2. CSS3 keyframe
15.2.1. создание анимации;
15.2.2. запуск анимации;
15.2.3. анимация в спрайте через CSS3;
15.2.4. easing.
15.3. JS приемы для работы с CSS3 анимацией
15.3.1. подключаем animate.CSS;
15.3.2. анимация по наведению/по клику;
15.3.3. анимация при пролистывании;
15.3.4. анимация элементов форм:
15.3.4.1. label + input;
15.3.4.2. checkbox + radio;
15.3.4.3. button.
15.4. Parallax
15.4.1. Nike и примеры параллакса;
15.4.2. чистый CSS3 паралакс;
15.4.3. Wow-плагин;
15.4.4. Parallax-плагин.
15.5. Slider-Revolution
15.5.1. подключение плагина;
15.5.2. HTML разметка;
15.5.3. анимация слайдов;
15.5.4. анимация элементов в слайдере;
15.5.5. настройка вызова плагина.
16. MODx base
16.1. Установка MODx
16.1.1. установка последней версии;
16.1.2. установка нашей сборки MODx;
16.1.3. знакомство с админкой.
16.2. Создание структуры сайта
16.2.1. создание шаблонов;
16.2.2. создание чанков.
16.3. Кастомизация статичных компонентов сайта
16.3.1. создание и внедрение TV-параметров;
16.3.2. прямая ссылка на документ [*~id~*].
16.4. Программирование динамичных компонентов
16.4.1. меню через [Wayfinder];
16.4.2. хлебные крошки [Breadcrumbs];
16.4.3. новости через [Ditto];
16.4.4. галерея через [Multiphoto].
16.5. Программирование форм обратной связи
16.5.1. подключение необходимых скриптов:
16.5.1.1. ajaxForm.js;
16.5.1.2. feelForm.js;
16.5.1.3. ajaxHandler.php.
16.5.2. использование встроенного сниппета для форм:
16.5.2.1. атрибуты формы;
16.5.2.2. id для form;
16.5.2.3. data-атрибуты.
17. MODx pro
17.1. Расширенная шаблонизация сниппетов
17.1.1. Wayfinder;
17.1.2. Ditto:
17.1.2.1. пагинация.
17.1.3. Multiphoto:
17.1.3.1. оптимизация lightBox;
17.1.3.2. оптимизация категорий для фильтра isotope / masonrу.
17.2. Часто использующиеся сниппеты
17.2.1. [*parent*] и [*firstchildredirect*];
17.2.2. getTV;
17.2.3. PHX;
17.2.4. галочка "публиковать на главной";
17.2.5. если поле не заполнено, то не выводить его;
17.2.6. создание XML-карты;
17.2.7. программирование поиска.
17.3. MasterClass – программирование каталога с большим количеством характеристик и несколькими галлереями
17.4. Создание удобного вида админки
17.4.1. понятная архитектура;
17.4.2. настройка {{mm-rules}};
17.4.3. порядок TV-параметров;
17.5. Разграничение прав пользователей
17.5.1. управление ролями;
17.5.2. управление менеджерами.
18. MODx commerce
18.1. Установка сборки магазина
18.2. Программирование корзины товаров
18.3. Программирование фильтра товаров
18.4. ...
18.5. Подключение платежной системы WebPay
19. Must-to-KNOW для Веб-Мастера
19.1. Оптимизация сайта
19.1.1. SEO оптимизация сайта;
19.1.2. Google page speed оптимизация;
19.1.3. robots.txt;
19.1.4. favicon.ico;
19.1.5. ошибки в консоли;
19.1.6. ТОП 10 факторов, влияющих на продвижение сайта в интернете.
19.2. GoogleWebmaster
19.2.1. регистрация в GoogleWebmaster и Google Analytics;
19.2.2. верификация и подключение счетчика Google Analytics;
19.2.3. добавление сайта в Google;
19.2.4. настройка GoogleWebmaster;
19.2.5. обзор Google Analytics и AB-тестирование.
19.3. YandexWebmaster
19.3.1. регистрация в YandexWebmaster и YandexMetrica;
19.3.2. верификация и подключение счетчика YandexMetrica;
19.3.3. добавление сайта в Yandex;
19.3.4. настройка YandexWebmaster;
19.3.5. обзор YandexMetrica.
19.4. Подключение UTM-меток
19.4.1. что такое UTM-метки и куда они ведут?
19.4.2. как создавать UTM-метки;
19.4.3. подключение UTM-меток на сайт.
19.5. ТОП сервисов для Вебмастеров
20. Базовый NODE.js
20.1. NPM
20.2. Grunt
20.2.1. server watch;
20.2.2. build.
20.3. Bower
20.4. Шаблонизатор
20.5. Автоматические тесты
21. Курсы
21.1. Профессия Front-End разработчик
21.1.1. 1 месяц
21.1.1.1. Рабочее окружение профессионального разработчика
21.1.1.2. HTML
21.1.1.3. CSS
21.1.1.4. Самые основы JS
21.1.2. 2 месяц
21.1.2.1. Bootstrap
21.1.2.2. Сторонние API
21.1.2.3. Анимация
21.1.2.4. Тестирование и отладка
21.1.3. 3 месяц
21.1.3.1. proCODING
21.1.3.2. MsterClass – Пошаговая инструкция верстки
21.1.3.3. MsterClass – Пошаговая инструкция программирования
21.1.3.4. Переделывание Шаблона
21.2. Степень Front-End Middle
21.2.1. 1 месяц
21.2.1.1. HTML advanced
21.2.1.2. ...
21.2.1.3. Базовый NODE.js
21.2.1.4. FrontEnd developer tool
21.3. Степень MODx разработчик
21.3.1. 1 месяц
21.3.1.1. Переделывание шаблона
21.3.1.2. MODx base
21.3.1.3. MODx pro
21.3.1.4. MODx commerce
21.4. Профессия Веб-Мастер (краткий курс)
21.4.1. 1 месяц
21.4.1.1. HTML
21.4.1.2. CSS
21.4.1.3. Самые основы JS
21.4.1.4. Bootstrap
21.4.2. 2 месяц
21.4.2.1. Сторонние API
21.4.2.2. Переделывание шаблона
21.4.2.3. MODx base
21.4.2.4. MODx pro
21.5. Профессия Веб-Мастер (полный курс)
21.5.1. 1 месяц
21.5.1.1. Рабочее окружение профессионального разработчика
21.5.1.2. HTML
21.5.1.3. CSS
21.5.1.4. Самые основы JS
21.5.2. 2 месяц
21.5.2.1. Bootstrap
21.5.2.2. Сторонние API
21.5.2.3. Переделывание шаблона
21.5.2.4. MODx base
21.5.3. 3 месяц
21.5.3.1. MODx pro
21.5.3.2. Анимация
21.5.3.3. MODx commerce
21.5.3.4. Must-Have для Веб-Мастера
21.6. Степень HTML5 кодер
21.6.1. 1 месяц
21.6.1.1. proCODING
21.6.1.2. Тестирование и отладка
21.6.1.3. MsterClass – Пошаговая инструкция верстки
21.6.1.4. MsterClass – Пошаговая инструкция программирования и отладки
21.7. Основы HTML/CSS/JS для дизайнеров
21.7.1. 1 месяц
21.7.1.1. HTML
21.7.1.2. CSS
21.7.1.3. Самые основы JS
21.7.1.4. Bootstrap
21.7.2. 2 месяц
21.7.2.1. Анимация
21.7.2.2. proCODING
21.7.2.3. MasterClass – Пошаговая инструкция верстки
21.7.2.4. MasterClass – Пошаговая инструкция программирования и отладки
22. MasterClass – Переделывание Шаблона
22.1. Выбор шаблона
22.1.1. как искать шаблоны на ThemeForest;
22.1.2. выбор качественного кода шаблона на Bootstrap;
22.1.3. работа с типографикой:
22.1.3.1. подбор шрифтов;
22.1.3.2. выравнивание.
22.2. Формирование структуры
22.2.1. поиск решения — перестановка блоков;
22.2.2. использование Bootstrap;
22.2.3. подбор иконок;
22.2.4. выравнивание.
22.3. Работа с шаблоном
22.3.1. доработка дизайна через CSS;
22.3.2. внедрение анимации;
22.3.3. подключение недостающих скриптов;
22.3.4. исправление ошибок.
22.4. Содержание сайта
22.4.1. поиск и интеграция картинок:
22.4.1.1. правильный выбор размеров;
22.4.1.2. обработка картинок через Fotoshop;
22.4.1.3. прием в Fotoshop для улучшения фоновых картинок.
22.4.2. наполнение контентом;
22.4.3. стурктуризация заголовков.
22.5. Оптимизация сайта
22.5.1. удаление лишних файлов в структуре сайта;
22.5.2. удаление лишних скриптов;
22.5.3. подготовка форм к программированию.
23. Коллекция наворотов для вашего сайта
24. Students
24.1. Students
24.1.1. Web-Master
24.1.1.1. sezon-I
24.1.1.1.1. japan
24.1.1.1.2. boris
24.1.1.1.3. nadiya
24.1.1.2. sezon-II
24.1.1.2.1. anastasia
24.1.1.2.2. father
24.1.2. Front-End
24.1.2.1. sezon-I
24.1.2.1.1. antonina
24.1.2.2. sezon-II
24.1.2.2.1. brusnikin