Днем маркетолог, ночью фотограф

- Коллеги, мы запускаем бесплатные курсы по php у нас в офисе. Кто хочет походить? Это наш техдир.

- Насть, может, пойдем на курсы по объектно-ориентированному программированию? Там всего 2-3 часа в день) Это мой шеф.

- С вас неожиданно списано 4 тысячи! Ожидаем оплаты оставшихся 18 тысяч. Это юзер-френдли интерфейс курсов по объектно-ориентированному.

- Насть, ты серьёзно хочешь встать в 7 утра в субботу в отпуске в Европе, чтобы послушать лекцию по программированию и поделать домашку? Это мой муж.

- Анастасия, вы ещё не подключили VPN и развернули стенд? Мы уже 4 минуты как отправили вам доступы и конфигурационный файл! Это наш клиент по работе.

- Настя, пожалуйста, посмотрите, у нас что-то редирект с http на https отвалился! Это мой клиент по фрилансу.

- Ну что, опять весь сайт распидорасила? Это наш тимлид, и это его юмор. Главное, крикнуть это на весь опенспейс. А на самом деле он шёл, чтобы стрельнуть сотку.

- Настюх, я сделал фильтры и сортировку, а потом подключил данные с сервера, дня 3 просидел! Ты когда свою домашку сдашь? Это мой однокурсник. И это те курсы, которые всего 2-3 в день.

- Коллеги, всем привет! Мы забили на вашу инструкцию по системе контроля версий git и принудительно влили свои правки на сайт, затерев вашу работу и испортив площадку! Ничего же страшного? Это подрядчик.

- Анастасия, посмотрите моё домашнее задание? А когда посмотрите? Это мои студенты по вёрстке.

- 2 двойных эспрессо. Это я))

• 1
• Leave a comment

• Share
• Flag

• January 28th, 2019 , 05:06 pm

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

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

И отдельная история Google Panorama! Используется на сайтах реже, тем не менее, иногда бывает. А так как я делаю верстку и частично фронтенд, обычно на момент моей работы клиент еще не предоставляет финальные широту и долготу точек на карте. Поэтому для примера я ставлю их любыми, потом координаты заменю либо я, либо кто-то из разработчиков бекенда.

Для портфолио (клиентов нельзя показать — NDA) делала сайтик «Кофе на острове» про кофейни на трех островах — Исландия, Мадагаскар, Бали. Проект вымышленный, подобрала красивые панорамки для каждого из островов. Подбирала, наверное, часа 3 — невозможно оторваться от карт и не прогуляться по пляжам, улочкам, не позаглядывать в кафешки. Какая все-таки крутая планета!

• Share
• Flag

• October 22nd, 2018 , 10:37 am

Еще один сайт для портфолио, в этот раз туристическая тематика

На прошлой неделе в России прошла неделя кода, и в честь этого известный обучающий центр Html Academy на 7 дней открыл обычно платный курс по JavaScript. Успела пройти почти полностью. Сначала задания были однотипные и очень простые, в т.ч. из-за формулировок, например, задача по выводу в консоль могла звучать как «напишите console.log(. )» и т.д.

Потом все усложнилось и запуталось. Например, на этапе сортировки массивов через циклы. Ну и сами задания стали заставлять подумать, а не говорить прямо, что и где нужно напечатать. В любом случае, удалось вспомнить функции, массивы, циклы, объекты, DOM. Добавили бы еще прототипы и замыкания в курсы, я бы с удовольствием купила бы платную подписку. Но такие вещи разбираются только в их интенсивах, а это уже 20+ тысяч и другой формат занятий.

• Share
• Flag

• October 16th, 2018 , 12:23 pm

Моя работа требует минимально знания языка программирования JavaScript. В мае этого года, еще работая на прошлой работе, я решила освежить его в памяти. Изучать что-то мне удобнее по 2-3 источникам — основному и дополнительным, так как один из источников может что-то упустить, оказаться слишком субъективным (например, автор горячий поклонник фреймворка React и о других упоминает только вскользь) или объяснить непонятно.

Основными источниками тогда выступили книжка от издательства Head First и практические задачи Дмитрия Трепачева, а для дополнительного я решила выбрать что-то легкое и забавное. Оказалось, что для изучения языков программирования есть целые игры, и это не что-то типа Flex Frog (https://flexboxfroggy.com/#ru), а настоящие игровые империи!

Так и я познакомилась с CodeCombat. Сотни заданий, отрисованные персонажи, самые разные задачки, бонусы и т.д. На скриншоте та часть уровней, которую я прошла или успела начать.

Тут тебе и золото, и серебро, и другие герои, на некоторых уровнях пустынные яки, противники и т.д. Поведение героя описывается на JS. Первые уровни начинаются с линейных команд — пойти вправо, потом влево, добавляются циклы и условия (если справа враг — то сражаться, если врага нет — то идти прямо).

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

Некоторые задания были легкие, над некоторыми приходилось подумать очень серьезно. Я забросила игрушку ближе к концу, меня стали смущать 2 вещи — во-первых, получалось, что отработав на практике массивы, объекты, циклы и функции я зачем-то учила неведомый никому фреймворк, так как методов объекта героя .build(fence) или .attack(nearestEnemy) в реальном языке не существует, кого там поражать, разве что браузер своим кодом.

Во-вторых, в какой-то момент для решения задач стали требоваться методы, которые не давались в пояснениях к заданиям и раньше не использовались нигде. В реальной жизни можно хоть в Google поискать ранее не использованные методы — «javascript как получить url страницы», ага, нужен объект document, в свойстве которого находится объект location, свойство которого href как раз содержит искомый URL. А в игре на этом этапе на решение каждой задачи уходила куча времени, и я отказалась от CodeCombat.

Сказать, что я сильно продвинулась благодаря CodeCombat точно нельзя, но если относится к сервису как к виду относительно полезного отдыха, то почему бы и не да