После того, как вы нашли элемент, вы можете узнать его содержимое и свойства, а таке поменять их

let el = document.querySelector(".someClass");
el.innerText // текстовое содержимое
el.innerHTML // HTML-разметка содержимого
el.outerHTML // полная HTML-разметка
el.offsetWidth // ширина, аналогично Height
el.offsetLeft // координата левого угла
// и так далее

Назначенные узлу стили можно узнать через свойство sytle:

el.style.color // цвет текста

Но в нём содержатся только те CSS-свойства, которые назначены непосредственно узлу. Чтобы узнать все свойства, которые получил узел из CSS-стилей, потребуется более сложная конструкция:

getComputedStyle(el).color // цвет текста

Если захотите узнать более сложные свойства, то не забудьте преобразовать их названия в camelCase. Например: background-color → backgroundColor;

Подробнее в видео: https://youtu.be/kM8YAhsaHfE
И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO

Британка у всех на слуху, что же она из себя представляет?

Британская высшая школа дизайна, а в простонародье британка, готовит специалистов по множеству образовательных программ: от высшего образования до краткосрочных интенсивов. Я учусь на программе ДПО (дополнительного профессионального образования), по факту это профессиональная переквалификация, правда, поступить можно только с уже имеющимся диплом о высшем или среднем образовании, так как это образование дается дополнительно к уже имеющемуся.

Мы занимаемся во вторник и четверг с 19 до 22, и в субботу с 11 до 18.
Обучение очное, и это круто. Можно вновь почувствовать себя учеником: поднимать руку на занятиях, выполнять задания и хлопать выступающим.
Одна из фишек очного образования — коммуникация с другими студентами. Это здорово стимулирует — когда ты видишь, что большинство уже выполнили задание, то волей-неволей сам начинаешь шевелиться. И конечно, это новые связи и знакомства — одна из причин, по которой я пошел в британку.

В данный момент у нас во всю идет блок исследования — экспериментальный курс на 1,5 месяца. Введение подобного курса — это попытка адаптации обучения под динамично меняющуюся индустрию.

Многие из выпускников, скорее всего, будут работать продуктовыми дизайнерами, а работа над продуктом подразумевает постоянное исследование, построение гипотез и проверка их на пользователях.

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

Команда это важно

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

У нас этого не произошло, и на это было две причины.

