Frontend&Travel

​Как сформировать портфолио новичку?

Обучающий курс пройден, начальные навыки есть, работу найти хочется. Каким образом сформировать портфолио, если никаких заказов нет?

Самый простой способ - придумать задачу самому. Заказчики/работодатели хотят видеть примеры выполненных работ, чтобы понимать, что вы умеете делать. Чем больше разнообразных реализаций сайтов/порталов вы представите, тем лучше.

Нет идеи? Подсмотрите ее у других! Можно взять варианты понравившихся шаблонов с ThemeForest. Если возникает вопрос, как сделана верстка: выбираем инспектор элементов и смотрим сами.

Также идеи проектов с полезными ссылками для реализации есть в этой статье. Начиная от калькулятора и заканчивая полноценной онлайн-игрой. К тому же, вариант “обратиться к другу” за советом никто не отменял. Скорее всего, кому-либо из вашего окружения потребуется сайт-портфолио ил лендинг для начинающего стартапа за бесплатно.

Само портфолио лучше всего разместить на персональном сайте с вашем именем. Только не делайте черный текст на белом фоне: заказчик должен видеть, что вы постарались с портфолио, так же как и постараетесь с его заказом. Кстати, для сайта-презентации вполне можно купить приличный шаблон за 12 долларов, например, такой. Ваш сайт-визитка - это ваше лицо, складывается мнение о вас, как о профессионале, поэтому чем круче вы его сделаете (неважно, сами или нет), тем лучше.

Особое внимание уделите мобильной версии сайта: большинство заказчиков заходят с персональных устройств. Помните, что для цели самопрезентации подойдет либо лендинг, либо корпоративный сайт.

​Проведи лето с пользой

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

Лето начинается, ситуация с изоляцией не меняется, чем полезным можно заняться, когда ты уже 3-ий месяц сидишь в четырех стенах?

Каким образом навсегда остаться на удаленной работе и зарабатывать при этом 250 000 руб. в месяц?

Выход есть. Ответ - программирование.

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

В связи с началом нового сезона объявляю о запуске сразу двух летних курсов:

1. “Frontend с нуля” для тех, кто еще не имел никакого опыта. С помощью подробных записанных инструкций мы с вами создадим свой первый сайт с самого нуля и выложим его в интернете. Изучим HTML, CSS и JavaScript. А под конец созвонимся лично, и я разберу все ваши ошибки. Подробнее о курсе здесь.

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

Ну что, начнем кодить?)

​Вдохновляющие сайты. Вращающаяся галерея

Возвращаемся к теме “Вдохновляющие ресурсы”. В моменты странствий по интернету рано или поздно вы натыкались на сайт, позволяющий красиво крутить и перелистывать изображения. Например, так.

Сделать его, конечно, же не просто. Для этого потребуются качественные знания JavaScript и CSS. Хорошая новость в том, что даже без React здесь можно обойтись)

Зайдите сюда и посмотрите конкретную реализацию. Алгоритм поворота элементов находится в функции runAnimation:

1. Понимаем, возможна ли анимация в текущий момент времени. Если нет, не продолжаем дальше.

2. Рассчитываем координаты, на которые мы хотим повернуть элемент, а также угол поворота.

3. Применяем полученные значения через CSS-свойство transform. Через style.setProperty записываем вычисленные values для translateZ, rotateX и rotateY.

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

Как стать из Junior Middle-разработчиком? Разобраться в сложном коде, который был написан до вас. Внимательно осмотрите реализацию слайдера по ссылке. Постарайтесь понять все происходящее и загуглить неизвестные вещи (например, функция lerp). Поймите, чем быстрее вы научитесь считывать решения других, тем большую базу готовых вариантов в голове вы будете иметь. А из них уже легко сообразите, вариант применим к текущей задаче.

Удачи вам!

​Как изучать английский язык

Нет, это не реклама одного из порталов. Это моя история о том, как я решила оптимизировать этот процесс.

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

Почему не самостоятельно? Чтобы держать мотивацию. Когда тебе назначен урок и ДЗ, уже нельзя отступить. Как гласит один из лозунгов мотиваторов: «Вначале загони себя в рамки, в которых нельзя не делать. А потом делай».

Во-вторых, чётко определила свои цели. Моя - это свободное общение в ИТ-теме и понимание экскурсии зарубежом. Мне абсолютно все равно на популярный бизнес-English, изучение грамматических конструкций и сериалы. Основное - это пополнение словарного запаса и чтение статей (или аудио) уровня Википедия. В идеале - на том же уровне их составлять. Иностранный язык огромен, знать все нереально. Выберите в этой массе то, что актуально лично вам.

