1

Step 1

Получила знания по современным технологиям вёрстки

2

Step 2

Внедрила современные инструменты фронтенд-разработчика.

3

Step 3

Нашла источники информации, чтобы отслеживать все новости в области фронтенд-разработки.

4

Step 4

Получила знания по JavaScript, необходимые для полноценной фронтенд-разработки

5

Step 5

Повторила пройденное ранее и углубилась в PHP

6

Step 6

Освоила натяжку вёрстки на WordPress (создание шаблонов/тем)

7

Step 7

Научилась оптимизировать сайт по скорости работы

8

Step 8

Освоила технологии защиты сайта на WP от возможных внешних воздействий злоумышленников

9

Step 9

Изучила основы современной SEO-оптимизации и освоила инструменты WP, необходимые для качественного SEO

10

Step 10

Научилась проверять/тестировать сайты

11

Step 11

Сделала тренировочный проект для портфолио

12

Step 12

Сделала реальный проект за оплату

1

Step 1

Получила знания по современным технологиям вёрстки

2

Step 2

Внедрила современные инструменты фронтенд-разработчика.

3

Step 3

Нашла источники информации, чтобы отслеживать все новости в области фронтенд-разработки.

4

Step 4

Получила знания по JavaScript, необходимые для полноценной фронтенд-разработки

5

Step 5

Повторила пройденное ранее и углубилась в PHP

6

Step 6

Освоила натяжку вёрстки на WordPress (создание шаблонов/тем)

7

Step 7

Научилась оптимизировать сайт по скорости работы

8

Step 8

Освоила технологии защиты сайта на WP от возможных внешних воздействий злоумышленников

9

Step 9

Изучила основы современной SEO-оптимизации и освоила инструменты WP, необходимые для качественного SEO

10

Step 10

Научилась проверять/тестировать сайты

11

Step 11

Сделала тренировочный проект для портфолио

12

Step 12

Сделала реальный проект за оплату

11 January 2022

Goal abandoned

The author does not write in the goal 2 years 6 months 27 days

General

Получить достаточно знаний и навыков для создания сайтов на WordPress от вёрстки до наполнения

Моя точка отсчёта: устаревшие и подзабытые знания по вёрстке и WordPress и работа на полставки в дижитал-агентстве менеджером проектов (не "моё", но временно так), а также сильное желание сменить сферу и стать веб-разработчиком в том же агентстве.

Для этого я хочу:

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

- освоить автоматизацию и оптимизацию процесса вёрстки и разработки сайта в целом;

- освоить базу по JavaScript для фронтенда;

- научиться правильно натягивать вёрстку на WordPress (создавать шаблоны/темы). Базовые знания по php имеются;

- научиться оптимизировать сайт по скорости работы;

- обеспечивать защиту сайта от возможных внешних воздействий злоумышленников;

- подготавливать сайт к SEO-оптимизации.

Этапы цели находятся в процессе формирования. Когда будут сформированы, удалю эту надпись.


На фото: я в общаге универа работаю над дипломом по специальности "Вычислительные машины, комплексы, системы и сети", 2007 г., г. Тула.

 Goal Accomplishment Criteria

Сделала сайт (вёрстка, натяжка на WP, настройка нужного функционала, наполнение) и получила за него деньги.

 Personal resources

Время: 2-4 часа в день.

Деньги: до 5000 руб/мес.

Информация: обучающие курсы, видео и статьи в интернете.

