(Исправить то, что выглядит неправильно)

Я выучил HTML/CSS во время зимних каникул в 2019 году.

В том году я преподавал начинающий код и makerspace (благодаря другу), и я хотел узнать больше о том, как все это работает.

Пока я узнавал больше о таких областях, как образовательные технологии, движение производителей и информатика, я обнаружил freecodecamp.org, который я настоятельно рекомендую.

Я узнал, что фронтенд-веб-разработка (веб-разработка) — это популярное направление в области объектно-ориентированного программирования, физических вычислений, управления серверами/базами данных и других технических вещей, представляющих личный интерес (спасибо, roadmap.sh)!

Я был доволен тем, что узнал в своем исследовании (обзор), и решил приступить к работе. Итак, я провел около 300 часов, выполняя упражнения по программированию на freecodecamp.org. Я стал достаточно хорош, чтобы создать свой собственный веб-сайт, размещенный на github.io — чем я горжусь, имея всего несколько месяцев знакомства с HTML/CSS.

Но были ли мои навыки достаточно хороши для оплачиваемой работы?

Я написал статью для размышлений. 7 месяцев спустя друг увидел это и сообщил мне о возможности.

Я принял предложение. Это были летние каникулы моего учителя, так что у меня было время и свободное пространство, и это было бы настоящей проверкой моих нынешних навыков.

Работа

Сделка заключалась в том, что мне нужно было сделать сайт удобным для мобильных устройств и планшетов. Проблема заключалась в том, что текстовые блоки и изображения обрезались и искажались, когда область просмотра достигала определенного размера. Мне дали набор инструментов для работы: AsGaurd, CKeditor, Canva.

Я понял, что AsGaurd и CKeditor очень похожи на любой WYSIWYG-редактор. Я видел связи с Wordpress, Wix, Weebly и Squarespace. Учитывая мой новый опыт использования интегрированных сред разработки (IDE), таких как Visual Studio Code, мне показалось, что работа хорошо сочетается.

Приступаем к работе

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

В итоге я не смог получить доступ к внешним файлам css, поэтому мне пришлось работать в CKeditor с html, внутренними и встроенными css (которые, к счастью, переопределяли внешние).

Я решил приступить к работе над самой популярной страницей («Начало работы») и по пути делал небрежные заметки — достаточно четкие, чтобы помочь мне выполнить работу, поскольку я был один, не сотрудничая ни с кем, кому может понадобиться чтение. над моей работой.

«60 [минут] 7/16 4:15–5:15 обход исходного кода»

«45 [минут] 17/7 1:15–2:00 решено max-height: 33opx; → максимальная высота: авто; … div не работает … спасибо stackoverflow … проблема была в соотношении сторон… сначала сохранялся код, и автоматическое добавление максимальной высоты не удалось».

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

С тех пор я работал с этим стартапом над несколькими другими проектами. Я могу только предположить, что это из-за моего интереса к ним и их работе (правда, на глубоком уровне). Это открыло другие двери для исследований и дизайна UX, и я благодарен за это.

Уроки выучены

  • Скажите "да", следите за интересами. Кто бы мог подумать, что обучение начальному коду (блочный код! На Scratch.mit!) приведет к платной возможности с новым крутым стартапом в районе залива, работающим над преобразованием образования с использованием технологий обучения. Это немного похоже на эффект бабочки или что-то в этом роде. Профессор колледжа штата Флорида, который у меня был, однажды сказал: Все к чему-то ведет.
  • Делайте заметки, как можете, даже если они сумасбродные и спонтанные. Создавайте цифровые папки, добавляйте веб-страницы в закладки, пишите на салфетке.
  • Превратите небрежную документацию во что-то более качественное. Усовершенствуйте свои заметки (в статью на Medium?) как часть полного осмысленного размышления. Именно это привлекло внимание моего друга и побудило его протянуть руку и сказать: «Эй, не хочешь поработать над чем-нибудь?»

Удачи! ✌🏽