1

Этап 1

Селекторы

2

Этап 2

Знакомство с формами

3

Этап 3

Наследование и каскадирование

4

Этап 4

Блочная модель документа

5

Этап 5

Оформление текста с помощью CSS

6

Этап 6

Промежуточные испытания

7

Этап 7

Сетки

8

Этап 8

Фоны

9

Этап 9

Мастерская: создаём меню

10

Этап 10

Мастерская: декоративные элементы

11

Этап 11

Завершающие испытания

12

Этап 12

Знакомство с HTML5

13

Этап 13

Формы и HTML5

14

Этап 14

Формы и HTML5

15

Этап 15

Селекторы. Часть 2

16

Этап 16

Селекторы. Часть 3

17

Этап 17

Линейные градиенты

18

Этап 18

Двумерные трансформации

19

Этап 19

Мастерская: декоративные эффекты на HTML5 и CSS3

20

Этап 20

Оформление текста с помощью CSS. Часть 2

21

Этап 21

Анимация

22

Этап 22

Плавные переходы

23

Этап 23

Таблицы на CSS

24

Этап 24

Рамки и фоны, часть 2

25

Этап 25

Кекстаграм: Начало. CSS-фильтры

26

Этап 26

Кекстаграм: Эпилог. JavaScript

27

Этап 27

Флексбокс, часть 1

28

Этап 28

Флексбокс, часть 2

29

Этап 29

Препроцессоры. Знакомство с LESS

30

Этап 30

Примеси в LESS

1

Этап 1

Селекторы

2

Этап 2

Знакомство с формами

3

Этап 3

Наследование и каскадирование

4

Этап 4

Блочная модель документа

5

Этап 5

Оформление текста с помощью CSS

6

Этап 6

Промежуточные испытания

7

Этап 7

Сетки

8

Этап 8

Фоны

9

Этап 9

Мастерская: создаём меню

10

Этап 10

Мастерская: декоративные элементы

11

Этап 11

Завершающие испытания

12

Этап 12

Знакомство с HTML5

13

Этап 13

Формы и HTML5

14

Этап 14

Формы и HTML5

15

Этап 15

Селекторы. Часть 2

16

Этап 16

Селекторы. Часть 3

17

Этап 17

Линейные градиенты

18

Этап 18

Двумерные трансформации

19

Этап 19

Мастерская: декоративные эффекты на HTML5 и CSS3

20

Этап 20

Оформление текста с помощью CSS. Часть 2

21

Этап 21

Анимация

22

Этап 22

Плавные переходы

23

Этап 23

Таблицы на CSS

24

Этап 24

Рамки и фоны, часть 2

25

Этап 25

Кекстаграм: Начало. CSS-фильтры

26

Этап 26

Кекстаграм: Эпилог. JavaScript

27

Этап 27

Флексбокс, часть 1

28

Этап 28

Флексбокс, часть 2

29

Этап 29

Препроцессоры. Знакомство с LESS

30

Этап 30

Примеси в LESS

18 декабря 2015 18 февраля 2016
Цель просрочена на 3351 день

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

Автор не отписывался в цели 9 лет 3 месяца 3 дня

Общая

Пройти все оставшиеся темы на HTML-academy

по одной теме в день всего месяц нужен

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

Пройдены все оставшиеся темы. Доказательство - скриншот

  1. Селекторы

  2. Знакомство с формами

  3. Наследование и каскадирование

  4. Блочная модель документа

  5. Оформление текста с помощью CSS

  6. Промежуточные испытания

  7. Сетки

  8. Фоны

  9. Мастерская: создаём меню

  10. Мастерская: декоративные элементы

  11. Завершающие испытания

  12. Знакомство с HTML5

  13. Формы и HTML5

  14. Формы и HTML5

  15. Селекторы. Часть 2

  16. Селекторы. Часть 3

  17. Линейные градиенты

  18. Двумерные трансформации

  19. Мастерская: декоративные эффекты на HTML5 и CSS3

  20. Оформление текста с помощью CSS. Часть 2

  21. Анимация

  22. Плавные переходы

  23. Таблицы на CSS

  24. Рамки и фоны, часть 2

  25. Кекстаграм: Начало. CSS-фильтры

  26. Кекстаграм: Эпилог. JavaScript

  27. Флексбокс, часть 1

  28. Флексбокс, часть 2

  29. Препроцессоры. Знакомство с LESS

  30. Примеси в LESS

  • 2322
  • 18 декабря 2015, 07:08

