5x45
Складчик
- 7 Фев 2016
- 5
- 7
Воркшоп "Как научиться верстать адаптивную страницу из PSD-макета за 7 дней"
На этом воркшопе ты получишь полную технологию верстки веб-страницы с нуля. Это можно применить к любому «боевому» проекту, будь то заказ на фрилансе или задача в компании, где ты работаешь.
Я поделюсь с тобой своими практическими наработками и советами, касающимися различных этапов верстки современной, адаптивной, валидной и кроссбраузерной веб-страницы.
Шаг за шагом ты освоишь все основные моменты, которые необходимо знать и понимать, чтобы твоя верстка выглядела профессионально, чисто и работала с максимальной производительностью!
ПЛАН РАБОТЫ
ДЕНЬ 1. НАСТРОЙКА СРЕДЫ РАЗРАБОТКИ
На какой операционной системе работать?
Коротко о графических редакторах. Какую версию Photoshop установить?
Google Chrome и другие браузеры. Каковы отличия?
Методы кроссбраузерного тестирования.
Разбираемся с "Инструментами разработчика" в Google Chrome.
Коротко о редакторах кода. Sublime Text 3 и полезные плагины для него.
ДЕНЬ 2. АНАЛИЗ МАКЕТА
ДЕНЬ 3. ИЗВЛЕЧЕНИЕ ГРАФИКИ ИЗ МАКЕТА
ДЕНЬ 4. НАЧАЛО ВЕРСТКИ HTML-КАРКАСА
ДЕНЬ 5. НАСТРОЙКА BOOTSTRAP И НАЧАЛО СТИЛИЗАЦИИ
ДЕНЬ 6 И 7. ОКОНЧАНИЕ СТИЛИЗАЦИИ
И "ПРИКРУТКА" АДАПТИВНОСТИ
ДЕНЬ 8. ОПТИМИЗАЦИЯ ВЕБ-СТРАНИЦЫ
(ТОЛЬКО ДЛЯ КАТЕГОРИИ УЧАСТИЯ STEP-BY-STEP)
Скачать:
На этом воркшопе ты получишь полную технологию верстки веб-страницы с нуля. Это можно применить к любому «боевому» проекту, будь то заказ на фрилансе или задача в компании, где ты работаешь.
Я поделюсь с тобой своими практическими наработками и советами, касающимися различных этапов верстки современной, адаптивной, валидной и кроссбраузерной веб-страницы.
Шаг за шагом ты освоишь все основные моменты, которые необходимо знать и понимать, чтобы твоя верстка выглядела профессионально, чисто и работала с максимальной производительностью!
ПЛАН РАБОТЫ
ДЕНЬ 1. НАСТРОЙКА СРЕДЫ РАЗРАБОТКИ
На какой операционной системе работать?
Коротко о графических редакторах. Какую версию Photoshop установить?
Google Chrome и другие браузеры. Каковы отличия?
Методы кроссбраузерного тестирования.
Разбираемся с "Инструментами разработчика" в Google Chrome.
Коротко о редакторах кода. Sublime Text 3 и полезные плагины для него.
ДЕНЬ 2. АНАЛИЗ МАКЕТА
ДЕНЬ 3. ИЗВЛЕЧЕНИЕ ГРАФИКИ ИЗ МАКЕТА
ДЕНЬ 4. НАЧАЛО ВЕРСТКИ HTML-КАРКАСА
ДЕНЬ 5. НАСТРОЙКА BOOTSTRAP И НАЧАЛО СТИЛИЗАЦИИ
ДЕНЬ 6 И 7. ОКОНЧАНИЕ СТИЛИЗАЦИИ
И "ПРИКРУТКА" АДАПТИВНОСТИ
ДЕНЬ 8. ОПТИМИЗАЦИЯ ВЕБ-СТРАНИЦЫ
(ТОЛЬКО ДЛЯ КАТЕГОРИИ УЧАСТИЯ STEP-BY-STEP)
Скачать:
Для просмотра скрытого содержимого вы должны зарегистрироваться
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Максим Мазурин] [Академия Нолим] Верстка на Тильде с нуля до pro. Тариф Базовый (2025)
- [Domestika] Alberto Montt ― Иллюстрация персонажей (Illustration of Characters with Style) (2024)
- [Blurone] Aveline Stokart ― Иллюстрация в кинематографическом стиле (2024)
- [Максим Кузнецов] [VideoSmile] Супер Figma (2024)
- [Павел Медведев] Базовый Online Fusion 360 (2024)
- [Зинаида Голубева] Дары моря. Мини-курс по декоративному пейзажу
- [Дарья Казанцева] Закрытый клуб «Насмотренность. Декор. Тренды». Февраль, Март, Апрель
- [Product University] Как улучшить продуктовые метрики. Инструменты UX-дизайна
- [Product University] UX-UI за 15 дней
- [jcenters-courses] C разбега в синематик