1

Step 1

HTML

2

Step 2

CSS

3

Step 3

HTML/ CSS/ Верстка

4

Step 4

Онлайн инструменты для верстки

5

Step 5

Дополнительные языки разметки

6

Step 6

HTML/ CSS Препроцессоры

7

Step 7

HTML/ CSS Фреймворки/ Библиотеки и проч.

8

Step 8

Java Script

9

Step 9

Системы контроля версий

10

Step 10

Полезный софт: IDE/ Текстовые и графические релакторы

11

Step 11

PHP/ SQL

12

Step 12

Кошерный код

13

Step 13

Документирование кода

14

Step 14

Тестирование

15

Step 15

Паттерны проектирования

16

Step 16

CMS

17

Step 17

Time Managment / ToDo и все в таком духе...

18

Step 18

Общая информация

19

Step 19

Познать дзен :)

20

Step 20

Photoshop

1

Step 1

HTML

2

Step 2

CSS

3

Step 3

HTML/ CSS/ Верстка

4

Step 4

Онлайн инструменты для верстки

5

Step 5

Дополнительные языки разметки

6

Step 6

HTML/ CSS Препроцессоры

7

Step 7

HTML/ CSS Фреймворки/ Библиотеки и проч.

8

Step 8

Java Script

9

Step 9

Системы контроля версий

10

Step 10

Полезный софт: IDE/ Текстовые и графические релакторы

11

Step 11

PHP/ SQL

12

Step 12

Кошерный код

13

Step 13

Документирование кода

14

Step 14

Тестирование

15

Step 15

Паттерны проектирования

16

Step 16

CMS

17

Step 17

Time Managment / ToDo и все в таком духе...

18

Step 18

Общая информация

19

Step 19

Познать дзен :)

20

Step 20

Photoshop

09 February 2015

Goal abandoned

The author does not write in the goal 7 years 7 months 1 day

Goal author

Лена

Czech Republic

9 years old

General

Хочу стать профессионалом в области веб-разработки

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

Более того, даже факт достижения цели не сможет перенести ее в ящик с выполненными делами, ведь это опять станет первым шагом на пути в ту же самую вебразработку только уже в несколько другой роли. Поэтому, я заранее решила никогда не завершать эту цель, а каждый этап сделать ссылкой на ту часть над которой я работаю в данный момент. Мне кажется, что такой подход поможет немножко лучше структурировать получаемую информацию и оценить, куда еще надо чего-то подучить еще и визуально. Подэтапы будут завершаться вместе с целью, на которую они ссылаются. Таким образом, получается неплохой todo, но без времени и напоминаний, но мне это, как бы и не нужно... Кроме этого, решила повнимательнее следить за полезностью ссылок и правильностью очередности их размещения, таким образом, надеюсь, что мой todo будет полезен не только для меня, но и для подписчиков:) В качестве дополнения замечу, что в цель буду заносить не просто полезные или хорошие, а именно необходимые ресурсы, чтобы не превратить список в гугл:) Просто хорошие возможно буду добавлять в комменты...

Здесь же буду записывать более или менее определенные планы на будущее. Те из них, которым суждено воплотиться в жизнь, получат ссылку на новую цель. Остальные так и будут висеть в планах, дабы мозолить мой мозг в качестве незавершенных дел. Если это все будет в одном видном месте то, наверное, получит дополнительные шансы на реализацию. По крайней мере, я очень на это надеюсь.

PS Наш чат: Всем, кто дочитал - сердечное велкам: https://smartprogressdev.herokuapp.com/ (после ввода email прилетит приглашение на регистрацию, а дальше все просто).

 Goal Accomplishment Criteria

Это навсегда :)

 Personal resources

Желание, а все остальное прилагается

 Goal ecological compatibility