В-третьих, изучайте уровень выше необходимого. Я взяла курс по IELTS не потому, что планирую его сдавать, а по той причине, что на нем изучаются более сложные тексты, чем на General English. Зачем застревать на простом, если можно двигаться дальше и быстрее достигать прогресса? Даже при сдаче IELTS-экзамена дают совет: “Как сдать IELTS на 7.0?” - “Все очень просто. Достаточно знать на 8.0”.

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

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

А какие лайфхаки для изучения английского знаете вы? Напишите, мне правда интересно.

​Что такое командная строка и зачем она?

В процессе работы за компьютером нам регулярно нужно взаимодействовать с операционной системой. Например, чтобы открыть файл. Это возможно сделать двумя способами: через программу (Word, Photoshop, Проводник и др.) и через интерфейс командной строки.

Интерфейс командной строки (Command-line interface или CLI) - это специальная программа для манипуляции с операционной системой с помощью текстовых команд. Не через интерфейс отдельного приложения, а именно с помощью команд.

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

Как запустить командную строку? Если вы - пользователь Windows, напишите в поле поиска приложений “cmd”, а если Mac - “terminal”. У вас отобразится программный интерфейс, в котором вы можете набирать команды.

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

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

​Зрение у программистов

Да, работа программиста предполагает непрерывное сидение за компьютером. Иногда по 14-16 часов в день. Возникает резонный вопрос: как это влияет на зрение разработчика?

Вначале расскажу о себе. У меня плохое зрение с начальной школы, когда я убила его регулярными вышиванием в темноте. С тех пор я носила очки и не сидела дальше второй парты. А с 10-ого класса перешла на регулярные линзы с диоптриями -4.

Нагрузка на глаза была огромной, особенно, на стадии Junior. Тогда я за целый день могла провести 14 часов за компов, отвлекаясь только на еду (прям как в апреле на карантине). Чтобы мониторить ситуацию, я регулярно наблюдалась у врача: ухудшения не было. Где-то я слышала, что линзы стабилизируют зрение и сохраняют его на том же уровне. У меня такое и произошло.

В целом, информация о том, что у разработчиков плохое зрение - правда в 90% случае. Практически все носят очки или линзы. Каждый третий делает лазерную коррекцию. Выход тут только один: слушать советы офтальмологов. Каждые два часа стоит делать перерывы: пойти к коллегам поболтать, прогуляться, пообедать и т. д. Обычно день программиста состоит не только из кодинга, но и из встреч, - в это время глаза отдыхают.

Периодически от непрерывного время провождения перед компьютером пересыхают глаза. Помогают в этом случае специальные капли, например, “Артелак всплеск”.

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

Может возникнуть вопрос: идти или нет в программисты, если у вас плохое зрение? Ведь не хочется убивать на изучение полгода, а потом понять, что в этой профессии работать ты не сможешь. Я бы рекомендовала регулярно наблюдаться у офтальмолога, и если ухудшения нет, продолжать обучение. Скорее всего, так оно и произойдет.

​Если начинать активничать, то делать это по-полной. Завтра, в четверг, в 20.00 я проведу еще один вебинар.

На этот раз на тему “Что представляет собою процесс веб-разработки? Профессии в ИТ”.

Мы разберем:

- как строится процесс веб-разработки. Пройдем от этапа “составление тз” до этапа “выкладывание сайта в интернете”;

- поговорим о профессиях в вебе. Разберемся, чем отличается дизайнер от верстальщика;

- узнаем, каким образом работать с макетом сайта.

Приглашаются все желающие! Старт завтра, в 20.00. Для записи напишите мне в личку. Вебинар бесплатный.

​Как у меня увели заказчика

Банальная история, но обычно о таком не говорят.

Сделала я сайт агенства недвижимости. Долго и нудно старалась, выдыхаясь из последних сил. Конечно же, после сайта необходимо продвижение. Поэтому мой клиент был в поисках хороших СЕО-специалистов.

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

Но не тут-то было. Мой СЕО-специалист владел агенством по созданию сайтов, и дорабатывать веб-страницы ему хотелось самому. Поэтому обо всех хотелках клиента он мне даже не сказал. Лишь позднее я лицезрела доработки на обновленном сайте. Позднее мелкие правки переросли в полноценную переделку портала. Так я потеряла клиента.

