Ниже приводится резюме всего, что я сделал за последние две недели.

Создал больше изображений 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)

Получение моей первой работы разработчика — Паола Мата (новичок в коде)

Что дальше?

  1. Собери мое портфолио. Я определился с макетом и теперь планирую создать макет в Sketch, выбрать цвета и, наконец, запрограммировать его.
  2. Узнайте больше о Node.js.
  3. Посещайте встречи.
  4. Продолжайте работать с изображениями CSS, изображениями SVG и изучать UI/UX. Я хочу больше использовать Sketch и продолжать создавать векторные изображения в Affinity Designer.

Чтобы увидеть мой ежедневный прогресс, подписывайтесь на меня в Твиттере @musicalwebdev.

Чтобы просмотреть мой 100-дневный репозиторий кода, посетите мой Github.