1

Етап 1

Составление начального плана обучения.

29 серпня—31 серпня

2

Етап 2

Основы HTML и CSS. Изучить пособие по HTML от Mozilla Developer Network

30 серпня—31 серпня

3

Етап 3

Основы HTML и CSS. Изучить пособие по CSS от Mozilla Developer Network

30 серпня—31 серпня

4

Етап 4

Основы HTML и CSS. HTML Academy. Базовые курсы.

30 серпня—01 вересня

5

Етап 5

Пройти курс "Создай сайт" от CodeAcademy

01 вересня—02 вересня

6

Етап 6

Основы HTML и CSS. Пройти курс "Построение веб-форм" от CodeAcademy

02 вересня—03 вересня

7

Етап 7

Основы HTML и CSS. Просмотреть LearnLayout - раскладки на HTML и CSS.

8

Етап 8

Немного о дизайнерском чутье

9

Етап 9

Основы HTML и CSS. Практика в CSS - "CSS Diner"

30 серпня—03 вересня

10

Етап 10

Систематизировать имеющиеся знания по английскому языку и получить новые

28 серпня—29 вересня

11

Етап 11

Основы HTML и CSS. Google Fonts

12

Етап 12

Сопутствующая цель - Photoshop

03 вересня—10 вересня

13

Етап 13

Уроки по фреймворку Bootstrap

08 вересня—10 вересня

14

Етап 14

Практика основ HTML и CSS. Эксперимент 1

10 вересня—15 вересня

15

Етап 15

Практика основ HTML и CSS. Эксперимент 2

15 вересня—25 вересня

16

Етап 16

Лучшие практики HTML и CSS

25 вересня—30 вересня

17

Етап 17

Отработка лучших практик HTML и CSS. Эксперимент 3

30 вересня—05 жовтня

18

Етап 18

Эксперимент 4. Сайт-портфолио.

05 жовтня—20 жовтня

19

Етап 19

Составление дальнейшего плана обучения

20 жовтня—25 жовтня

20

Етап 20

Для заметок:

21

Етап 21

Программы и инструменты (информация)

1

Етап 1

Составление начального плана обучения.

29 серпня—31 серпня

5

Етап 5

Пройти курс "Создай сайт" от CodeAcademy

01 вересня—02 вересня

6

Етап 6

Основы HTML и CSS. Пройти курс "Построение веб-форм" от CodeAcademy

02 вересня—03 вересня

12

Етап 12

Сопутствующая цель - Photoshop

03 вересня—10 вересня

14

Етап 14

Практика основ HTML и CSS. Эксперимент 1

10 вересня—15 вересня

15

Етап 15

Практика основ HTML и CSS. Эксперимент 2

15 вересня—25 вересня

16

Етап 16

Лучшие практики HTML и CSS

25 вересня—30 вересня

17

Етап 17

Отработка лучших практик HTML и CSS. Эксперимент 3

30 вересня—05 жовтня

18

Етап 18

Эксперимент 4. Сайт-портфолио.

05 жовтня—20 жовтня

19

Етап 19

Составление дальнейшего плана обучения

20 жовтня—25 жовтня

2

Етап 2

Основы HTML и CSS. Изучить пособие по HTML от Mozilla Developer Network

30 серпня—31 серпня

13

Етап 13

Уроки по фреймворку Bootstrap

08 вересня—10 вересня

3

Етап 3

Основы HTML и CSS. Изучить пособие по CSS от Mozilla Developer Network

30 серпня—31 серпня

4

Етап 4

Основы HTML и CSS. HTML Academy. Базовые курсы.

30 серпня—01 вересня

7

Етап 7

Основы HTML и CSS. Просмотреть LearnLayout - раскладки на HTML и CSS.

8

Етап 8

Немного о дизайнерском чутье

11

Етап 11

Основы HTML и CSS. Google Fonts

20

Етап 20

Для заметок:

21

