1

Етап 1

HTML Academy Базовые курсы

2

Етап 2

HTML Academy Продвинутые курсы+Препроцессоры

3

Етап 3

Пройти Базовый интенсив

4

Етап 4

Пройти Продвинутый интенсив

1

Етап 1

HTML Academy Базовые курсы

2

Етап 2

HTML Academy Продвинутые курсы+Препроцессоры

3

Етап 3

Пройти Базовый интенсив

4

Етап 4

Пройти Продвинутый интенсив

15 серпня 2015 31 грудня 2015
Ціль прострочена на 3233 дня

Мета закинута

Автор не відписував в цілі 9 років 2 месяця 5 днів

Загальна

HTML-Верстальщик ----> Front-end разработчик

До конца года хочу пройти все курсы в HTML Academy, просмотреть Базовый и Продвинутый курсы.

Сверстать минимум 5 сайтов из PSD макетов.

Устроиться на работу верстальщиком или Junior разработчиком.

Планирую заниматься 5 раз в неделю: Понедельник-Четверг и Пятница или Воскресенье.

На данный момент вижу для изучения основные цели:

1.HTML/HTML5

2.CSS/CSS3

3.JS/jquery

4.PHP+mysql

5.Английский

6.GitHub

Далее буду перечислять Видео,Статьи и Книги для обязательного изучения

Видеоуроки/Вебинары:

Книги:

В процессе обучения буду зачёркивать прочитанное/просмотренное и добавлять новое

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

До конца года сверстать минимум 5 сайтов из PSD, постараться устроиться на верстальщика или junior разработчика.

 Особисті ресурси

Время и много терпения

 Екологічність мети

Получить работу в сфере WEB разработки с перспективами роста.

  1. HTML Academy Базовые курсы

    Пройти и законспектировать все Базовые курсы.

    По окончанию приложить скриншот пройденного.

  2. HTML Academy Продвинутые курсы+Препроцессоры

    Пройти и законспектировать все Продвинутые курсы+Препроцессоры.

    По окончанию приложить скриншот пройденного.

  3. Пройти Базовый интенсив

    Пройти интенсив и сверстать 2 макета(из курса+свой).

    Критерии:

    1. Выполнена HTML-разметка всех страниц и всех элементов на страницах.
    2. Один стилевой файл на все страницы (с учётом normalize.css можно два).
    3. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, а также в Internet Explorer 10+.
    4. Сайт должен нормально смотреться на минимальном для данного макета разрешении:
      • При большем размере экрана макет должен оставаться по центру и не иметь горизонтального скролла.
      • На разрешениях экрана меньше ширины контейнера вёрстка не должна менять свою структуру.
    5. В корне документа должны быть папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов.
    6. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
    7. Грубые ошибки в разметке отсутствуют. Например:
      • Ссылки сделаны не тегом <a>, а другими тегами.
      • Использование строчных элементов для создания крупных (сеточных) блоков.
      • Абзацы должны быть абзацами, а не <br><br>
    8. Нельзя строить сетку с помощью таблиц и позиционирования.
    9. Нельзя использовать !important в CSS.
    10. При наполнении контентом как на макете элементы каждой страницы должны соответствовать макету:
      • Допускаются различия в 5 пикселей по высоте и 2 пикселя по ширине.
      • Допускаются отсутствия стилизации кастомных элементов форм.
      • Допускаются различия в отображении шрифтов, связанные со сглаживанием на различных платформах.
      • Должны быть подключены правильные шрифты, а их размеры и толщина должны соответствовать размерам в макетах и ТЗ.
    11. Выбран правильный формат изображений:
      • JPEG для фотографий.
      • Всё остальное в PNG.
    12. Документ должен проходить проверку на валидность validator.w3.org



    Дополнительные критерии:

    1. Нельзя использовать транслит в названиях классов, атрибутах и так далее.
    2. Нельзя использовать #id для стилизации.
    3. Нельзя использовать вложенность селекторов больше двух.
    4. Необходимо подключить normalize.css к вёрстке отдельным файлом.
    5. Необходимо явно указать подходящее vertical-align для всех блоков с display: inline-block.
    6. Необходимо указать альтернативные варианты шрифта и тип семейства в конце перечисления.
    7. Необходимо расположить CSS-префиксы в правильном порядке.
    8. Необходимо явно прописывать цвет фона для блока у которого есть фоновое изображение. Цвет должен соответствовать преобладающему цвету фонового изображения (пока изображение не загружено, страница выглядит похоже на макет).
    9. Необходимо, чтобы все состояния элементов из styleguide.psd были использованы.
    10. Необходимо, чтобы при взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняли своего положения.
    11. Необходимо использовать:
      • Спрайты для изображений или иконочный шрифт.
      • Минимизировать CSS-код.
      • Минимизировать JavaScript-код.
    12. Необходимо у всех изображений в теге <img> прописать размер.
    13. Вёрстка проходит тест на переполнение контентом. Вёрстка не ломается:
      • При добавлении в элементы большего количества текста.
      • При использовании картинок с неподходящими размерами.
      • Текст не должен выпадать из объектов.
      • Переполнение контентными блоками не приводит к нарушению сетки.
    14. Необходимо подключить все скрипты непосредственно перед </body>
    15. Необходимо использовать минимально возможное количество элементов HTML.
    16. Необходимо использовать подход Progressive Enhancement, например:
      • Кнопка с формой входа ведёт на отдельную страницу.
      • Интерактивная карта без JavaScript показывает статичную картинку с картой.
  4. Пройти Продвинутый интенсив

    Пройти Продвинутый интенсив + ещё 3 макета сверстать.

  • 1677
  • 15 серпня 2015, 09:38

Реєстрація

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

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

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

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