Мета закинута
Автор не відписував в цілі 3 року 6 месяців 5 днів
Получить достаточно знаний и навыков для создания сайтов на WordPress от вёрстки до наполнения
Моя точка отсчёта: устаревшие и подзабытые знания по вёрстке и WordPress и работа на полставки в дижитал-агентстве менеджером проектов (не "моё", но временно так), а также сильное желание сменить сферу и стать веб-разработчиком в том же агентстве.
Для этого я хочу:
- подтянуть знания по современным технологиям вёрстки (семантичная, адаптивная, кроссбраузерная), потому что несколько лет не занималась ей;
- освоить автоматизацию и оптимизацию процесса вёрстки и разработки сайта в целом;
- освоить базу по JavaScript для фронтенда;
- научиться правильно натягивать вёрстку на WordPress (создавать шаблоны/темы). Базовые знания по php имеются;
- научиться оптимизировать сайт по скорости работы;
- обеспечивать защиту сайта от возможных внешних воздействий злоумышленников;
- подготавливать сайт к SEO-оптимизации.
Этапы цели находятся в процессе формирования. Когда будут сформированы, удалю эту надпись.
На фото: я в общаге универа работаю над дипломом по специальности "Вычислительные машины, комплексы, системы и сети", 2007 г., г. Тула.
Критерій завершення
Сделала сайт (вёрстка, натяжка на WP, настройка нужного функционала, наполнение) и получила за него деньги.
Особисті ресурси
Время: 2-4 часа в день.
Деньги: до 5000 руб/мес.
Информация: обучающие курсы, видео и статьи в интернете.
Знания: база HTML, CSS, JS, PHP, WP.
Екологічність мети
Я уже достаточно лет "ищу себя" (а на самом деле нашла ещё в школе!) и постоянно возвращаюсь к данному виду деятельности, поэтому делаю вывод, что это "моё", и стоит уже приложить усилия, проявить упорство и терпение в достижении цели и получении, наконец, ощутимого результата в виде дохода за своё любимое дело.
-
Получила знания по современным технологиям вёрстки
Семантичная. Адаптивная. Кроссбраузерная. +Методология.
- Прошла тренажёры на HTML Academy, сделала конспект от руки.
- Освоила специализированные навыки (углубление в более профессиональную вёрстку).
- Выполнила тренировочные проекты по вёрстке и добавила их в портфолио.
-
Просмотрела скопившиеся ссылки на другие обучения и выбрала (или нет) дополнительный источник информации. Если таковой будет, то добавлю.
-
Конспект: Знакомство с веб-разработкой (3 части)
-
Конспект: Знакомство с HTML и CSS (5 частей)
-
Освоила платный навык "Создание семантической разметки по макету".
-
Конспект: Знакомство с JavaScript (4 ч)
-
Конспект: Знакомство с PHP (4)
-
Пройти+Конспект: Погружение в HTML и CSS (3/59)
-
Пройти+Конспект: Продвинутый HTML и CSS (8/162)
-
Пройти+Конспект: Великий Кексби, этап 1 (6/64)
-
Пройти+Конспект: Построение сеток (5/144)
-
Пройти+Конспект: Декоративные эффекты (6/131)
-
Пройти+Конспект: Мастерские (3/77)
-
Пройти+Конспект: Великий Кексби, этап 2 (7/102)
-
Пройти+Конспект: Основы SVG (3/50)
-
Пройти+Конспект: Динамические эффекты (2/60)
-
Пройти+Конспект: Препроцессор Less (2/44)
-
Пройти+Конспект: Сборник: Тонкости CSS (4/95)
-
Освоила навык "Вёрстка карточных элементов интерфейса"
-
Выполнила тренировочный проект по вёрстке "Дизайнерская мебель"
-
Внедрила современные инструменты фронтенд-разработчика.
Автоматизация и оптимизация процесса вёрстки.
-
Настроила редактор кода (VS Code)
-
Разобралась как устроена Figma и научилась быстро работать с макетами
-
Освоила препроцессоры
-
Разобралась с шаблонизаторами
-
Уверенно работаю с Git
-
-
Нашла источники информации, чтобы отслеживать все новости в области фронтенд-разработки.
-
Получила знания по JavaScript, необходимые для полноценной фронтенд-разработки
Необходимо умение реализовывать любые визуальные эффекты и интерактивные процессы на клиентской стороне сайта.
Наверно, мне пригодится сайт https://learn.javascript.ru/
-
Пройти+Конспект: Программирование на JavaScript (6/183) - Тренажёры Академии
-
Пройти+Конспект: Погружение в браузерный JavaScript (3/66) - Тренажёры Академии
-
-
Повторила пройденное ранее и углубилась в PHP
Пару лет назад прошла курс по php, однако без практики многое забылось, хочу повторить. Затем пойти глубже в тонкости разработки на php.
Дополнительные ссылки:
- Бесплатный курс Ключевые аспекты веб-разработки на PHP
- Перевод учебника по PHP от W3schools (есть доп.разделы: ООП, XML и т.д.). Тут другой перевод. Первоисточник: https://www.w3schools.com/php/ Вопросы и ответы на Quora
- PHP для продвинутых
-
Повторила пройденный ранее курс
-
На базе курса сделала сайт
-
Ознакомилась с информацией из курса "Ключевые аспекты веб-разработки на PHP"
-
Ознакомилась с информацией по доп. ссылке №2
-
Ознакомилась с информацией по доп. ссылке №3
-
Освоила натяжку вёрстки на WordPress (создание шаблонов/тем)
Шаблон должен соответствовать стандартной иерархии файлов WP, быть полностью функциональным и максимально доступным с точки зрения наполнения контентом.
-
Закончила курс по WP => получила собственноручно написанный конспект.
-
Сделала на основе полученных знаний проект для портфолио (натяжка готовой вёрстки на WP).
-
-
Научилась оптимизировать сайт по скорости работы
Проверяю скорость работы сайта популярными проверенными сервисами и достигаю "зелёной" зоны.
-
Изучила статью https://habr.com/ru/company/htmlacademy/blog/585866/
-
-
Освоила технологии защиты сайта на WP от возможных внешних воздействий злоумышленников
-
Изучила основы современной SEO-оптимизации и освоила инструменты WP, необходимые для качественного SEO
Есть ли качественные плагины?
-
Научилась проверять/тестировать сайты
На соответствие вёрстки макету, на корректность работы функционала, на защиту от атак и взломов и т.п.
-
Сделала тренировочный проект для портфолио
А лучше несколько. Для этого нужно найти бесплатные макеты с современным дизайном, сверстать, натянуть на WP, отладить и настроить (устранить ошибки, проверить скорость, обеспечить безопасность, SEO-оптимизировать).
-
Лендинг
-
Сайт-визитка/блог
-
Сайт- портфолио
-
Интернет-магазин
-
-
Сделала реальный проект за оплату
Взяла интересный проект, сделала (от вёрстки до заполнения контентом), сдала в срок, получила оплату.
-
Взяла проект (фриланс)
-
Сделала вёрстку
-
Сделала натяжку
-
Настроила всё необходимое
-
Всё проверила
-
Сдала и получила оплату
-
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
