1

Etapa 1

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

2

Etapa 2

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

3

Etapa 3

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

4

Etapa 4

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

5

Etapa 5

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

6

Etapa 6

WebReference.

7

Etapa 7

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

8

Etapa 8

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

9

Etapa 9

Другое

10

Etapa 10

Статьи.

11

Etapa 11

Книги.

12

Etapa 12

Сайты.

13

Etapa 13

Видеоуроки.

14

Etapa 14

WordPress

15

Etapa 15

GIT

16

Etapa 16

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

17

Etapa 17

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

1

Etapa 1

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

2

Etapa 2

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

3

Etapa 3

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

4

Etapa 4

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

5

Etapa 5

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

6

Etapa 6

WebReference.

7

Etapa 7

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

8

Etapa 8

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

9

Etapa 9

Другое

10

Etapa 10

Статьи.

11

Etapa 11

Книги.

12

Etapa 12

Сайты.

13

Etapa 13

Видеоуроки.

14

Etapa 14

WordPress

15

Etapa 15

GIT

16

Etapa 16

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

17

Etapa 17

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

15 mayo 2017

El objetivo está desatendido

El autor lleva sin comentar el objetivo 7 años 4 meses 12 días

Autor del objetivo

General

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

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

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

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

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

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

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

 Criterio del fin

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

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

 Recursos personales

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

 Lo ecológico del objetivo

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

  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 уроков).

  • 3164
  • 15 mayo 2017, 23:00
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?