1

Этап 1

Планирование

2

Этап 2

Доверстать страничку

3

Этап 3

Повторить английский

4

Этап 4

Наброски продвижения по цели

5

Этап 5

БЭМ

6

Этап 6

Лекции от Mail.ru [Фронтенд]

7

Этап 7

Выполнить тестовое задание на React

8

Этап 8

Познакомиться с React

1

Этап 1

Планирование

2

Этап 2

Доверстать страничку

3

Этап 3

Повторить английский

4

Этап 4

Наброски продвижения по цели

5

Этап 5

БЭМ

6

Этап 6

Лекции от Mail.ru [Фронтенд]

7

Этап 7

Выполнить тестовое задание на React

8

Этап 8

Познакомиться с React

17 октября 2016

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

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

Общая

Прокачать скилл верстки

Работаю верстальщиком удаленно, fulltime.

Надоело, да и много зависимостей, но понимаю что на данном этапе уйти не могу так как опыт не позволяет(как мне кажется) получать такие деньги в другом месте, не уверен что получится найти другую работу вообще.

В рамках цели хочу раскачать свои skills верстки до уровня, когда я смогу без боязни выйти на freelance или податься в офис с набором сверстанных страниц\сайтов, и списком skills, за которыми будет опыт и практика, за которые будет не стыдно и которые будут доставлять заказчику да и мне самому.