С экологичностью не сошлось :) Возраст немного подкачал, да и задачка не из легких, но в конце концов, не могу же я сесть на диван и смотреть новости, когда можно закатать рукава и творить такую красоту?))) Только немножко подучиться...

  1. HTML

    Попыталась впихнуть повторение-изучение HTML/ HTML5 и Практику в одну цель, но уже ясно как белый день, что это была плохая идея. "Практика" выросла в реальный не маленький проект, который, вроде как, имеет право на жизнь, поэтому цель будет разделена на два этапа: теоретический, который уже почти завершен, и практический, который начну после. Он будет заключаться в приведении кода в божеский, на мой сегодняшний уровень знаний, вид. Судя по всему, начинается уже начался обещанный стыд за написанное и вечное желание все переписать))) Чтож, попробую и это, так как опыт - это штука полезная, которая приобретается и таким способом тоже.

    Учить можно по абсолютно любому учебнику на котором написано что-то об HTML, но только не "создать сайт за 15 минут" :) Будет достаточно прочитать, не зазубривая теги - их всегда можно подсмотреть в интернете, но, не забывая при этом о практике. Если только читать, то через некоторое время (месяц - два) придется читать опять. HTML-а можно сколько угодно бояться, но не знать его невозможно. Все малопонятные моменты, если таковые имеются, развеются как дым во время изучения CSS и верстки. Это было об обычном HTML - для веб-страниц (таблицы, формы, списки...). HTML5 по моему личному опыту, лучше отложить на "после Java Script" - это стек технологий, который лично я считаю отдельным скиллом, относящимся больше к продвинутому JS, чем HTML. Читать его не зная программирования бесполезно, а учить слишком трудно.

    1. Основы HTML (https://webref.ru/course/html-basics)

    2. Содержимое в HTML (https://webref.ru/course/html-content)

    3. Формы в HTML (https://webref.ru/course/html5-form)

    4. Справочник по тегам HTML (https://webref.ru/html)

    5. Моя цель: HTML/ HTML5: Теория (https://smartprogress.do/goal/123728/)

    6. Canvas: Тренажер: https://github.com/smart-com/canvas-editor

    7. Веб-компоненты: Аккордеон на веб-компонентах: https://github.com/smart-com/web-accordion

  2. CSS

    Собрала в кучу теорию, теперь буду применять ее на практике, когда начну приводить в порядок проект по HTML5. Вообще проект случайно получился настолько огромный, что его уже бросать жалко. Зря я разогналась, уж очень много времени уходит... Давно пора к какому-нибудь лессу переходить... Ладно, знал бы где упадешь... Идем дальше, и будь что будет. Параллельно придется тянуть еще тонну верстки, которую тоже бросить нельзя... Меня, наверное и могила не исправит)))))

    1. HTML-Academy : https://htmlacademy.ru

    2. Моя цель: CSS Теория: (https://smartprogress.do/goal/125676/)

    3. Моя цель: Верстка Теория (https://smartprogress.do/goal/136139/)

  3. HTML/ CSS/ Верстка

    1. Уроки HTML и CSS (https://webref.ru/layout/learn-html-css/first-web-page)

    2. Как верстать на HTML5 и CSS3 (https://webref.ru/layout/howtocodeinhtml)

    3. Продвинутые уроки по HTML и CSS (https://webref.ru/layout/advanced-html-css)

    4. Моя цель: HTML/ CSS/ Верстка - Практика (https://smartprogress.do/goal/150671/)

    5. Тоже база верстки, но понятнее: http://softwaremaniacs.org/blog/category/primer/

    6. Простейшие макеты: http://blog.html.it/layoutgala/index.html

    7. Дотянуть: https://learn.javascript.ru/css-for-js

    8. Free CodeCamp : Портфолио: https://github.com/smart-com/portfolio

  4. Онлайн инструменты для верстки

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

  5. Дополнительные языки разметки

    Не могу сказать, насколько нужно знать что-то кроме HTML, но писать ReadMe обычным текстом как-то странно. Поэтому, как минимум - Markdown. Изучение его синтаксиса занимает пол часа времени. Уж нашла как-нибудь)

    1. Markdown

  6. HTML/ CSS Препроцессоры

    1. Jade

    2. LESS : Переписала портфолио :: http://codepen.io/leana/full/bEMGdQ/ Не довольна.

    3. SASS

  7. HTML/ CSS Фреймворки/ Библиотеки и проч.

    1. Bootstrap

    2. Tork: https://github.com/smart-com/tork

  8. Java Script

    Для начала хоть javascript.ru прочитаю, дальше видно будет... Только писать все равно нельзя. Насчет практики... Задачки с алгоритмами я уже давно не решаю. Хватит. Практикой по JS я решила убить двух зайцев - на JS напишу серию демок или еще чего-нить в таком духе на 5-м HTML. В нем JS больше, чем HTML, а кроме этого, серия довольно полезных для веба API - работа с файлами, работа с базой данных, веб-компоненты... ну и Канвас, черт с ним - пусть уже будет для полноты эксперимента. Думаю, там будут задействованы ну не все, но большая часть магии JS. Попробую использовать по максимуму, а получится то, на что знаний хватит...

    1. JavaScript.ru (​https://smartprogress.do/goal/123955/)

  9. Системы контроля версий

    1. Learn Git Branching

  10. Полезный софт: IDE/ Текстовые и графические релакторы

    Я использую разные средства для написания кода. Такой подход мне кажется наиболее оптимальным, так у каждой программы, будь это любой обычный редактор или громоздкая IDE есть свои плюсы и минусы. Плюс туча плагинов и расширений ко всему этому. Я пытаюсь использовать только плюсы, а знаю их не так уж и много. Я давно откладываю более подробное изучение моих рабочих инструментов "на потом". Откладывать надоело. Поэтому здесь будет новый вечный этап - изучение рабочих инструментов.

    1. Ubuntu: (https://smartprogress.do/goal/154633/) В отдельный пункт выделять не буду, так как софт одинаковый

    2. NetBeans (https://smartprogress.do/goal/136025/)

    3. PHP Storm

    4. Gimp

    5. Brackets: Плагины (https://smartprogress.do/goal/140512/)

    6. Sublime

    7. Atom

    8. PHP Storm

    9. Aptana Studio

    10. Eclipse

    11. Visual Studio

  11. PHP/ SQL

    Пока что пишу вместе, так как выглядит, что мое внимание направлено скорее в сторону ноды. Сейчас в планах краткое ознакомление. Дальше видно будет.

    1. PHP - Общая информация: - professorWEB

    2. PDO : Библиотека для работы с базами данных : http://phpfaq.ru/pdo

    3. Сессии: Подробное описание работы и объяснение механизма : http://phpfaq.ru/sessions

    4. Отладка: xDebug - одним глазом разобраться

    5. Документация: PHPDoc - раз уже влезла в это болото...

    6. Тесты: PHP-Unit

    7. Шаблонизатор: Smarty - Документация (https://smartprogress.do/goal/138393/)

    8. SQL-Теория: ШАГ Уроки (https://smartprogress.do/goal/127212/)

    9. Практика: bikeCMS: https://smartprogress.do/goal/144809/

  12. Кошерный код

    Здесь будет сборник из разнообразных руководств по codestyle, рефакторингу и т.д. Хоть это и не кажется обязательным, но после того, как первый раз попробуешь что-то изменить хоть даже и в своем же коде, моментально понимаешь насколько это полезный навык. Есть много полезнейших книг на эту тему, но я пока что попробую обойтись без них.

    1. Рефакторинг. Прочитать здесь: https://refactoring.guru/ru

  13. Документирование кода

    1. JS-Doc

  14. Тестирование

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

    1. Karma + Mocha + Chai

  15. Паттерны проектирования

    1. MVC

    2. Наблюдатель

  16. CMS

    1. WordPress (https://smartprogress.do/goal/152626/)

  17. Time Managment / ToDo и все в таком духе...

    • PrimaERP - чешский сервис полностью русифицирован, полностью бесплатен без ограничений функционала. В бесплатную версию входит даже поддержка!!! Учитывать можно все, что душе угодно - разветвленная система проектов, деятельностей и бог знает чего еще. Настолько разветвленная, что я не могу найти время, чтобы разобраться в блоке отчетности. Он на первом месте по доступному функционалу.
    • Trello - в представлении не нуждается. Ограниченного функционала вполне достаточно, чтобы управлять проектами, вызвал уважение, но не восторг. Оба пока что отодвигаю, хочу найти тот, который ждет именно меня :)))
    • CheckVist - позиционирует себя как туду для гиков. После нескольких недель использования показалось, что это только по причине того, что он полностью управляем при помощи клавиатуры. Справа - шорткаты, поэтому довольно удобно. Сама идея - неограниченное количество списков, которые можно как угодно вкладывать друг в друга и добавлять к ним теги. Подойдет для кого угодно, но мне тоже не так чтобы очень, потому что эти списки, когда их становится много, начинают уж очень мельтешить в глазах... Trelllo нагляднее.
    1. PrimaERP : https://www.primaerp.com/ru_ru/

    2. CheckVist : https://checkvist.com/auth/index

    3. Trello : https://trello.com

    4. Битрикс-24 : https://www.bitrix24.ru/prices/all.php

  18. Общая информация

    Здесь будет все то, что касается процесса разработки вообще, а не только отдельной технологии.

    • Free Code Camp - очень похожи на все остальные курсы такого же плана, но отличаются акцентом на практику, а конкретнее - на составление портфолио, которое довольно часто является конкретной головной болью. Они обещают от нее полное избавление. Сама их только прохожу причем, начала довольно недавно, но уже в восторге от первого задания - оно не самое легкое, но выполнимое + с примером в котором можно подсмотреть все, что нужно.
    • Яндекс-ШРИ - Видео-запись лекций от родного поисковика. Ориентация тоже не совсем на начинающих. Они неплохо дают понятие о процессе профессиональной разработке. Все, что у них называется основы, не так основы, как скорее самые важные моменты, часто использующиеся в работе яндексоидами. Прослушать не помешает, так как это все равно лучше 90% видео на ютубе, но вот, до чего я никак не могу найти время, так это для pdf-презентаций, которые можно скачать под каждой лекцией - вот вам и пошаговый план работы над навыками необходимыми для веб-разработчика огромной компании... А это то, к чему мы все здесь стремимся - будь то работа или уровень знаний.
    1. Free Code Camp: http://www.freecodecamp.com

    2. ШРИ Яндекс-2012 (https://smartprogress.do/goal/136033/)

    3. ШРИ Яндекс-2013 Екатеринбург (https://smartprogress.do/goal/137079/)

    4. ШРИ Яндекс-2013 Москва (https://smartprogress.do/goal/138753/)

    5. ШРИ Яндекс-2013 в Симферополе

    6. Яндекс Школа вебмастеров

  19. Познать дзен :)

  20. Photoshop

    Освоение Photoshop начала с пошаговых тьюториалов по созданию дизайна несложных сайтов. Считаю, что теория отлично ляжет на знания, полученные практическим путем. По просьбам подписчиков здесь выложу скрины выполненных psd макетов :)

  • 32567
  • 09 February 2015, 11:35
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?