1

Этап 1

Пробежаться по курсам на codecademy.com

Дата начала: 24 августа

2

Этап 2

Пробежаться по курсам на codeschool.com

Дата начала: 24 августа

3

Этап 3

Изучить свободные курсы по HTML&CSS на HTML Academy

Дата начала: 24 августа

4

Этап 4

Прочитать про БЭМ

Дата начала: 24 августа

5

Этап 5

Пощупать Twitter Bootstrap

Дата начала: 24 августа

6

Этап 6

Курсы на Mozilla Developer Network: ​Learn HTML. Introductory level

Дата начала: 24 августа

7

Этап 7

Курсы на Mozilla Developer Network: ​Learn HTML. Advanced level

Дата начала: 24 августа

8

Этап 8

Курсы на Mozilla Developer Network: ​Learn CSS. Introductory level

Дата начала: 24 августа

9

Этап 9

Курсы на Mozilla Developer Network: ​Learn CSS. Intermediate level

Дата начала: 24 августа

10

Этап 10

Курсы на Mozilla Developer Network: ​Learn CSS. Advanced level

Дата начала: 24 августа

11

Этап 11

Посмотреть бесплатные курсы по web design на Mobiletuts+

Дата начала: 24 августа

12

Этап 12

Научиться резать и натягивать

Дата начала: 24 августа

13

Этап 13

Сверстать 20 макетов сайтов

Дата начала: 24 августа

1

Этап 1

Пробежаться по курсам на codecademy.com

Дата начала: 24 августа

2

Этап 2

Пробежаться по курсам на codeschool.com

Дата начала: 24 августа

3

Этап 3

Изучить свободные курсы по HTML&CSS на HTML Academy

Дата начала: 24 августа

4

Этап 4

Прочитать про БЭМ

Дата начала: 24 августа

5

Этап 5

Пощупать Twitter Bootstrap

Дата начала: 24 августа

6

Этап 6

Курсы на Mozilla Developer Network: ​Learn HTML. Introductory level

Дата начала: 24 августа

7

Этап 7

Курсы на Mozilla Developer Network: ​Learn HTML. Advanced level

Дата начала: 24 августа

8

Этап 8

Курсы на Mozilla Developer Network: ​Learn CSS. Introductory level

Дата начала: 24 августа

9

Этап 9

Курсы на Mozilla Developer Network: ​Learn CSS. Intermediate level

Дата начала: 24 августа

10

Этап 10

Курсы на Mozilla Developer Network: ​Learn CSS. Advanced level

Дата начала: 24 августа

11

Этап 11

Посмотреть бесплатные курсы по web design на Mobiletuts+

Дата начала: 24 августа

12

Этап 12

Научиться резать и натягивать

Дата начала: 24 августа

13

Этап 13

Сверстать 20 макетов сайтов

Дата начала: 24 августа

24 августа 2014 09 октября 2014
Цель просрочена на 3680 дней

Цель заброшена

Автор не отписывался в цели 10 лет 1 месяц 7 дней

Автор цели

Образование

Научится верстать сайты

Достаточно часто приходится что-нибудь верстать, но в основном это отдельные элементы, а не целые сайты. К тому-же, с макетов еще верстать не приходилось. Хочется систематизировать, а также улучшить свои умения и навыки в данном направлении.

Так что хватит лениться - начнем наш путь!

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

Уверенность в том, что смогу сверстать сайт с макета.

Хорошее знание и понимание HTML & HTML5, CSS & CSS3

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

Усидчивость, некоторые знания этого предмета, немного свободного времени.

 Экологичность цели

Хочется усовершенствовать навыки и систематизировать знания.

