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
Мета завершена % date%
Загальна

Вёрстка 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. Анимация

  • 1019
  • 30 жовтня 2017, 22:47

Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?