Етап 21

Программы и инструменты (информация)

9

Етап 9

Основы HTML и CSS. Практика в CSS - "CSS Diner"

30 серпня—03 вересня

10

Етап 10

Систематизировать имеющиеся знания по английскому языку и получить новые

28 серпня—29 вересня

28 серпня 2016 25 жовтня 2016
Ціль прострочена на 2951 день
Детально Стисло

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

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

Автор мети

Jana

Україна

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

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

Загальна

Освоить Front-end разработку

Цель будет дополняться по мере получения информации.

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

- способность без затруднений преобразовать макет в полноценный сайт, при этом учитывая требования к экологичности кода;

- работа и/или фриланс в сфере Front-end.

 Особисті ресурси

На данный момент я нахожусь ну просто в идеальных условиях для достижения данной цели.

У меня есть достаточно времени для освоения темы.

Я освобождена от необходимости заботиться о заработке для выживания и могу сосредоточиться на приобретении знаний и поиске подходящей работы в будущем.

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

Есть целый интернет для поиска информации.

 Екологічність мети

Эта сфера является для меня наиболее приоритетной по сочетанию "интересная работа/приятная оплата"

  1. Составление начального плана обучения.

  2. Основы HTML и CSS. Изучить пособие по HTML от Mozilla Developer Network

    https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Introduction

  3. Основы HTML и CSS. Изучить пособие по CSS от Mozilla Developer Network

    https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Getting_started/What_is_CSS

  4. Основы HTML и CSS. HTML Academy. Базовые курсы.

    Просмотреть конспекты и вспомнить пройденное.

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

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

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

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

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

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

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

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

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

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

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

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

    13. Сетки

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

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

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

  5. Пройти курс "Создай сайт" от CodeAcademy

    https://www.codecademy.com/learn/make-a-website

  6. Основы HTML и CSS. Пройти курс "Построение веб-форм" от CodeAcademy

    https://www.codecademy.com/courses/web-beginner-en-Vfmnp/0/2?curriculum_id=50b91eda28c2fb212300039e

  7. Основы HTML и CSS. Просмотреть LearnLayout - раскладки на HTML и CSS.

    http://ru.learnlayout.com/toc.html

  8. Немного о дизайнерском чутье

    https://medium.com/russian/%D1%80%D0%B0%D0%B7%D0%B2%D0%B8%D0%B2%D0%B0%D0%B5%D0%BC-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D1%81%D0%BA%D0%BE%D0%B5-%D1%87%D1%83%D1%82%D1%8C%D0%B5-b7cac4a84b56#.3ahoxan6y

  9. Основы HTML и CSS. Практика в CSS - "CSS Diner"

    http://flukeout.github.io/

  10. Систематизировать имеющиеся знания по английскому языку и получить новые

    1. Имитация цели-привычки: 01.09.15

    2. Имитация цели-привычки: 02.09.16

    3. Имитация цели-привычки: 03.09.16

    4. Имитация цели-привычки: 04.09.16

    5. Имитация цели-привычки: 05.09.16

    6. Имитация цели-привычки: 06.09.16

    7. Имитация цели-привычки: 07.09.16

    8. Имитация цели-привычки: 08.09.16

    9. Имитация цели-привычки: 09.09.16

    10. Имитация цели-привычки: 10.09.16

    11. Имитация цели-привычки: 11.09.16

    12. Имитация цели-привычки: 12.09.16

    13. Имитация цели-привычки: 13.09.16

    14. Имитация цели-привычки: 14.09.16

    15. Систематизация имеющихся знаний. Полиглот

  11. Основы HTML и CSS. Google Fonts

    1. Руководство по Google Font API (http://2web-master.ru/rukovodstvo-po-google-font-api.html)

    2. Basics of Google Font API (https://css-tricks.com/snippets/css/basics-of-google-font-api/)

    3. "Professional Web" Donny Truong (https://prowebtype.com/) - книга о типографике+практика английского

  12. Сопутствующая цель - Photoshop

    Самые базовые основы - порезать макет.

    1. Установить Photoshop

    2. Найти онлайн-уроки по основам Photoshop

    3. Пройти эти онлайн уроки

  13. Уроки по фреймворку Bootstrap

    1. 1

    2. 2

    3. 3

    4. 4

    5. 5

    6. 6

    7. 7

    8. 8

  14. Практика основ HTML и CSS. Эксперимент 1

    Сверстать 10 макетов по дизайнам Dribbble в CodePen

    http://codepen.io/

    https://dribbble.com/

    1. https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147

    2. https://dribbble.com/shots/2492038-Task-List-App/attachments/489171

    3. https://dribbble.com/shots/2144170-Day-014-Location-Card/attachments/392323

    4. https://dribbble.com/shots/2639709-Confirm-Reservation/attachments/528798

    5. https://dribbble.com/shots/2314157-Daily-UI-Day-1/attachments/439137

    6. шестой

    7. седьмой

    8. восьмой

    9. девятый

    10. десятый

  15. Практика основ HTML и CSS. Эксперимент 2

    Верстаем части красивых сайтов.

    1. Dropbox for Business: секция баннеров

    2. AirBnB: футер

    3. PayPal: навигация

    4. Invision: секция регистрации

    5. Stripe: Попробуйте повторить секцию оплаты

    6. шестой

    7. седьмой

    8. восьмой

    9. девятый

    10. десятый

  16. Лучшие практики HTML и CSS

    1. Толковая статья (https://medium.com/@ABatickaya/%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B5-%D0%B8-%D0%BF%D0%BB%D0%BE%D1%85%D0%B8%D0%B5-css-%

    2. Основы семантической верстки на HTML5 (http://zaurmag.ru/priemy-verstki-html-css/osnovy-semanticheskoj-verstki-na-html5.html)

    3. Для чего нужна семантика в именах классов (https://css-tricks.com/semantic-class-names/)

    4. Правильный CSS: OOCSS, SMACSS, BEM и SASS (http://codezona.com/css3-rules-oocss.html)

    5. OOCSS, ACSS, BEM, SMACSS: что это? Что мне использовать? (http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/)

    6. Информация о сбросе CSS

    7. Кроссбраузерная поддержка. Вендорные префиксы (Вендорные префиксы).

    8. Препроцессоры и постпроцессоры CSS

    9. Система сеток и отзывчивость

    10. Почему Mobile First? (https://habrahabr.ru/post/269419/)

    11. Фреймворки Bootstrap, Skeleton и Foundation - общая информация

  17. Отработка лучших практик HTML и CSS. Эксперимент 3

    1. CSS архитектура: рефакторинг CSS (https://www.sitepoint.com/css-architectures-refactor-your-css/)

    2. Провести рефакторинг 3х прошлых проектов с учетом новых знаний.

    3. Переписать дипломный сайт с нуля с учетом новых знаний.

  18. Эксперимент 4. Сайт-портфолио.

    1. Adham Dannaway "Мой (простой) процесс дизайна и разработки сайта-портфолио" (https://www.smashingmagazine.com/2013/06/workflow-des

    2. Разработка дизайна

    3. Верстка

    4. Тестирование и сбор отзывов

    5. Отладка

    6. Наполнение контентом

  19. Составление дальнейшего плана обучения

  20. Для заметок:

    1. попиксельная верстка?

  21. Программы и инструменты (информация)

    1. Sublime Text - Обзор и настройка редактора https://www.youtube.com/watch?v=LrM1r23bBxs&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index

  • 1747
  • 28 серпня 2016, 22:13


Мета у складі групи

Фронтенд

  • 271

    учасник

  • 356

    цілей
Реєстрація

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

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

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

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

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

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

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

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

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

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

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

Командна
мета

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

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

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

    основатель

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

    основатель