1

Step 1

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

Start date: 24 August

2

Step 2

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

Start date: 24 August

3

Step 3

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

Start date: 24 August

4

Step 4

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

Start date: 24 August

5

Step 5

Пощупать Twitter Bootstrap

Start date: 24 August

6

Step 6

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

Start date: 24 August

7

Step 7

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

Start date: 24 August

8

Step 8

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

Start date: 24 August

9

Step 9

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

Start date: 24 August

10

Step 10

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

Start date: 24 August

11

Step 11

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

Start date: 24 August

12

Step 12

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

Start date: 24 August

13

Step 13

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

Start date: 24 August

1

Step 1

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

Start date: 24 August

2

Step 2

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

Start date: 24 August

3

Step 3

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

Start date: 24 August

4

Step 4

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

Start date: 24 August

5

Step 5

Пощупать Twitter Bootstrap

Start date: 24 August

6

Step 6

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

Start date: 24 August

7

Step 7

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

Start date: 24 August

8

Step 8

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

Start date: 24 August

9

Step 9

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

Start date: 24 August

10

Step 10

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

Start date: 24 August

11

Step 11

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

Start date: 24 August

12

Step 12

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

Start date: 24 August

13

Step 13

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

Start date: 24 August

24 August 2014 09 October 2014
The goal is overdue by 3498 days
Details Briefly

Goal abandoned

The author does not write in the goal 9 years 7 months 8 days

Goal author

Kyrylo Petrov

Ukraine, Кривой Рог

32 years old

Send message

Add to friends

Education

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

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

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

 Goal Accomplishment Criteria

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

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

 Personal resources

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

 Goal ecological compatibility

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

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

  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

    Twitter Bootstrap

    Tutorials:

  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]

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

    1. Сверстать первый макет

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

    3. Сверстать третий макет

    4. Сверстать четвертый макет

    5. Сверстать пятый макет

    6. Сверстать шестой макет

    7. Сверстать седьмой макет

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

    9. Сверстать девятый макет

    10. Сверстать десятый макет

    11. Сверстать одинадцатый макет

    12. Сверстать двенадцатый макет

    13. Сверстать тринадцатый макет

    14. Сверстать четырнадцатый макет

    15. Сверстать пятнадцатый макет

    16. Сверстать шестнадцатый макет

    17. Сверстать семнадцатый макет

    18. Сверстать восемнадцатый макет

    19. Сверстать девятнадцатый макет

    20. Сверстать двадцатый макет

  • 2852
  • 24 August 2014, 06:23

Similar goals

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?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

You can buy a PRO account, or get it for free by inviting 3 friends to SmartProgress

Invite friends

Raising
goals up

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder