Ниже приводится резюме всего, что я сделал за последнюю неделю (полторы).
Работал над проектом API (конечно, связанным с музыкой), практиковался в Illustrator и Sketch, работал над некоторыми алгоритмами Free Code Camp и начал больше узнавать о дизайне UI и UX.
Проекты
Проект API
На прошлой неделе я работал над проектом API под руководством моего наставника. Вот схема моего процесса до сих пор:
Планирование
Для первой части задания требовалась блок-схема пользователя и набросок каркаса. Первоначальная идея приложения заключалась в том, что пользователь должен пройти викторину, а затем получить список мюзиклов на основе своих ответов на викторину. Я также хотел, чтобы приложение было чем-то похоже на театр.
Я также использовал wireframe.cc для создания некоторых цифровых каркасов. После того, как я понял, какие представления и страницы мне нужно создать, я перешел к API.
Исследование и тестирование API
К сожалению, на самом деле нет API, который включал бы всю информацию, которую я хотел. Я протестировал API Ticketmaster и Seat Geek, которые содержали информацию о текущих мюзиклах, но в них отсутствовала другая необходимая мне информация. Я пробовал другие идеи, такие как использование текстов из мюзиклов для создания чего-то интересного (но Genius не включает тексты в свой API) или анализ женских персонажей комиксов с помощью API Comic Vine.
Так что к этому моменту я прочитал много документации по API и все еще не решил, какой API я буду использовать.
Во время беседы с кем-то о моем проекте они упомянули, что, когда я говорил о мюзиклах, их первой мыслью были кино. Что, если я вместо этого сосредоточусь на мюзиклах? Я проверил документацию по The Movie Database и… УСПЕХ! В TMDB были все ключевые слова и жанры, которые мне были нужны для моего проекта, и их документация была четкой.
Добавление Javascript и стилей!
Выбрав API, я написал HTML и простой CSS для своего проекта. Затем я подтвердил, что могу получить нужную информацию из API, и начал добавлять в Javascript, начиная с кнопки запуска, затем добавляя функции викторины и так далее.
Как только приложение получило правильную информацию и отобразило ее, я приступил к стилизации. Это шаг, на котором я сейчас нахожусь. Я выбрал бело-черно-красную цветовую схему и сейчас создаю несколько простых иллюстраций для приложения.
CSS-изображения
На этой неделе я сделал быстрое CSS-изображение пирога.
Обучение
Помимо проектов, на этой неделе я потратил некоторое время на изучение новых концепций:
- Я работал над несколькими алгоритмами Free Code Camp Javascript.
- Я начал играть со Sketch и прошел несколько руководств по Adobe Illustrator, чтобы освежить свои знания о программе.
- Я также узнал больше о дизайне UI и UX из видео на Youtube, руководств, книг и так далее.
Встречи
Начало работы с инструментами разработчика (Thinkful DC)
На этой встрече мы узнали, как более эффективно использовать инструменты разработчика Chrome. Некоторые из наиболее полезных функций, на которых мы сосредоточились, — это переключение устройств, сохранение изменений, сделанных в инструментах разработчика, в локальные файлы и оптимизация с помощью сетевой панели.
Лаборатория карьеры (Генеральная ассамблея округа Колумбия)
В субботу Генеральная Ассамблея провела мероприятие Career Lab. Были различные сессии, которые вы могли посетить, чтобы узнать о конкретных областях дизайна и технологий. Сессии включали Data Science, Negotiation 101, Javascript, Coding, Design Thinking и так далее. Моя любимая сессия — UX Design. Сессия началась с обзора UX-дизайна, а затем была посвящена исследованиям пользователей, в частности, интервьюированию. В целом это было отличное мероприятие!
Введение в тестирование программного обеспечения (Thinkful DC)
На этой встрече мы узнали о некоторых методах тестирования, которые разработчики могут использовать для проверки функциональности своих веб-сайтов и приложений.
Что дальше?
- Завершите мой проект API!
- Продолжите работу с изображениями CSS и начните с ежедневных задач пользовательского интерфейса.
- Продолжайте посещать встречи.
Чтобы увидеть мой ежедневный прогресс, подписывайтесь на меня в Твиттере @musicalwebdev.
Чтобы просмотреть мой 100-дневный репозиторий кода, посетите мой Github.