ПРОГРАММА

Get Started. It's Free
or sign up with your email address
Rocket clouds
ПРОГРАММА by Mind Map: ПРОГРАММА

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