Но заказчиков с агенствами недвижимости у меня было несколько. Со вторым я дружила гораздо дольше. Ровно до той поры, пока у них не появился СЕО-специалист, обматеривший мою работу и выбор CMS полностью, чем заставил добавить его номер в черный список. Через пол-года я увидела новый переделанный сайт.

Конечно, СЕО-специалистам (да и новым программистам) гораздо выгоднее переделывать портал полностью, чем совершать мелкие доработки на нем. Их популярная стратегия - “полить грязью” предыдущего специалиста и убедить заказчика в том, что все было сделано неверно и надо написать сайт с нуля. Такой он, рынок фриланса, где каждый стремится урвать свой кусок.

С тех пор я не доверяю СЕО-специалистам. А мысли на будущее: никогда и ни к каким программистам заказчиков не отпускать и доступы не предоставлять. Даже если они кажутся надежными.

P.S. Да, конечно, не все СЕО-специалисты плохие. Верю, что среди них есть и честные. Но мне судьба выдавала не их.

​Книги по веб-разработке

Конечно, читать можно не только художественную или бизнес-литературу. В библиотеке есть еще и секция “Профессиональная”. В т.ч. и по программированию.

Спрашивают меня о том, что почитать по кодингу. Ок, отвечу:

1. Книга “Вы не знаете JS”. Подробное пособие по JavaScript в нескольких томах, охватывающее все современные нюансы языка. Если вы ищите учебник, чтобы полностью разобраться в основах и отвечать на самые каверзные вопросы на собеседованиях, вам сюда. Есть в открытом доступе, - все для вашего развития.

2. “Секреты CSS. Идеальное решение ежедневных задач”. Если у вас хорошо идет верстка и вы планируетесь углубиться в эту тему дальше, - эта книга для вас. Издание рассказывает о небанальных подходов в решении ежедневных практических задач. Есть ссылки на примеры, которые можно потыкать. Краткая выдержка тут.

3. “Грокаем алгоритмы. Иллюстрированное пособие для программистов и любопытствующих”. Если в школе и институте вы пропустили алгоритмы, то это пособие для вас. Понятным языком объясняются основы программирования, которые должен знать каждый прежде чем приступать к изучению JavaScript.

4. “Совершенный код”. Если прочитаете, будете большие молодцы: осилить трудночитаемые 900 страниц под силу не каждому. Однако, книга знакомит с важными best-practise в ваших ежедневных решениях. Должен прочитать каждый. Жаль только, что примеры в книге на Java, а не на JavaScript.

И, напоследок:

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

На всякий случай: много бесплатных книжек по программированию есть здесь https://vk.com/revall. По JavaScript/React в т.ч.

На этом все. Если знаете другие хорошие источники по веб-разработке, присылайте мне в личку. Поделимся с другими!

​Итак, свершилось! В это воскресенье, в 14.00 я проведу вебинар на тему “С чего стоит начать изучать frontend, навыки для Junior и как создать портфолио для собеседований”.

Разберем:

- Как построить программу для самостоятельного обучения.
- Пошаговая инструкция про старт во frontend.
- Примеры проектов для самостоятельного обучения.
- Какие навыки важны для Junior-developer.
- Каким образом создать портфолио новичку.

Старт: 14.00, 3 мая. Все участники получат презентацию вебинара и запись трансляции.

Чтобы записаться, пишите мне в личку. В день старта за час до придет ссылка на трансляцию.

​Что такое алгоритм?

Сегодня поговорим об одном из самых базовых понятиях программирования. А именно: алгоритмах.

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

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

Основное отличие между человеческими и компьютерными алгоритмами в том, что отдельная личность может догадаться, о чем идет речь в случае неточности, а компьютер - нет (машинное обучение в расчет не берем). Поэтому для машин нужна супер-точное и подробное описание действий без вариантов множественного толкования.

Из чего состоит алгоритм? Давайте разберемся:

1. Входные параметры. Алгоритму нужны начальные значения, некая отправная точка, от которой он будет работать.

2. Выходные данные. Алгоритм, как правило, дает некий результат. Для чего-то вся комбинация сложных действий все же задумывается.

3. Определенность. Каждый шаг алгоритма (а их несколько) должен быть описан предельно точно. Философское и множественное толкование лишь приводит к ошибкам.

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

5. Конечность. Бесконечные алгоритмы - плохо. Вы должны уметь достигать результата за заданное число шагов.

6. Общность. Алгоритм решает ту задачу, ради которой он создавался. Иначе какой во всем вышеперечисленном смысл?)

Советую вам ознакомиться с примерами алгоритмов лично. Например, в книге “Грокаем алгоритмы. Иллюстрированное пособие для программистов и любопытствующих”. Во-первых, они вам пригодятся в повседневных задачах, а, во-вторых, не провалите подобные вопросы на собеседованиях.

Не скучайте! Новые технические статьи для начинающих вас скоро снова ждут.

​Roadmap. Как изучать веб-разработку

Ждали совета-инструкцию, что необходимо знать начинающему веб-разработчику, а что - еще нет? Пожалуйста, она появилась. Конкретный план для будущего фронтендера со ссылками на все инструменты.

Желтый цвет - то, что было бы неплохо знать на уровень Junior, оранжевый - уровень Middle. Конечно, некоторые технологии весьма специфичны и не факт, что в будущей работе вы их будете использовать. Но хотя бы поверхностно изучить стоит.

Ну что, какой процент из отмеченного вы уже знаете?)

​Перерабатывают ли на фрилансе?

Да, и часто. Особенно, если стоимость работ оговорена заранее.

В момент поиска клиента самое важное для вас - его зацепить. Поэтому иногда приходится снижать итоговую стоимость. Или хитрый заказчик сделает это сам, сказав, что в другом месте его предложили дешевле. Но, даже получив жирного клиента, не стоит терять рассудок: всегда внимательно изучайте требования. А трудновыполнимые мелочи (к которым потом легко придраться) лучше и вовсе удалять из договора.

Пример из практики: в требованиях написано “поддержка всех браузеров с IE8”. Разработка под IE - всегда труднозатратный процесс, а чем ниже версия, тем сложнее. Вполне может увеличить и стоимость, и сроки проекта на 30%. Не факт, что вашему заказчику это столь важно: он мог скопировать стандартный договор, не разобравшись в деталях. Даже Microsoft уже официально прекратил поддержку IE 10 (и кто сейчас вспомнит IE8?). Смело обсуждайте все спорные моменты договора в начале.

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

Как правило, заказчики делятся на два типа: адекватные и нет. Работайте только с первыми, выполняйте задачи на совесть, - и они обязательно привлекут вам новые заказы (или обратятся за доработками сами). А вторую категорию нужно научится отсеивать сразу. Если клиент хочет слишком много/слишком быстро и за малые деньги, не работайте с ним. Будет больше проблем, чем пользы.

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

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

​HackCovid19

К слову о том, как сформировать портфолио.

И остановить коронавирус.

Хакатоны - отличный способ практиковать свои возможности. Один из них проходит под актуальным названием covid-19. И призван помочь людям улучшить свою жизнь во время пандемии и предотвратить подобные вспышки.

В чем суть хакатона:

1. Все желающие программисты/аналитики/дизайнеры (в этом хакатоне и доктора) регистрируются на него.

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

3. Все команды в условиях ограниченного времени (2 дня) разрабатывают решения.

4. Выбирается победители, получающие шанс реализовать идею дальше.

Сам хакатон будет проходить 6-7 мая, в режиме онлайн. Если хотите отточить программистские навыки, welcome. Берут даже новичков, а работодатель обязательно обратит внимание на ваш практический опыт и желание помочь миру. Подробная инфа тут.

​Как заполнить профайл

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

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

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

Во-первых, вас приметят как качественно сотрудника, выкладывающегося на все 100% (не зря вы так старались над профайлом?). А, во-вторых, хедхантеры или заказчики быстрее поймут, что вы собою представляете.

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

Также не забудьте опубликовать проекты и описания к ним. Даже если вы их сделали и придумали сами. Желательно со ссылками. Собственноручно сделанный проект говорит о самостоятельности разработчика и возможности быстро разобраться в предмете. Даже если у вас не было ни одного заказчика, описывайте учебные проекты, желательно со ссылками. Конечно же, главное - чтобы они были сделаны качественно.

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

Если вы хотите стать фрилансером, то опишите конкретнее вашу специализацию. Профайл из разряда “делаю все за любые деньги” вызывает скорее недоумение, чем желание работать. Сфокусируйтесь на своих сильных технических сторонах (верстка, настройка серверов, написание SPA с нуля, рефакторинг кода и др.) и опишите их. Часто заказчик имеет точечный запрос, и ему нужен специалист под конкретную задачу.

Ну что, погнали заполнять профайлы?

​Китай. Как путешествовать по Поднебесной?

В плохие времена хочется максимально от них отвлечься и хоть на мгновение представить, что твоя жизнь не изменилась. Лично мне сейчас катастрофически не хватает чего-то доброго, веселого и светлого.

