1

Этап 1

Блок "Catalog"

2

Этап 2

Github + Git

3

Этап 3

Проверка

4

Этап 4

Header

5

Этап 5

Страница входа

6

Этап 6

Блок "Portfolio"

7

Этап 7

Блок "Features"

8

Этап 8

Блок "Dashboard"

1

Этап 1

Блок "Catalog"

2

Этап 2

Github + Git

3

Этап 3

Проверка

4

Этап 4

Header

5

Этап 5

Страница входа

6

Этап 6

Блок "Portfolio"

7

Этап 7

Блок "Features"

8

Этап 8

Блок "Dashboard"

30 октября 2017
Цель завершена 15 ноября 2017
Общая

Вёрстка LandingPage

! АКТУАЛЬНАЯ ВЕРСИЯ САЙТА

Сейчас работаю дизайнером интерфейсов, и недавно у меня подвернулась возможность получать заказы по верстке. И для этого сначала нужно показать свои умения (не удивительно), но показать мне нечего. Поэтому и появилась эта цель.

У меня есть некоторые навыки в вёрстке, но без их применения, полученные знания быстро забываются. Я не буду как-либо структурировать получение знаний, а буду искать необходимую мне информацию по мере её необходимости. Так что я буду сразу работать над проектом и разбираться в тонкостях уже по пути, а не наоборот.

Дизайн для верстки я возьму из красивого и бесплатного UI набора. В некоторых местах я буду его изменять, в некоторых дорисовывать недостающие элементы.

Главной задачей перед собой ставлю – не использовать чужие куски кода. Копаться в них для ознакомления – да, копировать и вставлять – нет. Где нужно будет использовать JavaScript, буду изучать и использовать его. Хоть у меня и есть представление о работе с препроцессорами, пользоваться я ими не буду. Если я буду постоянно пробовать использовать какие-либо технологии и пытаться что-то улучшить, то буду топтаться на месте. Поэтому буду верстать на чистом html, css и javascript. Ведь моя цель – не только получить знания, но и выдать результат.

P.S План действий буду дополнять по мере его выполнения.

 Критерий завершения

Будет свёрстан сайт не менее, чем из 10 блоков

 Личные ресурсы

Информация в интернете, книги

  1. Блок "Catalog"

    1. Разметка

    2. Верстка дизайна

  2. Github + Git

    1. Установить и разобраться с Git

    2. Создать репозиторий на GitHub

    3. Разместить проект на GitHub Pages

    4. Начать работать с гит через консоль

  3. Проверка

    1. Валидность кода

    2. Кроссбраузерность

    3. Ретина изображения

    4. Пространство имён

    5. Комментирование кода

  4. Header

    1. Верстка дизайна

    2. Выдвигающийся поиск

    3. Всплывающие меню

    4. Слайдер

    5. Вход. Модальное окно

  5. Страница входа

    1. Верстка дизайна "Вход"

    2. Верстка дизайна "Регистрация"

    3. Анимация элементов

  6. Блок "Portfolio"

    1. Разметка

    2. Верстка дизайна

    3. Анимация

  7. Блок "Features"

    1. Разметка

    2. Верстка дизайна

  8. Блок "Dashboard"

    1. Верстка дизайна

    2. Анимация

  • 1165
  • 30 октября 2017, 22:47
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?