Вёрстка LandingPage
Сейчас работаю дизайнером интерфейсов, и недавно у меня подвернулась возможность получать заказы по верстке. И для этого сначала нужно показать свои умения (не удивительно), но показать мне нечего. Поэтому и появилась эта цель.
У меня есть некоторые навыки в вёрстке, но без их применения, полученные знания быстро забываются. Я не буду как-либо структурировать получение знаний, а буду искать необходимую мне информацию по мере её необходимости. Так что я буду сразу работать над проектом и разбираться в тонкостях уже по пути, а не наоборот.
Дизайн для верстки я возьму из красивого и бесплатного UI набора. В некоторых местах я буду его изменять, в некоторых дорисовывать недостающие элементы.
Главной задачей перед собой ставлю – не использовать чужие куски кода. Копаться в них для ознакомления – да, копировать и вставлять – нет. Где нужно будет использовать JavaScript, буду изучать и использовать его. Хоть у меня и есть представление о работе с препроцессорами, пользоваться я ими не буду. Если я буду постоянно пробовать использовать какие-либо технологии и пытаться что-то улучшить, то буду топтаться на месте. Поэтому буду верстать на чистом html, css и javascript. Ведь моя цель – не только получить знания, но и выдать результат.
P.S План действий буду дополнять по мере его выполнения.
Критерий завершения
Будет свёрстан сайт не менее, чем из 10 блоков
Личные ресурсы
Информация в интернете, книги
-
Блок "Catalog"
-
Разметка
-
Верстка дизайна
-
-
Github + Git
-
Установить и разобраться с Git
-
Создать репозиторий на GitHub
-
Разместить проект на GitHub Pages
-
Начать работать с гит через консоль
-
-
Проверка
-
Валидность кода
-
Кроссбраузерность
-
Ретина изображения
-
Пространство имён
-
Комментирование кода
-
-
Header
-
Верстка дизайна
-
Выдвигающийся поиск
-
Всплывающие меню
-
Слайдер
-
Вход. Модальное окно
-
-
Страница входа
-
Верстка дизайна "Вход"
-
Верстка дизайна "Регистрация"
-
Анимация элементов
-
-
Блок "Portfolio"
-
Разметка
-
Верстка дизайна
-
Анимация
-
-
Блок "Features"
-
Разметка
-
Верстка дизайна
-
-
Блок "Dashboard"
-
Верстка дизайна
-
Анимация
-
- 1165
- 30 октября 2017, 22:47
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением