Подробный курс, который расскажет обо всех этапах создания сайта: начиная с дизайна в Photoshop, заканчивая его версткой и внедрением CMS.
Эти уроки будут полезны для начинающих дизайнеров: поможет понять не только принципы “чистого” дизайна, но и нюансы подготовки макета для верстки.
Урок #1: Скетч
https://www.youtube.com/embed/5osJMAnzwkE?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #2: Скетч (Продолжение)
https://www.youtube.com/embed/8zsqON4EBpU?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #3: Заканчиваем создание скетча
https://www.youtube.com/embed/mf70chii9cY?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #4: Дизайн шапки
https://www.youtube.com/embed/Tev3AXkaUMw?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #5: Дизайн первой секции
https://www.youtube.com/embed/GMQDUT_tTKU?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #6: Дизайн второй секции
Урок #7: Дизайн третьей секции
https://www.youtube.com/embed/5IYUIxrSsEc?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #8: Дизайн четвертой секции
https://www.youtube.com/embed/ETAVu8sb7F8?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #9: Дизайн шестой и седьмой секций
https://www.youtube.com/embed/Z8MfoNaxOFE?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #10: Дизайн секций “Отзывы”, “Контакты” и подвала
https://www.youtube.com/embed/ppl3kc62kZA?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #11: Подготовка Front-End окружения. Начинаем верстать макет
https://www.youtube.com/embed/sRO3dxLa4S0?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #12: Начинаем верстать шапку
https://www.youtube.com/embed/_AaDXcfLkro?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #18: Верстка. animateNumber + верстка секции “Направления”
https://www.youtube.com/embed/Mr-iSGyG3G4?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #19: Верстка. Секция “Наши работы” + Pop-up
https://www.youtube.com/embed/jgQXPxSevRI?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #20: Верстка. Секция “Поставляемое оборудование”. Карусель
https://www.youtube.com/embed/NAH6CZP0u98?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #26: Верстка. Футер, всплывающие формы, кнопка «Наверх»
https://www.youtube.com/embed/H0ku21a5QPw?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #27. MODx + Gulp: Интеграция и настройка окружения Gulp
https://www.youtube.com/embed/a4dtLz9uHzI?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #28. Приступаем к посадке HTML верстки на MODx. Шаблоны и чанки
https://www.youtube.com/embed/gOkPQodFKpE?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #29. Посадка HTML верстки шапки на MODx
https://www.youtube.com/embed/I0DlnVi-gxc?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Урок #30. Посадка секции тизеров на MODx
https://www.youtube.com/embed/og4rOmzeDVo?list=PLyf8LgkO_8q-Izp0fY29APgYAUaoQTT8_
Фото на обложке: ShutterStock