1

Этап 1

Бесплатные интерактивные курсы на HTML-Academy.

2

Этап 2

HTML Academy - интенсив по HTML/CSS базовый.

3

Этап 3

HTML Academy - интенсив по HTML/CSS продвинутый.

4

Этап 4

Гайдлайны и Лучшие практики.

5

Этап 5

Практика HTML/CSS.

6

Этап 6

WebReference.

7

Этап 7

Landing Page. Посадочная страница.

8

Этап 8

SoloLearn. Мобильное приложение.

9

Этап 9

Другое

10

Этап 10

Статьи.

11

Этап 11

Книги.

12

Этап 12

Сайты.

13

Этап 13

Видеоуроки.

14

Этап 14

WordPress

15

Этап 15

GIT

16

Этап 16

Photoshop для верстальщика.

17

Этап 17

Платные интерактивные курсы на HTML-Academy по Флексбоксам.

1

Этап 1

Бесплатные интерактивные курсы на HTML-Academy.

2

Этап 2

HTML Academy - интенсив по HTML/CSS базовый.

3

Этап 3

HTML Academy - интенсив по HTML/CSS продвинутый.

4

Этап 4

Гайдлайны и Лучшие практики.

5

Этап 5

Практика HTML/CSS.

6

Этап 6

WebReference.

7

Этап 7

Landing Page. Посадочная страница.

8

Этап 8

SoloLearn. Мобильное приложение.

9

Этап 9

Другое

10

Этап 10

Статьи.

11

Этап 11

Книги.

12

Этап 12

Сайты.

13

Этап 13

Видеоуроки.

14

Этап 14

WordPress

15

Этап 15

GIT

16

Этап 16

Photoshop для верстальщика.

17

Этап 17

Платные интерактивные курсы на HTML-Academy по Флексбоксам.

15 мая 2017

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

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

Общая

Веб-разработка. Фронтенд. Вёрстка.

Ставлю глобальную цель: Научиться Веб-разработке, по части Фронтенд.

Цель включает себя много дочерних целей, которые будут со временем добавляться.

Дату заверщения цели умышленно не ставлю.

О выполнении этапов цели буду подробно отписываться.

Буду рада советам и поддержке тех людей, которые уже проходили данный этап и тех, кто тоже собирается выполнить похожую цель. Да и просто, буду рада всем, кто захочет поддержать ;)

Присоединяйтесь - вместе веселее и продуктивнее!

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

Могу полностью сверстать шаблон.

Могу создать сайт с использованием CMS.

 Личные ресурсы

Желание, Время, Мотивация

 Экологичность цели