Пригодится для работы.

  1. Пробежаться по курсам на codecademy.com

    Когда-то услышал об этом сайте и захотел пройти интерактивный курс по javascript, посмотреть чему учат, потренировать английский. Начал... и по какой-то причине забросил (лень наверное :). Так что начну с него - пройду полный курс по HTML&CSS, заработаю несколько badges и отпишусь о результатах и впечетлениях.

    1. Introduction to HTML
    2. HTML structure: using lists
    3. HTML structure: tables, divs, and spans
    4. Introduction to CSS
    5. CSS classes and ids
    6. CSS element positioning
  2. Пробежаться по курсам на codeschool.com

    [FAILED]

    1. Front-end Formations
    2. CSS Cross-Country
    3. Journey Into Mobile
    4. Assembling Sass
    5. Assembling Sass Part 2
    6. Fundamentals of Design
  3. Изучить свободные курсы по HTML&CSS на HTML Academy

    Русскоязычный ресурс посвященный изучению HTML&CSS. Узнал о нем на хабре. Базовые курсы доступны свободно целиком. В продвинутых курсах свободны только несколько первых уроков.

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

    1. Знакомство
    2. Структура HTML-документа
    3. Разметка текста с помощью HTML
    4. Ссылки и изображения
    5. Знакомство с таблицами
    6. Знакомство с формами
    7. Знакомство с CSS
    8. Селекторы
    9. Наследование и каскадирование
    10. Промежуточные испытания
    11. Оформление текста с помощью CSS
    12. Блочная модель документа
    13. Позиционирование
    14. Сетки
    15. Фоны
    16. Мастерская: создаём меню
    17. Мастерская: декоративные элементы
    18. Завершающие испытания

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

    1. Знакомство с HTML5
    2. Формы и HTML5
    3. Игра теней
    4. Селекторы. Часть 2
    5. Селекторы. Часть 3
    6. Линейные градиенты
    7. Двумерные трансформации
    8. Мастерская: декоративные эффекты на HTML5 и CSS3
    9. Оформление текста с помощью CSS. Часть 2
  4. Прочитать про БЭМ

  5. Пощупать Twitter Bootstrap

  6. Курсы на Mozilla Developer Network: ​Learn HTML. Introductory level

    Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS

    Вводный курс о HTML. Базовый HTML

    1. The basic of HTML
    2. Basic structure of a web page
    3. Fundamental HTML elements
      1. Structural Elements
      2. Head Elements
      3. List Elements
      4. Text Formatting Elements
      5. Form Elements
      6. Image and Media Elements
      7. Table Elements
      8. Frame and Window Elements
      9. Deprecated Elements (to avoid using)
      10. Proprietary & Nonstandard Elements
      11. Alphabetic Element Index
      12. Elements and Valid DTDs They May Appear In
    4. HTML beginner tutorial
    5. HTML from the ground up
    6. HTML challenges
    7. MDN HTML element reference
  7. Курсы на Mozilla Developer Network: ​Learn HTML. Advanced level

    Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS

    Продвинутый курс о HTML. Посвящен особенностям HTML5

    1. Tips for authoring fast-loading HTML pages
    2. Dive into HTML5
    3. Get ready for HTML5
    4. HTML5 tutorials
    5. Semantics in HTML5
    6. Canvas tutorial
    7. HTML5 doctor
    8. The joy of HTML5 audio
  8. Курсы на Mozilla Developer Network: ​Learn CSS. Introductory level

    Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS

    Вводный курс о CSS. Базовый CSS

    1. CSS getting started
    2. CSS basics
    3. CSS selector classes
    4. External CSS
    5. Adding a touch of style
    6. CSS from the ground up
    7. Common css questions
  9. Курсы на Mozilla Developer Network: ​Learn CSS. Intermediate level

    Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS

    Курс среднего уровня о CSS

    1. CSS reference
    2. CSS challenges
    3. Intermediate CSS concepts
    4. CSS positioning 101
    5. Progressive enhancement with CSS
    6. Fluid grids
  10. Курсы на Mozilla Developer Network: ​Learn CSS. Advanced level

    Хорошая коллекция ресурсов и обучающих материалов про web-технологии от Mozilla. Попробую пройти курсы посвященные HTML&CSS

    Продвинутый курс о CSS. Рассказывается о CSS3

    1. CSS3 in under 5 minutes
    2. Using css transforms
    3. CSS transitions
    4. Understanding CSS3 transitions
    5. Quick guide to implement web font with @font-face
  11. Посмотреть бесплатные курсы по web design на Mobiletuts+

    Mobiletuts+ – ресурс со статьями и руководствами для разработчиков мобильных приложений. Охватывает разработку нативных приложений c использованием iOS SDK, Android SDK/NDK и Windows Phone 7 SDK, кросс-платформенную разработку при помощи таких инструментов как Titanium Mobile и PhoneGap, техники для построения веб-сайтов, доступных с мобильных устройств, и веб-приложений на HTML 5, CSS, JavaScript.
    Имеет площадку для онлайн-обучения разработчиков и дизайнеров (платно)


    Хочу пройти тут несколько бесплатных курсов по Web Design. Надеюсь будет полезно.

    1. 30 Days to Learn HTML & CSS
    2. Bootstrap 3 for Web Design
    3. Web Form Design and Development
  12. Научиться резать и натягивать

    Как-то путешествуя по просторам интернета наткнулся на этот замечательный screencast.

    До сегодняшнего дня руки не доходили полностью посмотреть, но теперь сам Бог велел.

    Вот он, дорогой: psd2cms's channel [habrahabr]

  • 3009
  • 24 августа 2014, 06:23
Регистрация

Регистрация

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

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

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