Знания: база HTML, CSS, JS, PHP, WP.

 Goal ecological compatibility

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

  1. Получила знания по современным технологиям вёрстки

    Семантичная. Адаптивная. Кроссбраузерная. +Методология.

    • Прошла тренажёры на HTML Academy, сделала конспект от руки.
    • Освоила специализированные навыки (углубление в более профессиональную вёрстку).
    • Выполнила тренировочные проекты по вёрстке и добавила их в портфолио.
    1. Просмотрела скопившиеся ссылки на другие обучения и выбрала (или нет) дополнительный источник информации. Если таковой будет, то добавлю.

    2. Конспект: Знакомство с веб-разработкой (3 части)

    3. Конспект: Знакомство с HTML и CSS (5 частей)

    4. Освоила платный навык "Создание семантической разметки по макету".

    5. Конспект: Знакомство с JavaScript (4 ч)

    6. Конспект: Знакомство с PHP (4)

    7. Пройти+Конспект: Погружение в HTML и CSS (3/59)

    8. Пройти+Конспект: Продвинутый HTML и CSS (8/162)

    9. Пройти+Конспект: Великий Кексби, этап 1 (6/64)

    10. Пройти+Конспект: Построение сеток (5/144)

    11. Пройти+Конспект: Декоративные эффекты (6/131)

    12. Пройти+Конспект: Мастерские (3/77)

    13. Пройти+Конспект: Великий Кексби, этап 2 (7/102)

    14. Пройти+Конспект: Основы SVG (3/50)

    15. Пройти+Конспект: Динамические эффекты (2/60)

    16. Пройти+Конспект: Препроцессор Less (2/44)

    17. Пройти+Конспект: Сборник: Тонкости CSS (4/95)

    18. Освоила навык "Вёрстка карточных элементов интерфейса"

    19. Выполнила тренировочный проект по вёрстке "Дизайнерская мебель"

  2. Внедрила современные инструменты фронтенд-разработчика.

    Автоматизация и оптимизация процесса вёрстки.

    1. Настроила редактор кода (VS Code)

    2. Разобралась как устроена Figma и научилась быстро работать с макетами

    3. Освоила препроцессоры

    4. Разобралась с шаблонизаторами

    5. Уверенно работаю с Git

  3. Нашла источники информации, чтобы отслеживать все новости в области фронтенд-разработки.

  4. Получила знания по JavaScript, необходимые для полноценной фронтенд-разработки

    Необходимо умение реализовывать любые визуальные эффекты и интерактивные процессы на клиентской стороне сайта.

    Наверно, мне пригодится сайт https://learn.javascript.ru/

    1. Пройти+Конспект: Программирование на JavaScript (6/183) - Тренажёры Академии

    2. Пройти+Конспект: Погружение в браузерный JavaScript (3/66) - Тренажёры Академии

  5. Повторила пройденное ранее и углубилась в PHP

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

    Дополнительные ссылки:

    1. Бесплатный курс Ключевые аспекты веб-разработки на PHP
    2. Перевод учебника по PHP от W3schools (есть доп.разделы: ООП, XML и т.д.). Тут другой перевод. Первоисточник: https://www.w3schools.com/php/ Вопросы и ответы на Quora
    3. PHP для продвинутых
    1. Повторила пройденный ранее курс

    2. На базе курса сделала сайт

    3. Ознакомилась с информацией из курса "Ключевые аспекты веб-разработки на PHP"

    4. Ознакомилась с информацией по доп. ссылке №2

    5. Ознакомилась с информацией по доп. ссылке №3

  6. Освоила натяжку вёрстки на WordPress (создание шаблонов/тем)

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

    1. Закончила курс по WP => получила собственноручно написанный конспект.

    2. Сделала на основе полученных знаний проект для портфолио (натяжка готовой вёрстки на WP).

  7. Научилась оптимизировать сайт по скорости работы

    Проверяю скорость работы сайта популярными проверенными сервисами и достигаю "зелёной" зоны.

    1. Изучила статью https://habr.com/ru/company/htmlacademy/blog/585866/

  8. Освоила технологии защиты сайта на WP от возможных внешних воздействий злоумышленников

  9. Изучила основы современной SEO-оптимизации и освоила инструменты WP, необходимые для качественного SEO

    Есть ли качественные плагины?

  10. Научилась проверять/тестировать сайты

    На соответствие вёрстки макету, на корректность работы функционала, на защиту от атак и взломов и т.п.

  11. Сделала тренировочный проект для портфолио

    А лучше несколько. Для этого нужно найти бесплатные макеты с современным дизайном, сверстать, натянуть на WP, отладить и настроить (устранить ошибки, проверить скорость, обеспечить безопасность, SEO-оптимизировать).

    1. Лендинг

    2. Сайт-визитка/блог

    3. Сайт- портфолио

    4. Интернет-магазин

  12. Сделала реальный проект за оплату

    Взяла интересный проект, сделала (от вёрстки до заполнения контентом), сдала в срок, получила оплату.

    1. Взяла проект (фриланс)

    2. Сделала вёрстку

    3. Сделала натяжку

    4. Настроила всё необходимое

    5. Всё проверила

    6. Сдала и получила оплату

  • 942
  • 11 January 2022, 19:40
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?