По этой причине я расскажу об одном из своих последних путешествий. В начале января, в Китай.

Мой обратный путь из Мельбурна (да, я праздновала Новый год в Австралии, подробнее здесь) пролегал через Китай. На этот раз в Гуанчжоу (про Пекин читайте тут). Кстати, Пекин отличается от Гуанчжоу как советская декабрьская Москва от современного июньского Сочи. Если в Пекине чувствуется советское диктаторство и -15, то в Гуанчжоу небоскребы, +24 в январе и дух урбанизации и капитализма. В этом плане Гуанчжоу сильно напомнил Гонконг (не удивительно, всего 129 км).

Но начну я с очередей.

Когда стоишь в очереди на границе Китая, ты готов проклясть все и никогда больше сюда не заезжать. Все сделано максимально некомфортно и нелогично для иностранцев, вместо 20 окошек туристов обслуживают всего 2. Ты должен сам искать свой багаж среди 60 стоек для его получения, ведь персонал никак не говорит по-английски.

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

Они не знают английский. Заказывать в кафе придётся с помощью Яндекс.Переводчика (Google заблокирован). Причём ставя галочки на листочке напротив нужных блюд, написанных по-китайски. В отеле в лучшем случае с тобой будут общаться на уровне Elementary (отдельные слова: bus, room, breakfast, - но не целые предложения). Лишь один раз в аэропорту сотрудник двумя корректными предложениями (!) объяснил, как пройти к стойке.

Они шумные. Они постоянно пьют китайский чай, едят палочками, и у них практически не найти кофе. В китайских блюдах реально встречаются лапки, печень, кишки (и такого добра большинство) и др., поэтому тебе повезёт, если закажешь, что надо. А выбирать придётся по китайскому меню, как правило, без картинок. Поэтому в основном я ходила в японскую кухню.

У них бесплатные туалеты через каждые 500-1000 м. Правда, такие, как у нас в деревне (без унитаза). Они оплачивают все через приложение WeChat, которое весит 1 гб, сканируя QR-код. Как я поняла, в нем все, в том числе социальная сеть. Однако, зарегестрироваться не удалось: подтвердить твою личность должен другой китаец. Карты Visa/MasterCard не принимают.

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

Пересадку в Гуанчжоу я делала через авиакомпанию China Southern, любезно предоставившую бесплатный отель на 1 ночь с завтраком и free трансфер. Для россиян был доступен безвизовый 24/72/144 часов транзит, но с кучей звездочек. Еще в январе я поразилась тому, какая Китай - удивительная и нестандартная страна, дешевая, но с малым количеством европейских туристов. И сказала себе, что надо будет съездить в этом году в Китай еще один раз. Или хотя бы рассказать другим, какой он прикольный.

​Полезные расширения для Chrome

Про расширение PixelPerfect я уже писала. Также, как и про BrowserStack. Давайте рассмотрим другие, которые могут оказаться полезными в работе.

Page Ruler - позволяет замерять расстояние между объектами. Часто дизайнер говорит, что между этим блоком и другим должно быть ровно 40 px. Расширение позволяет это проверить.

Grid Ruler - позволяет расставить объекты по направляющим. Странно, если картинка и текст, расположенные слева, будет на 2 пикселя отставать друг от друга. Работает так: вы сначала расставляете линейки, а затем подгоняете объекты в CSS под них.

Eye dropper - узнайте цвет текста у конкурента.

Grammarly - позволяет вам писать на английском корректно. Исправляет грамматические и стилистические ошибки в т. ч. в бесплатной версии.

Vimbox Переводчик от Skyeng, LinguaLeo English Translator - переводчики текста онлайн. Выделяете непонятное слово - и сразу видите, что оно означает. Актуально для английских ИТ-статей.

А вы какие полезные расширения используете? Напишите мне об этом в личку.

​Code Style. Что это такое?

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

На любых предприятиях есть ряд инструкций, как стоит себя вести. Пример - сотрудник call-центра: у него чёткий алгоритм, что говорить в том или ином случае. Похожие требования есть и у разработчиков. Они относятся к подходу написания кода в целом и рассказывают, как делать хорошо, а как - плохо. Называются они style guide (гайды стилей).

Так, в требованиях значится, стоит именовать переменные в camelCase или в upper_score. Будете ли вы использовать const или var для задания переменной в JavaScript, стоит ли писать кавычки всегда в функциях и каким образом оформлять комменты. Более подробный пример code style смотрите здесь.