Итак, несколько недель назад я познакомился с женщиной через общего друга, назовем ее Н., которая работает «креативным и бизнес-консультантом» для своих клиентов. Я не уверен, что именно это влечет за собой, потому что это широкое название, но я предполагаю, что она управляет всем их веб-присутствием, а также дает бизнес-советы.
Клиентами являются две женщины, которые работают тренерами по отношениям и организационными бихевиористами. Я не встречался с ними, но с их сайта у меня сложилось впечатление, что они очень «в гармонии» со своими эмоциями, понимают вербальное и невербальное общение и хотят делиться этими знаниями с другими. Они мне нравятся.
Необходимость:
Они попросили моего нового друга создать интерактивную игру с сердцем, на которое можно перетаскивать разные ключевые слова, и сердце будет меняться и генерировать сообщения в зависимости от выбранных слов. Это требует программирования и на базовом уровне JavaScript. Заранее она сообщает мне, что изучает JS, после того как я сказал ей, что тоже изучаю его, и она подумала, что было бы здорово поработать над ним вместе. Это возможность работать с кем-то, кто является ролью, в которой я хочу быть. Я отказался от какой-либо компенсации за это, даже когда мне предлагали. Почему? Дело не в деньгах. Речь идет об отношениях, возможностях обучения и нетворкинге.
Подход с подходом:
Подход несколько хаотичный. Она представила эту идею после занятия йогой и пивом. Мы договорились обдумать подходы к программированию и встретиться, чтобы обсудить их и двигаться дальше. Я взял его немного дальше. Как только я спущусь в старую кроличью нору, я не смогу остановиться. Перед нашей встречей через неделю я закодировал прототип на основе приведенного ниже ресурса. W3C никогда не подводит.
Используемые ресурсы: Перетаскивание W3C HTML5 и ondrop
Н. была впечатлена тем, что я закончил, и я высказал ей свое следующее ограничение, которое заключалось в следующем:
- Как мы создаем сердце?
- Как мы запрограммируем сердце на изменение в зависимости от содержимого добавленных ‹divs›?
Как мы создаем «сердце»?
В качестве решения я предложил файл изображения «сердца», который заменяется другим файлом изображения сердца. В команде есть графический дизайнер, поэтому я предложил ей создать файл. Другая проблема заключается в том, что большое количество файлов изображений может замедлить время загрузки. Таким образом, если бы вместо этого мы использовали частично прозрачный вектор, сделали область перетаскивания ‹div› и вектор одинаковыми размерами, тогда мы могли бы изменить фон и показать сквозь вектор. Это решение обеспечивает большую гибкость в долгосрочной перспективе, потому что нам не придется так сильно зависеть от графического дизайнера.
Мы решили, что я определяю, как сделать область падения «сердцевидной», а она свяжется с графическим дизайнером по поводу создания вектора.
Я уже сделал это. Я использовал приведенный ниже ресурс, чтобы создать ‹div› в форме сердца.
Ресурс: Формы CSS
Как мы запрограммируем сердце на изменение в зависимости от содержимого добавленных ‹divs›?
На самом деле мы не придумали решения для этого, кроме как исследовать и посмотреть, сделал ли это кто-то еще и как.
С тех пор, как мы встретились несколько дней назад, я продвигаюсь в своих исследованиях JS, используя в основном W3C, потому что они (1) отлично справляются с задачей сделать материал удобоваримым и (2) они дают много примеры и практический код для закрепления материала.
3-я проблема
Я не понимал, что это будет проблемой, пока не начал работать над двумя другими.
3. Как сделать так, чтобы перетаскиваемые элементы исчезали внутри области перетаскивания?
Я потратил часы, пытаясь понять это. Я попытался удалить класс css, display:none и все, что я мог придумать. Я наконец нашел ресурс ниже, и он работает как шарм. Перетаскиваемый элемент исчезает внутри области перетаскивания. Почему это важно? Так как вектор будет иметь некоторую прозрачность, а фон будет просвечиваться, то же самое будет с любым текстом, а это выглядит не очень хорошо.
Ресурс: HTML Living Standard 6.7 Drag & Drop
Забрать:
У всех есть возможности для обучения. То, что у кого-то больше опыта в одной области, не означает, что ему не нужна поддержка. Именно здесь кто-то вроде меня, кто хочет учиться и вносить свой вклад, может принести пользу, а также получить от этого больше.
Просто пойти на это. Я мог бы легко сказать,
«Я все еще учусь, я не знаю, как это сделать, я польщен, но я не могу вам в этом помочь».
Если кто-то предлагает вам что-то, это потому, что они видят в вас ЦЕННОСТЬ.
Вы можете не видеть его сами, но это не значит, что его нет или его нельзя развивать. Он может быть человеком, который поможет развить это в вас.
**На следующей неделе или после моей следующей встречи с Н. я сообщу вам о нашем прогрессе*
Удачного кодирования!