1

Etapa 1

Знакомство

2

Etapa 2

Структура HTML-документа

3

Etapa 3

Разметка текста

4

Etapa 4

Ссылки и изображения

5

Etapa 5

Знакомство с таблицами

6

Etapa 6

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

7

Etapa 7

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

8

Etapa 8

Селекторы, часть 1

9

Etapa 9

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

10

Etapa 10

Оформление текста, часть 1

11

Etapa 11

Фоны, часть 1

12

Etapa 12

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

13

Etapa 13

Сетки

14

Etapa 14

Позиционирование

15

Etapa 15

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

16

Etapa 16

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

17

Etapa 17

Кексби. Разметка, оформление текста

18

Etapa 18

Кексби. Ссылки и изображения

19

Etapa 19

Кексби. Знакомство

20

Etapa 20

Кексби. Таблицы

21

Etapa 21

Кексби. Формы

22

Etapa 22

Кексби. Промежуточное испытание

23

Etapa 23

Кексби. Сетки

24

Etapa 24

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

25

Etapa 25

Формы и HTML5

26

Etapa 26

Кексби. Разметка, оформление текста

27

Etapa 27

Кексби. Ссылки и изображения

28

Etapa 28

Селекторы, часть 2

29

Etapa 29

Селекторы, часть 3

30

Etapa 30

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

31

Etapa 31

Игра теней

32

Etapa 32

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

33

Etapa 33

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

34

Etapa 34

Оформление текста, часть 2

35

Etapa 35

Анимация

36

Etapa 36

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

37

Etapa 37

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

38

Etapa 38

Таблицы на CSS

39

Etapa 39

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

40

Etapa 40

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

41

Etapa 41

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

42

Etapa 42

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

43

Etapa 43

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

44

Etapa 44

Примеси в LESS

45

Etapa 45

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

46

Etapa 46

Оформление SVG-фигур

1

Etapa 1

Знакомство

2

Etapa 2

Структура HTML-документа

3

Etapa 3

Разметка текста

4

Etapa 4

Ссылки и изображения

5

Etapa 5

Знакомство с таблицами

6

Etapa 6

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

7

Etapa 7

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

8

Etapa 8

Селекторы, часть 1

9

Etapa 9

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

10

Etapa 10

Оформление текста, часть 1

11

Etapa 11

Фоны, часть 1

12

Etapa 12

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

13

Etapa 13

Сетки

14

Etapa 14

Позиционирование

15

Etapa 15

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

16

Etapa 16

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

17

Etapa 17

Кексби. Разметка, оформление текста

18

Etapa 18

Кексби. Ссылки и изображения

19

Etapa 19

Кексби. Знакомство

20

Etapa 20

Кексби. Таблицы

21

Etapa 21

Кексби. Формы

22

Etapa 22

Кексби. Промежуточное испытание

23

Etapa 23

Кексби. Сетки

24

Etapa 24

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

25

Etapa 25

Формы и HTML5

26

Etapa 26

Кексби. Разметка, оформление текста

27

Etapa 27

Кексби. Ссылки и изображения

28

Etapa 28

Селекторы, часть 2

29

Etapa 29

Селекторы, часть 3

30

Etapa 30

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

31

Etapa 31

Игра теней

32

Etapa 32

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

33

Etapa 33

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

34

Etapa 34

Оформление текста, часть 2

35

Etapa 35

Анимация

36

Etapa 36

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

37

Etapa 37

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

38

Etapa 38

Таблицы на CSS

39

Etapa 39

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

40

Etapa 40

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

41

Etapa 41

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

42

Etapa 42

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

43

Etapa 43

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

44

Etapa 44

Примеси в LESS

45

Etapa 45

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

46

Etapa 46

Оформление SVG-фигур

29 enero 2017 31 mayo 2017
Objetivo vencido en % days%

El objetivo está desatendido

El autor lleva sin comentar el objetivo 7 años 6 meses 21 días

Autor del objetivo

Юрiй Пуцан

Ucrania, Львов

25 año / año / año

Educación

Пройти всю програму навчання на HTML Academy

Про курс я дізнався менше місяця назад і він одразу потрапив у мій список справ, але розпочинати вивчення я не поспішав. Та от повернувшись до начання в коледжі (після канікул), в новому розкладі з'явилася пара "Веб програмування", що не могло мене не радувати. І я подумав що чудово булоб "поєднати" вивченя ВЕБ-у на парах та в HTML Academy. Тому в Академії я вчитиму нові матеріали і виконуватиму тести по програмі, а вколеджі виконуватиму лише обов'язкові завданнян (лабораторні, практичні).

Побачу, що з цього вийде. Та всеодно я впевнений, що це хороша ідея!

Ах,мало не забув! Загальна вартість мети зовсім не така. Я просто ще не знаю скільки часу у мене забере вивчення всієї програми HTML Academy, тому кожен платний курс помічаю місячною вартістю навчання. Хоча пізніше постараюся придумати як це виправити, наприклад за місяць я проходитиму по 4-6 курсів, тому вартість місячного навчання можна буде поділити на кількість курсів.

 Criterio del fin

Програма засвоєна і я можу створити сайт на основі здобутих знань

 Recursos personales

час, а також гроші на підписку по 100 грн в місяць

 Lo ecológico del objetivo

