EXaneR

Бесплатная часть курса

• Урок 1. Вступление
• Урок 2. Установка ПО
• Урок 3. Установка локального сервера. Основы бутстрап сетки
• Урок 4. Наш первый заголовок
• Урок 5. Классы и идентификаторы
• Урок 6. Стилизуем абзацы
• Урок 7. Абзацы, часть 2
• Урок 8. Делаем мини-сайт
• Урок 9. Рисуем шаблон. Сетка 960px
• Урок 10. Рисуем шаблон. Верхняя часть сайта

• Урок 11. Рисуем шаблон. Область контента

• Урок 12. Рисуем шаблон. Форма и подвал

• Урок 13. Раскройка PSD макета

• Урок 14. Общий скелет сайта

• Урок 15. Верстка хэдера

• Урок 16. Верстка хэдера, заголовки

• Урок 17. Верстка хэдера, вставка видео

• Урок 18. Верстка хэдера, установка таймера

• Урок 19. Формы.

• Урок 20. Футер. Политика конфиденциальности

• Урок 21. Стилизация

• Урок 22. Стилизация, часть 2

• Урок 23. Стилизация, часть 3

• Урок 24. Подключение шрифтов

• Урок 25. Проверка валидности на w3c

• Урок 26. Домашнее задание

Получите знания которые гарантированно
удвоят ваши доходы

• Урок 27. Знакомство с PSD макетом.
• Урок 28. Детальный разбор макета.
• Урок 29. Создаем папки и базовый скелет LP.
• Урок 30. Расширяем скелет и расписываем заголовки.
• Урок 31. Делаем 2ю секцию на сайте
• Урок 32. Доделываем 2ю секцию на нашем Landing Page
• Урок 33. Верстаем скриншоты (картинки на сайте)
• Урок 34. Работаем с таблицой
• Урок 35. Делаем блок с отзывами
• Урок 36. Работаем со списками
• Урок 37. Стилизация lp, подключение шрифтов и выравнивание заголовков
• Урок 38. Стилизуем желтую полосу и выравниваем картинку
• Урок 39. Стилизуем, шаги (преимущества) 1-2-3-4-5-6.
• Урок 40. Стилизуем зеленую секцию.
• Урок 41. Стилизуем таблицу
• Урок 42. Стилизуем блок отзывов
• Урок 43. Стилизация футера(подвала)
• Урок 44. Оптимизация картинок и кода. Финал.

Сверстаем профессиональный Landing Page

• Урок 45. Разбор того что будем делать.
• Урок 46. Настройка папок сайта
• Урок 47. Знакомство с темами и шаблонами для bootstrap. Метатеги(Добавляем ключевые слова и описание)
• Урок 48. Раскройка макета из PSD
• Урок 49. Сжимаем картинки и подкл. шрифты
• Урок 50. Разбираем адаптивную сетку bootstrap. Основа верстки под мобильные устройства
• Урок 51. Как сделать не адаптивный сайт, накидываем базу и немного поговорим о фоновых изображения
• Урок 52. Верстаем полностью адаптивное меню
• Урок 53. Ставим большую картинку на фон(Hero Image)
• Урок 54. Делаем адаптивные заголовки, применяем @media и класс .hidden-* и .visible-*
• Урок 55. Добавляем 2й раздел на сайте новый класс .img-responsive(адаптивный)
• Урок 56. Добавляем слайдер на Javascript
• Урок 57. Добавляем галерею с модальными окнами
• Урок 58. Добавляем галерею с модальными окнами продолжение
• Урок 59. Создаем список с изображениями класс .media-object
• Урок 60. Стилизация Hero image и заголовков, убераем полоску меню.
• Урок 61. Делаем адаптивную кнопку.
• Урок 62. Анимация кнопок и элементов
• Урок 63. Анимация изображений, мини-parallax эффект
• Урок 64. Тени для текста и блоков (text-shadow, box-shadow)
• Урок 65. Дорабатываем меню и нижнюю часть
• Урок 66. Исправляем косяки
• Урок 68. Подключаем скрипт к кнопкам(с функцией отправки письма)
• Урок 69. Проверяем кросс-браузерность
• Урок 70. Заключение