Для меня важно выполнить данную цель

  1. Бесплатные интерактивные курсы на HTML-Academy.

    Критерий завершения: Пройдены все уроки интерактивных курсов Академии.

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

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

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

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

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

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

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

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

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

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

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

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

    13. Сетки

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

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

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

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

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

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

    20. Подведение итогов

  2. HTML Academy - интенсив по HTML/CSS базовый.

    1. Введение.

    2. Разметка.

    3. Фотошоп для верстальщика.

    4. Сетки.

    5. Декоративные элементы

    6. Оформление контента.

    7. Введение в JavaScript.

    8. Прогрессивное улучшение.

    9. Блог Наставника HTML-Academy — https://www.youtube.com/playlist?list=PLQPQDQeOswiX4D7VpMt_C9Cz2Bzdi4Fn3

    10. Дополнительные материалы — https://github.com/lena-green/htmlacademy-basic-additional-material

  3. HTML Academy - интенсив по HTML/CSS продвинутый.

  4. Гайдлайны и Лучшие практики.

    Изучение гайдлайнов - правил оформления и лучших практик.

    1. HTML руководство разработчика от MDN - https://developer.mozilla.org/ru/docs/Web/Guide/HTML

    2. CSS руководство разработчика от MDN - https://developer.mozilla.org/ru/docs/Web/Guide/CSS

    3. Хорошие и плохие CSS-практики для начинающих - https://medium.com/@ABatickaya/хорошие-и-плохие-css-практики-для-начинающих-619289ce8bae

    4. Живой стандарт HTML WHATWG - https://html.spec.whatwg.org/multipage/

    5. HTML5 от W3C - https://www.w3.org/TR/html5/

    6. CSS спецификации - https://www.w3.org/Style/CSS/current-work

    7. Размышления о стандартах CSS - http://css-live.ru/articles/macssaraksh-razmyshleniya-o-standartax-css.html

    8. http://spec.piraruco.com/html5/index.htm

    9. HTML5 от W3C (RU) - http://spec.piraruco.com/html5/index.htm

    10. HTML-Academy - Стиль кода - http://html-academy.ru/codeguide/

  5. Практика HTML/CSS.

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

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

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

  6. WebReference.

    1. WebReference —Позиционирование в CSS (Jeremy Thomas)

    2. WebReference — Открываем блочную модель (Shay Howe) https://webref.ru/layout/learn-html-css/box-model

    3. WebReference — Блочная модель в CSS (Jeremy Thomas)

    4. WebReference —Позиционирование содержимого (Shay Howe) https://webref.ru/layout/learn-html-css/positioning-content

  7. Landing Page. Посадочная страница.

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

    • Могу создать Лэндинг.
    • Разбираюсь в SEO лендингов.
    • Могу выполнить заказ по созданию Лендинга.
    1. Видеркурс. Создание Landing Page на Wordpress (Автор: WebDesign Master) — https://www.youtube.com/playlist?list=PLyf8LgkO_8q8UkipPnB-23hXBf

    2. Курс по SEO лендингов

    3. Курс. «Пошаговый курс по созданию продающего Landing Page c нуля» — https://bloxy.ru/learning/lp/

    4. Статья. «Каждому по Landing Page. Наболевшее» — https://habrahabr.ru/post/226969/

    5. Статья. «7 типов лэндингов, чтобы поймать на крючок посетителей вашего сайта» — https://habrahabr.ru/post/283950/

    6. Веб-дизайн: практический курс создания лендинга — https://www.youtube.com/playlist?list=PLD-piGJ3Dtl1ZJd2NgoRr9ZD70EVjYemI

  8. SoloLearn. Мобильное приложение.

    1. HTML Fundamentals

    2. CSS Fundamentals

  9. Другое

    Темы, которые не встретились мне в курсах, но могут быть полезны.

    Нашла их по наводке из какой-то статьи, курса или по чьей-либо рекомендации.

    Прочла материалы на эти темы и сделала краткий конспект.

    1. Блочная вёрстка.

    2. Фреймы. < frame >.

  10. Статьи.

    Полезные статьи на около-фронтендную и около-айтишную тему.

  11. Книги.

    1. Новая большая книга CSS (CSS. The Missing Manual). Автор: Дэвид Макфарланд.

    2. Head First HTML&CSS (O'Reilly).

  12. Сайты.

    Список полезных сайтов, до которых пока не особо дошли руки.

    Когда руки дойдут, сайт станет продублирован в отдельном подпункте этой цели.

    1. http://docode.ru

    2. http://softwaremaniacs.org/blog/category/primer/

    3. http://codenamecrud.ru/pages/curriculum

    4. http://htmlbook.ru/practical

    5. http://frontendbookshelf.ru

    6. https://geekbrains.ru/tests/2 — Тесты на GeekBrains

    7. https://webref.ru

    8. https://html5book.ru/ — Хороший сайт (есть про верстку меню)

    9. https://medium.com/@ABatickaya — Workafrolic (±∞). Полезный блог на Медиуме

    10. http://webmasters.teamdev.com/#personal — Вёрстка — это не тупо.

    11. https://www.freecodecamp.com

  13. Видеоуроки.

    Ссылки на youtube-каналы, или плейлисты.

    1. WebDesign Master — https://www.youtube.com/user/agragregra/playlists

    2. Sorax

    3. Loftblog

    4. Артём Исламов — https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg

    5. Блог Наставника HTML-Academy -- https://www.youtube.com/playlist?list=PLQPQDQeOswiX4D7VpMt_C9Cz2Bzdi4Fn3

  14. WordPress

    1. http://wpblogs.ru/создание-темы-для-wordpress-с-нуля/

    2. http://wpcreate.ru/spisok-urokov

  15. GIT

    1. Очень хороший туториал — https://githowto.com/ru

    2. Кратко — http://rogerdudler.github.io/git-guide/index.ru.html

    3. Pro Git book. Scott Chacon and Ben Straub — https://git-scm.com/book/ru/v1

    4. Шпаргалка от Громова - https://github.com/nicothin/web-development/tree/master/git

    5. GeekBrains — https://geekbrains.ru/courses/66

    6. Руководство Git от wiki.specialistoff.net — http://wiki.specialistoff.net/index.php/Руководство_Git#.D0.92.D0.B2.D0.B5.D0.B4.D0.B5.D0.BD.D0

    7. Видеокурс от Дмитрия Афанасьева — http://simple-training.com/category/git-vcs/ -- короткие видеоуроки + текстовое описание

    8. Hexlet (пользовательский курс ) — https://ru.hexlet.io/courses/git_base

    9. devcolibri.com — https://www.youtube.com/playlist?list=PLIU76b8Cjem5B3sufBJ_KFTpKkMEvaTQR

    10. ITVDN — https://itvdn.com/ru/video/basics-using-git

    11. Специалист.ru — http://www.specialist.ru/course/git

    12. Регистрация на GitHub — https://htmlacademy.ru/blog/84-register-on-github-work-with-console

    13. Работа с Git через консоль — https://htmlacademy.ru/blog/187-git-console

    14. Работа через GitHub Desktop — https://htmlacademy.ru/blog/85-register-on-github-work-with-github-desktop

    15. GitHub как хостинг — https://htmlacademy.ru/blog/99-github-as-hosting

    16. Простое руководство по работе с Git — http://rogerdudler.github.io/git-guide/index.ru.html

  16. Photoshop для верстальщика.

    1. Статья от HTML-Academy - https://htmlacademy.ru/blog/51-photoshop-for-the-coders

    2. Видео от HTML-Academy (Базовый интенсив по HTML/CSS. Урок 3). Николай Громов.

    3. Установка Photoshop CC на Mac - https://www.youtube.com/watch?v=leGPKM9BgkY

    4. Николай Громов (2014 год) - https://www.youtube.com/watch?v=xXv93EpWeyA&list=PLqZTjT2Z9HyJfnApkpKEOJCZdXY_EbDWD&index=1

    5. Артём Исламов - https://coursehunters.net/course/web50. Урок 3.

    6. CSS Hat - плагин, конвертирующий стили фотошопа в код CSS.

    7. Adobe Assets.

  17. Платные интерактивные курсы на HTML-Academy по Флексбоксам.

    1. Флексбокс, часть 1 (31 урок).

    2. Флексбокс, часть 2 (28 уроков).

  • 3149
  • 15 мая 2017, 23:00
Регистрация

Регистрация

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

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

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?