Ниже приводится резюме всего, что я сделал за последние две недели.
Создал больше изображений CSS, начал планировать свой следующий большой проект, работал над проектами Free Code Camp и продолжал изучать Node.js.
Проекты
CSS-изображения
За последние полторы недели я создал три изображения CSS. Мой фаворит был для подсказки «мобильный телефон». Я решил создать интерактивный телефон с кошачьей тематикой, чтобы сделать его немного интереснее. Пользователи могут перемещаться по телефону, нажимая на изображения, чтобы открывать экраны, и нажимая кнопку «Домой», чтобы вернуться на главный экран. Поскольку я не делал экран для каждой иконки, я создал анимацию, чтобы указать, какие иконки кликабельны. Каждое изображение в приложении было создано с использованием CSS.
Просмотреть интерактивный кошачий телефон на Codepen
Этот проект требовал тщательного планирования. Перед кодированием я набросал возможные варианты экранов и иконок.
После того, как я определился с темой и большинством иллюстраций для телефона, я закодировал прототип в градациях серого.
Прототип был создан для тестирования анимации jQuery для отображения экранов, соответствующих каждому значку. Я сопоставил цвета значков с фоновыми цветами экранов, чтобы убедиться, что они работают правильно.
Убедившись, что анимация работает, я написал код для остальных изображений CSS (иконок и экранов). На этом этапе я продолжал использовать различные оттенки серого, потому что знал, что это изображение будет включать много цветов, и обнаружил, что легче подобрать цвета после того, как все изображения будут на своих местах.
Я также создал два дополнительных изображения CSS. Один был для подсказки Зеленого Фонаря (супергероя), а другой - для ноутбука.
Посмотреть «Зеленый фонарь на Codepen»
Просмотреть ноутбук на Codepen
Обучение
Я начал планировать свой проект API погоды для Free Code Camp. Я буду использовать изображения CSS для значков погоды. Я также выполнил все основные алгоритмы Javascript FCC. Я также продолжил изучение Node.js и планирую проект, в котором будет использоваться Node.
Встречи
Ярлыки и автоматизация: как разрабатывать как профессионал (Thinkful DC)
На этой встрече мы рассмотрели массу полезных сочетаний клавиш Sublime. Мы также рассмотрели ярлыки терминала и советы по улучшению вашего рабочего процесса.
Подкасты
Я начал слушать подкасты Code Newbie и Software Engineering Daily, которые очень рекомендую. Ниже приведены некоторые подкасты, которые я прослушал за последние две недели:
Вклад в открытый исходный код с Шубхекшей Джаланом (Software Engineering Daily)
Получение моей первой работы разработчика — Паола Мата (новичок в коде)
Что дальше?
- Собери мое портфолио. Я определился с макетом и теперь планирую создать макет в Sketch, выбрать цвета и, наконец, запрограммировать его.
- Узнайте больше о Node.js.
- Посещайте встречи.
- Продолжайте работать с изображениями CSS, изображениями SVG и изучать UI/UX. Я хочу больше использовать Sketch и продолжать создавать векторные изображения в Affinity Designer.
Чтобы увидеть мой ежедневный прогресс, подписывайтесь на меня в Твиттере @musicalwebdev.
Чтобы просмотреть мой 100-дневный репозиторий кода, посетите мой Github.