доведу навики створення сайтів до хорошого рівня

  1. Знакомство

    Познакомимся с интерфейсами Академии. А заодно рассмотрим базовые понятия вёрстки.

  2. Структура HTML-документа

    Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.

  3. Разметка текста

    Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое.

  4. Ссылки и изображения

    Научимся использовать ссылки, вставлять на страницу изображения. А в конце курса небольшой сюрприз.

    1. Что такое ссылка?

    2. Задаём адрес ссылки

    3. Абсолютные адреса

    4. Относительные адреса

    5. Ссылка на файл

    6. Ссылка на изображение

    7. Ссылка с якорем

    8. Всплывающая подсказка

    9. Добавим изображение

    10. Размеры изображения

    11. Альтернативный текст

    12. Изображение-ссылка

    13. Фоторепортаж

  5. Знакомство с таблицами

    Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.

    1. Простейшая таблица

    2. Добавляем строки

    3. Добавляем столбцы

    4. Задаём рамки с помощью CSS

    5. Улучшаем отображение рамок

    6. Горизонтальные и вертикальные рамки

    7. Отступы внутри ячеек

    8. Отступы между ячейками

    9. Испытание: простая, но аккуратная таблица

    10. Ячейки-заголовки

    11. Заголовок таблицы

    12. Объединяем ячейки в строках

    13. Объединяем ячейки в столбцах

    14. Закрепление colspan

    15. Закрепление rowspan

    16. Комбо: colspan + rowspan

    17. Испытание: таблица посложнее

    18. Выравнивание содержимого в ячейках

    19. Добавим цвета

    20. Раскрашиваем строки

    21. Задаём размеры таблицы

    22. Задаём размеры отдельных ячеек и столбцов

    23. Испытание: итоговая таблица

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

    Разберёмся как создавать простейшие формы, попрактикуемся использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.

    1. Первая форма

    2. Текстовое поле ввода

    3. Идентификатор и значение по умолчанию

    4. Подпись для поля ввода

    5. Связываем подпись и поле по id

    6. Добавим ещё одно поле

    7. Поле для ввода пароля

    8. Кнопка отправки формы

    9. Многострочное поле ввода

    10. Чекбокс или «галочка»

    11. Испытание: форма регистрации

    12. Переключатель или «радиобаттон»

    13. ...

  7. Знакомство с CSS

    Посмотрим на базовые понятия CSS: селекторы, каскадность, наследование, приоритеты. Взглянем на некоторые CSS-свойства для оформления текста, создания сетки страницы и позиционирования элементов.

  8. Селекторы, часть 1

    Опробуем один из самых важнейших механизмов CSS — селекторы. Научимся пользоваться простыми и продвинутыми селекторами, псевдоклассами, а также комбинировать их.

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

    Наследование, каскадирование, специфичность: что это и как их правильно использовать?

  10. Оформление текста, часть 1

    Разберёмся с самыми распространёнными CSS-свойствами для оформления текста: жирность, курсив, размер, цвет и многое другое.

  11. Фоны, часть 1

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

  13. Сетки

  14. Позиционирование

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

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

  17. Кексби. Разметка, оформление текста

    Добавляем в разметку текстовые теги: заголовки, списки, цитаты.

    Вартість = $/міс підписки

  18. Кексби. Ссылки и изображения

    Вставляем содержательные картинки и добавляем ссылки.

    Вартість = $/міс підписки

    1. Хедер и футер. Теги header и footer

    2. Основное содержание. Тег main

    3. Разделы страницы. Теги article и SECTION

    4. Изображения в формате SVG

    5. Навигация. Тег nav

    6. Завершаем футер

    7. Использование нестандартных шрифтов

    8. Подробнее о шрифтах. Правило @font-face

    9. Дополнительное содержание. Тег aside

    10. Еще раз про article. Анонс поста

    11. Завершаем главную: наполнение

    12. Внутренняя страница: структура поста

    13. Даты для людей и машин. Тег time

    14. Картинки с подписями. Теги figure и figcaption

    15. Видео. Тег video

    16. Форматы и источники видео

    17. Аудио. Тег audio

    18. Форматы и источники звука

    19. Испытание: другой вариант главной

  19. Кексби. Знакомство

    Размечаем основные блоки главной страницы магазинчика Кекса.

    Вартість = $/міс підписки

  20. Кексби. Таблицы

    Создаём таблицу прайс-листа и задаём ей базовое оформление.

    Вартість = $/міс підписки

  21. Кексби. Формы

    Завершаем разметку страницы формой вопросов.

    Вартість = $/міс підписки

  22. Кексби. Промежуточное испытание

  23. Кексби. Сетки

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

  25. Формы и HTML5

  26. Кексби. Разметка, оформление текста

  27. Кексби. Ссылки и изображения

  28. Селекторы, часть 2

  29. Селекторы, часть 3

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

  31. Игра теней

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

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

  34. Оформление текста, часть 2

  35. Анимация

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

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

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

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

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

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

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

  43. Знакомство с LESS

  44. Примеси в LESS

  45. Знакомство с SVG

  46. Оформление SVG-фигур

    Базовые понятия об оформлении SVG-фигур. Заливки и обводки

  • 2368
  • 29 enero 2017, 07:49
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?