Я думаю что мне нужно:

  1. Адаптивность
  2. т.н. MobileFirst
  3. углубить знания в Git
  4. Допилить свою сборку проекта (nodeJS, gulp etc.)
  5. углубить знания Stylus
  6. углубить знания Pug(ex. Jade)
  7. углубить знания Javascript
  8. углубить знания jQuery
  9. Наконец то разобраться с AJAX
  10. Написать свой grid layout (или содрать с bootstrap :-) )
  11. Вспомнить и углубить знания Bootstrap
  12. Выработать последовательность в работе
  13. Разобраться как работать с сервером - отправка, получение данных
  14. Как делать SPA(например Angular2 или React etc.)
  15. Сделать годное портфолио с кодом в интернете
  16. Разобраться как по максимуму использовать свои инструменты (IDE, OS, графические редакторы).
  17. Кроссбраузерность (мне нравится Flexbox использовать, но заказчик хочет например IE8 :-( )

Сборку свою на nodeJS с svg спрайтами, Pug, Stylus, BrowserSync и прочими плюхами сделал, теперь ее нужно обкатать, что в процессе верстки и наработки портфолио будет делаться, вместе с углублением знаний.
Есть проблемы с Git, которые мешают пушить в github, не могу уже как пару месяцев разобраться(не занимался плотно).
Принцип AJAX понятен, практики 0, нужно исправить, а для этого нужен сервер\ back-end - тоже веселое занятие.
Адаптивность, grid, bootstrap - все из песни быстрой верстки. Заказчику нужно качественно и быстро.
Думаю просто буду верстать попутно разбирая все проблемы что возникают ибо практика всему голова. Но про теорию не забываю и по сему есть в планах одна книга на прочтение. Пока не знаю когда займусь ею. Есть страница наполовину готова - нужно доделать и выложить, что бы в лице подписчиков не быть пустословом.
Так как есть работа и занятия английским, то в планах заниматься этими делами 1-2 часа в день по будням предположительно после работы.

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

Могу круто верстать

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

Пара часов в день,

некоторое знание английского(можно гуглить и с переводчиком искать ответы на англоязычных сайтах),

при нужде можно потратить денег на стоящую литературу или хостинг оплатить,

опыт того на сколько может быть тяжелым самообучение(но есть подозрение что "все впереди" в этом плане).

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

Я становлюсь профессионалом что дает мне больше свободы в выборе в работы, уверенность в своих силах, лучшее отношение к себе, более высокий и стабильный заработок.

  1. Планирование

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

    1. Выбрать как планировать и чем

    2. Выявить и убрать пожиралки времени

  2. Доверстать страничку

    1. Доверстать страницу

    2. выложить на GitHub pages

  3. Повторить английский

    На этой неделе не будет занятий по английскому языку.
    Можно повторить пройденный материал, что бы немного закрепить его.
    А то мы проходим с репетитором все и пока на занятиях то помнится, а потом немного забывается.
    Нужно практиковать.

    1. The present simple

    2. The past simple

    3. The future simple

    4. The present continious

    5. The past continious

  4. Наброски продвижения по цели

    Насмотрелся целей схожих и нашел несколько интересных вещей, которые мне могут быть интересны.
    Соберу информацию, максимально, почитаю отзывы и выберу то что мне понравится для более глубокого ознакомления и\или изучения.

    1. https://www.youtube.com/playlist?list=PLKaafC45L_STHXQvEeFDaOAsNqYRgvG3I - Я.Субботник 2015

    2. http://krekotun.ru/level-up.html - статья "как верстальщику поднять скилл"

    3. https://habrahabr.ru/company/hexlet/blog/308934/ - Новые практические курсы по JavaScript и ES6

    4. https://park.mail.ru/materials/video/#9 - Лекции от Mail.ru [Фронтенд]

    5. ШРИ в Москве 2013

    6. посмотреть про SVG https://www.youtube.com/watch?v=2DRu77MC6Ns&list=PLKaafC45L_STHXQvEeFDaOAsNqYRgvG3I&index=5

  5. БЭМ

    Уже изучал БЭМ и использую именование классов в CSS по этой методологии, но кажется мне можно лучше, по этому посмотрел что есть на смарте по целям веб разрабов и нашел. Простите меня, но я скопипастю часть цели другого пользователя
    1. Документация
    2. Статьи
    3. Учимся любить БЭМ
    4. Проекты на БЭМ - там есть грид на бэм и stylus можно и часть цели выполнить с гридами)
    5. MindBEMding – getting your head ’round BEM syntax - заодно и английский попрактиковать можно
    6. В чем проблема «проблемы БЭМ'а»?
    7. BEM 101 - в добавок к инфе еще и практика английского и давно слышал об этом сайте, познакомлюсь ближе.
    8. bem components - компоненты бэм

  6. Лекции от Mail.ru [Фронтенд]

    Заинтересовали лекции от mail.ru, буду смотреть

    1. ЛЕКЦИЯ №1

    2. ЛЕКЦИЯ №2

    3. ЛЕКЦИЯ №3

    4. ЛЕКЦИЯ №4

    5. ЛЕКЦИЯ №5

    6. ЛЕКЦИЯ №6

    7. ЛЕКЦИЯ №7

    8. ЛЕКЦИЯ №8

    9. ЛЕКЦИЯ №9

    10. ЛЕКЦИЯ №10

    11. ЛЕКЦИЯ №11

    12. ЛЕКЦИЯ №12

  7. Выполнить тестовое задание на React

    1. Перевести страницу задания на русский, полностью понять каждое слово

    2. Сделать задание

  8. Познакомиться с React

    Пора приниматься за дело!

    1. http://andreysalomatin.me/vviedieniie-v-react-js/

    2. http://css-live.ru/articles/na-osvoenie-react-mne-potrebovalas-vsego-nedelya-a-chem-vy-xuzhe.html

    3. https://www.youtube.com/watch?v=gbTSl88k5pk&index=1&list=PLvItDmb0sZw8HZwaeolxxRq3UGpWM3LgW

    4. https://www.youtube.com/playlist?list=PLY4rE9dstrJz3CwptC28Ub9Y3pWIL14mI

    5. https://maxfarseer.gitbooks.io/react-course-ru/content/

    6. https://facebook.github.io/react/tutorial/tutorial.html

    7. https://habrahabr.ru/post/275227/

  • 1464
  • 17 октября 2016, 22:29
Регистрация

Регистрация

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

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

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