1

Step 1

Блок "Catalog"

2

Step 2

Github + Git

3

Step 3

Проверка

4

Step 4

Header

5

Step 5

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

6

Step 6

Блок "Portfolio"

7

Step 7

Блок "Features"

8

Step 8

Блок "Dashboard"

1

Step 1

Блок "Catalog"

2

Step 2

Github + Git

3

Step 3

Проверка

4

Step 4

Header

5

Step 5

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

6

Step 6

Блок "Portfolio"

7

Step 7

Блок "Features"

8

Step 8

Блок "Dashboard"

30 October 2017
Goal completed 15 November 2017
General

Вёрстка LandingPage

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

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

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

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

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

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

 Goal Accomplishment Criteria

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

 Personal resources

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

  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. Анимация

  • 1021
  • 30 October 2017, 22:47
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?