Первая, и самая большая — я не хотел делиться работой. Я поставил себе глобальную цель использовать учебу как трамплин для раскачки своих навыков (я писал об этом ранее https://t.me/bukhtiyar/152), поэтому мне было в кайф брать на себя как можно больше нагрузки, а не быть менеджером команды. В итоге ребята, увидев мой запал, вместо того, чтобы включиться в конкуренцию за работу над проектом, отступили и дали мне полный карт-бланш.

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

Но чем ближе к защите, тем больше я понимал что не справляюсь в таком одиночном режиме. Мне нужна команда. Поэтому мы собрались с ребятами, и честно все друг другу высказали. Это оказало отрезвляющий эффект (к слову о ценности ретро в продуктовых командах). Со своей стороны я перестал ревновать проект, а ребята действительно активнее включились в работу.

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

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

Меня тут спрашивают, зачем нужны шпаргалки, о которых я написал постом выше

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

Например, вы знаете основы JS, но всё чаще встречаете в примерах непонятный новый синтаксис — ES6. Вы можете прочитать про него длинную статью (например: http://babeljs.io/learn-es2015/), но, скорее всего, сразу всё забудете. Тут вам и придёт на помощь шпаргалка https://devhints.io/es6

Или вы установили себе модный редактор кода Visual Studio Code, но не знаете ни одного хоткея в нём. Вот шпаргалка с ними: https://devhints.io/vscode

Или вы решили научиться верстать флексбоксами, но постоянно забываете синтаксис. Шпаргалка вам его быстро напомнит: https://devhints.io/css-flexbox

Продолжение про питч. Компоненты.

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

Чтобы было проще жить, питч давно разбили на понятные компоненты. В приближенном (и почти полностью укомплектованном) виде это:

1. Purpose
Компания одной фразой.

2. Problem
Проблема, которую компания/продукт адресует.

3. Solution
Решение проблемы обозначенной сверху.

4. Why now
Почему именно сейчас? Чем хорош момент? Почему нельзя было раньше?

5. Market
Цифры (абсолютные) про рынок, подтверждающие валидность истории.

6. Competition
Другие зайцы на районе. Можно подчеркнуть похожести или отличия, что релевантнее.

7. Team
Хвастовство командой (если есть чем).

8. Revenue model
Очень упрощенная бизнес модель из который становится понятно, откуда идут деньги кроме инъекций от фондов и инвесторов.

9. Traction
Первые пользователи, договор с бизнес-партнером, существующие инвестиции или другой прогресс — все, что увеличивает силу сцепления.

10. Ask / Financials
Запрос на ресурс (напри. Финансы) в виде конкретной цифры и короткий план (с временной рамкой) выхода на самоокупаемость.

11. Vision
Почти то же самое, что первое — но с заделом на 5-15 лет вперед.

12. Appenix
Детали-слайды в кармане, уготованные на случай Q&A. Никогда не пробовал, но могу придумать ситуации, где это полезно.

Карьерный лайфхак 2020

Карьерный лайфхак 2020

ВЫУЧИТЕ АНГЛИЙСКИЙ.

Всё.

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

«Я выучу», «я учил», «мне надо разговориться», «я устроюсь, и сразу буду заниматься», «я забыл, но вспомню», etc.

Нельзя успешно работать на международном рынке, если вы не можете общаться с вашими клиентами.

Нельзя устроиться в международную компанию, если вы не понимаете ваших коллег.

И ещё много чего нельзя.

Что сделать прямо сейчас:

1. Установите английский язык на девайсах. Это простой и быстрый способ погрузить себя в цифровую языковую среду.

Сделайте то же самое с интерфейсами соцсетей и веб-сервисов, которыми часто пользуетесь.

Там в принципе всё понятно и так, а для мозга снизит стресс и порог входа в язык.

|
|
|
Сделайте это сейчас :–)
|
|
|

Что дальше [бесплатно]:

2. Начните каждый день читать статью на английском по интересующей вас теме.

Мозг будет уставать — это ок.
Утром даётся проще, выделяйте на это хотя бы 5 минут.

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

Подписки можете скопировать у меня: https://mobile.twitter.com/vladzely

Несколько медиа:

https://www.itsnicethat.com
or
https://www.smashingmagazine.com
or
https://techcrunch.com
or
https://uxdesign.cc
or
https://underconsideration.com

3. Скачайте себе любое приложение по изучению языка (Дуолинго, Бусу, Лингвалео, Мемрайз, етс) и просто тупите 10-15 минут утром и вечером.

Каждый день. Важна регулярность.

4. Пассивное изучение: слушать и читать.

Так как статьи вы уже читаете → дальше аудио и видео. Я мало смотрю кино, но много слушаю музыки, поэтому начал просто с переводов песен.

Нравится песня → гуглите название + lyrics (хотя в эпл мьюзик это уже встроено) → читаете текст, переводите, если не знаете. Затем слушаете вновь.

Нужно учиться различать устную речь.

Если смотрите видосы — то на английском и с английскими субтитрами.

Быстрый старт — ТЕD:
https://www.ted.com/talks

Если вы дизайнер:
https://www.highresolution.design

or

https://www.netflix.com/ru/title/80057883


5. Также важно тренировать активное изучение языка: сначала начните формулировать мысли письменно, затем запишите себя на диктофон → ужаснитесь. И продолжайте.

Важно искоренять корявое произношение. Акцент может оставаться, но важно, чтобы вы были understandable.

6. Если вы совсем 0 и любите, когда кто-то объясняет по видео → гуглите и практикуйте «Полиглот английский 16 часов»

Там есть базовая грамматика + минимальный словарный запас для старта.

7. Продержитесь так месяц → дальше можете вливать бабки.

Куда вливать бабки:
8. Репетитор: вы можете быть удивлены, но репетитор не гарантирует вам прогресс. Он гарантирует вам хотя бы какую-то регулярность.

Два раза в неделю по часу лучше, чем 10 часов в субботу один раз в месяц.

Ну и репетитора как психолога можно менять. Тут вам и Айтолки, и Скайинг, и рекоментации знакомых — последнее самое крутое.

9. Учебные пособия и курсы.

Из книжек → самые базовые и понятные — это два сборника грамматики Мёрфи: красный, элементари и синий, интермидиейт. Они с картинками, очень простым английским + есть задания с ответами в конце.

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

10. Just practice.

Язык — это просто куча часов и практики. Никакого секрета.

Читать, писать, слушать и говорить.

Если вы будете делать что-то одно, то будете уметь что-то одно.

По уровню лёгкости:
Читать → Слушать
Писать → Говорить

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

Нет, вы не выучите язык за месяц и даже несколько.

Просто начните им пользоваться и получать удовольствие.

Бонус. Два странных приложения: Tandem и Wakie, где иногда можно найти кого-то адектватного для переписки или созвона.

Это долгий путь, но через полгода вы будете рады, что начали сегодня.