Дневник цели

11день

Запись к этапу «Блочная модель документа»

Марго28 дек. 2015, 13:17

Одолела блочную модель. Даже за один день удалось пройти

Загрузить 1 комментарий
Лена28.12.2015

Лида, Почти самое важное в верстке)

8день

Запись к этапу «Наследование и каскадирование»

Марго25 дек. 2015, 13:57

Чета никак не получается за один день тему пройти. 2-3 дня минимум. Темы все сложнее, а итоговые задания ну такие замороченные

Лена25.12.2015

Да, но этот курс заменяет толстый учебник. Там просто выжимка из самой полезной в практике инфо. Иногда и теорию, какую, может повторить или закрепить понадобится...

5день

Запись к этапу «Знакомство с формами»

Марго22 дек. 2015, 07:48

Формы закончила. Перехожу к теме "Наследование и каскадирование"

Загрузить 2 комментария
Лена23.12.2015

Последнее время пошла тенденция не использовать в проектах каскадирование и идентификаторы потому что каскадирование помимо всех его плюсов легко и абсолютно неявным образом ломает верстку (в больших проектах невозможно проследить цепочку наследования), а идентификаторы не позволяют использовать <div id="menu"> два раза на одной и той же странице. Это, например, тот же БЭМ, который не пользуется ни тем, ни другим. Сейчас все готовятся к применению чего-то похожего на веб-компоненты - то есть например компонент с классом top-menu содержит кнопки типа top-menu-button. Для этой связки используются отдельные классы стилей и js. Все это можно сколько угодно раз использовать на скольких угодно страницах, не боясь того, что еще какое-нибудь menu сделает у кнопок зеленый фон. Яндекс придумал их сам. Спецификация веб-компонентов уже присутствует. Правда она несколько сложнее, чем я описала - там еще настраиваемые атрибуты, темплейты, теневой дом и проч. Продвинутые браузеры уже их поддерживают. Есть библиотеки, которые используют нечто подобное (полимер, кажется)... Я уже читала о них на javascript.ru - там блочок из нескольких статей. Идея мне очень нравится, но активно применять ее еще рано. Я еще поиграюсь с ними подробнее в рамках HTML5...

Марго23.12.2015

Разумно. Я на своем несчастном 10-ти страничном сайтике уже столкнулась с таким количеством конфликтов из-за этих родительских свойств!. Ох уж эти конфликты отцов и детей. Прав был Тургенев

Лена23.12.2015

Марго, :)) Я даже специально это делала, чтобы прочувствовать разницу :)) Это тоже опыт - в следующий раз ты легко будешь видеть слабые места в коде и тебе не нужно будет читать даже хабр, чтобы знать где и что изменить, чтобы не породить кучу каких-то новых проблем... Это только одна из причин, в силу которой я считаю, что с практики начинать лучше, чем с теории... Кстати, как раз на подобного рода вопросы интернет отвечает не так уж и легко... В учебниках ты точно ничего такого не прочтешь, там только железобетонные свойства из спеки, которые работают в IE6 (преувеличила, конечно, но это где-то так и есть).

2день

Запись к этапу «Знакомство с формами»

Марго19 дек. 2015, 17:01

Прошла половину уроков темы "Формы". Кое-что новое узнала. Про поля и кнопки.

2день
Марго19 дек. 2015, 16:23

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

1день

Запись к этапу «Селекторы»

Марго18 дек. 2015, 19:40

Прошла селекторы. Я в шоке, какие штуки умеет делать css

1день

Запись к этапу «Селекторы»

Марго18 дек. 2015, 09:34

Все-таки html-academy это сила! Разобралась с псевдоклассами, как же здорово. Я, конечно, пока неандертальцем себя ощущаю, куча клевых инструментов, а я все дубиной орудую

Отличный ресурс, да)

Вы тоже можете
опубликовать свою
цель здесь

Мы поможем вам ее достичь!

310 000

единомышленников

инструменты

для увлекательного достижения

Присоединиться
Регистрация

Регистрация

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

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

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?
Pavel Karateev
Лена
Gertruda
Ришар
Светлана
Татьяна
Лена
Анастасия
Светлана
Марго
Лена
Анастасия
Светлана
Марго
Анастасия
Светлана
Лена
Светлана
Дмитрий
Марго
Лена
Марго
Лена
Анастасия
Светлана
Лена
Светлана
Лена
Анастасия
Светлана
Лена
Анастасия
Светлана
Лена
Марго