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

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

Необходимость:

Они попросили моего нового друга создать интерактивную игру с сердцем, на которое можно перетаскивать разные ключевые слова, и сердце будет меняться и генерировать сообщения в зависимости от выбранных слов. Это требует программирования и на базовом уровне JavaScript. Заранее она сообщает мне, что изучает JS, после того как я сказал ей, что тоже изучаю его, и она подумала, что было бы здорово поработать над ним вместе. Это возможность работать с кем-то, кто является ролью, в которой я хочу быть. Я отказался от какой-либо компенсации за это, даже когда мне предлагали. Почему? Дело не в деньгах. Речь идет об отношениях, возможностях обучения и нетворкинге.

Подход с подходом:

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

Используемые ресурсы: Перетаскивание W3C HTML5 и ondrop

Н. была впечатлена тем, что я закончил, и я высказал ей свое следующее ограничение, которое заключалось в следующем:

  1. Как мы создаем сердце?
  2. Как мы запрограммируем сердце на изменение в зависимости от содержимого добавленных ‹divs›?

Как мы создаем «сердце»?

В качестве решения я предложил файл изображения «сердца», который заменяется другим файлом изображения сердца. В команде есть графический дизайнер, поэтому я предложил ей создать файл. Другая проблема заключается в том, что большое количество файлов изображений может замедлить время загрузки. Таким образом, если бы вместо этого мы использовали частично прозрачный вектор, сделали область перетаскивания ‹div› и вектор одинаковыми размерами, тогда мы могли бы изменить фон и показать сквозь вектор. Это решение обеспечивает большую гибкость в долгосрочной перспективе, потому что нам не придется так сильно зависеть от графического дизайнера.

Мы решили, что я определяю, как сделать область падения «сердцевидной», а она свяжется с графическим дизайнером по поводу создания вектора.

Я уже сделал это. Я использовал приведенный ниже ресурс, чтобы создать ‹div› в форме сердца.

Ресурс: Формы CSS

Как мы запрограммируем сердце на изменение в зависимости от содержимого добавленных ‹divs›?

На самом деле мы не придумали решения для этого, кроме как исследовать и посмотреть, сделал ли это кто-то еще и как.

С тех пор, как мы встретились несколько дней назад, я продвигаюсь в своих исследованиях JS, используя в основном W3C, потому что они (1) отлично справляются с задачей сделать материал удобоваримым и (2) они дают много примеры и практический код для закрепления материала.

3-я проблема

Я не понимал, что это будет проблемой, пока не начал работать над двумя другими.

3. Как сделать так, чтобы перетаскиваемые элементы исчезали внутри области перетаскивания?

Я потратил часы, пытаясь понять это. Я попытался удалить класс css, display:none и все, что я мог придумать. Я наконец нашел ресурс ниже, и он работает как шарм. Перетаскиваемый элемент исчезает внутри области перетаскивания. Почему это важно? Так как вектор будет иметь некоторую прозрачность, а фон будет просвечиваться, то же самое будет с любым текстом, а это выглядит не очень хорошо.

Ресурс: HTML Living Standard 6.7 Drag & Drop

Забрать:

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

Просто пойти на это. Я мог бы легко сказать,

«Я все еще учусь, я не знаю, как это сделать, я польщен, но я не могу вам в этом помочь».

Если кто-то предлагает вам что-то, это потому, что они видят в вас ЦЕННОСТЬ.

Вы можете не видеть его сами, но это не значит, что его нет или его нельзя развивать. Он может быть человеком, который поможет развить это в вас.

**На следующей неделе или после моей следующей встречи с Н. я сообщу вам о нашем прогрессе*

Удачного кодирования!