1

Etapa 1

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

Fecha del inicio: 24 agosto

2

Etapa 2

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

Fecha del inicio: 24 agosto

3

Etapa 3

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

Fecha del inicio: 24 agosto

4

Etapa 4

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

Fecha del inicio: 24 agosto

5

Etapa 5

Пощупать Twitter Bootstrap

Fecha del inicio: 24 agosto

6

Etapa 6

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

Fecha del inicio: 24 agosto

7

Etapa 7

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

Fecha del inicio: 24 agosto

8

Etapa 8

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

Fecha del inicio: 24 agosto

9

Etapa 9

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

Fecha del inicio: 24 agosto

10

Etapa 10

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

Fecha del inicio: 24 agosto

11

Etapa 11

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

Fecha del inicio: 24 agosto

12

Etapa 12

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

Fecha del inicio: 24 agosto

13

Etapa 13

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

Fecha del inicio: 24 agosto

1

Etapa 1

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

Fecha del inicio: 24 agosto

2

Etapa 2

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

Fecha del inicio: 24 agosto

3

Etapa 3

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

Fecha del inicio: 24 agosto

4

Etapa 4

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

Fecha del inicio: 24 agosto

5

Etapa 5

Пощупать Twitter Bootstrap

Fecha del inicio: 24 agosto

6

Etapa 6

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

Fecha del inicio: 24 agosto

7

Etapa 7

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

Fecha del inicio: 24 agosto

8

Etapa 8

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

Fecha del inicio: 24 agosto

9

Etapa 9

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

Fecha del inicio: 24 agosto

10

Etapa 10

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

Fecha del inicio: 24 agosto

11

Etapa 11

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

Fecha del inicio: 24 agosto

12

Etapa 12

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

Fecha del inicio: 24 agosto

13

Etapa 13

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

Fecha del inicio: 24 agosto

24 agosto 2014 09 octubre 2014
Objetivo vencido en % days%

El objetivo está desatendido

El autor lleva sin comentar el objetivo 10 años 1 mes 24 días

Autor del objetivo

Kyrylo Petrov

Ucrania, Кривой Рог

32 año / año / año

Educación

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

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

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

 Criterio del fin

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

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

 Recursos personales

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

 Lo ecológico del objetivo

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

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

  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]

  • 3024
  • 24 agosto 2014, 06:23
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?