• TopKursy - РЕДКИЕ Удаленные КУРСЫ!

    Эксклюзивные материалы, недоступные на других источниках.

    Откройте доступ к уникальным знаниям прямо сейчас!

    Подробнее

Скачать Молниеносная верстка Landing Page (полный курс 70 уроков)

G

Gustav

Команда форума
Администратор
Сообщения
26.413
Реакции
53.741
Молниеносная Верстка Landing Page.png

1994ef16e8_4403818_17026130.png

Полный курс из 70 уроков.

Бесплатная часть курса
Урок 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. Заключение

Продажник:


Скачать:
Скрытое содержимое могут видеть только пользователь группы: Администраторы, Модераторы, PRO

Качать без ограничений Купить доступ к 1 теме
Скрытое содержимое для пользователей: Ferr
Скрытое содержимое для пользователей: fildenis
 
Последнее редактирование модератором:
И

Иван07

Пользователь
Сообщения
9
Реакции
1
Рассказывает непонятно и нудно - проще прочитать доки к bootstrap, но... с учителем всегда проще себя мотивировать. Вещь полезная, т.к. можно за день стать "верстальщиком" как для себя, так и действительно начать этим зарабатывать.
 
Baltimore

Baltimore

Пользователь
Сообщения
30
Реакции
19
Молниеносный Landing Page можно сделать с помощью программы "телепорт", молниеносней чем в этом мануале.

Хотя и эта инфа не помешает.
 
  • Like
Реакции: Ferr
Магистр Йода

Магистр Йода

Пользователь
Сообщения
235
Реакции
92
Лендинги набирают популярность, потому информация будет точно полезна тем, кто начинает в этом деле.
 
R

rewind

Пользователь
Сообщения
2
Реакции
0
Ребят, не нашел инфы, а по сколько времени там уроки?
 
Ryback

Ryback

Unlimited
Сообщения
38
Реакции
12
Bootstrap можно изучить за пару часов - и верстайте супер-лендинги :) А 70 уроков - не для ленивых - а программисты все ленивые :)
 
A

Arman

Новичок
Сообщения
1
Реакции
0
классный курс
 
M

Maksimus2

Пользователь
Сообщения
29
Реакции
16
Спасибо, весьма полезная информация!
 
Сверху Снизу