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
Ціль прострочена на 3498 днів
Детально Стисло

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

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

Автор мети

Kyrylo Petrov

Україна, Кривой Рог

32 Рік / року / років

Надіслати повідомлення

Додати у друзі

Освіта

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

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

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

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

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

Хорошее знание и понимание 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

    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. Сверстать двадцатый макет

  • 2854
  • 24 серпня 2014, 06:23


Подібні цілі

Реєстрація

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

Уже зарегистрированы?
Швидка реєстрація через соцмережі
Вхід на сайт

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

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

Виджет вашей цели

Большой (450×150 px)

Маленький (250×100 px)

Чтобы вставить виджет на ваш сайт или блог, скопируйте код и внедрите его в исходный html-код вашего блога/сайта.

Эта функция доступна только для PRO

Вы можете купить PRO аккаунт, либо получить его бесплатно,
пригласив 3 друзей на SmartProgress

Запросити друзів

Підняття
цілей вгору

Придбати PRO-аккаунт

Email на все случаи и по любым вопросам

  • Максим Маликов

    основатель

  • Сергей Захаров

    основатель