Frontend&Travel

​Всем привет! У меня для вас новое антикризисное предложение.

Для тех, кто хочет потренироваться в знаниях по HTML/CSS, JavaScript и React, а также расширить собственное портфолио.

Многие из вас в нерабочий месяц решили актуализировать портфолио для поиска заказчика/работы в лучшие времена, а также прокачать текущий уровень программирования. У меня для вас предложение 2-в-1.

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

Как все выглядит:

1. Вы выбираете тему для прокачки. Это может быть HTML/CSS, JavaScript или React и получаете доступ в личный кабинет для работы.

2. Каждый понедельник я вам даю задание на неделю с подробным описанием того, что необходимо реализовать. Все вспомогательные ссылки с подробным объяснением материала по теме также даются.

3. Вы выполняете работу 6 дней, задаете вопросы, если они возникают.

4. Каждое воскресенье утром я публикую ответ с подробным устным объяснением того, как этот функционал надо было реализовать.

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

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

Вся работа происходит над одним и тем же макетом. Через месяц у вас оказывается готовый проект.

Старт мероприятия 13 апреля. Продолжительность - 4 недели. Стоимость всего 3000 руб. за курс.

Под “курсом” понимается один блок: либо “HTML/CSS”, либо “JavaScript”, либо “React”.

Однако, у меня есть наиболее оптимальное предложение, для тех, кто планирует изучить несколько тем. Вы можете взять полный пакет “HTML/CSS” + “JavaScript” + “React” за 5 000 руб. Тогда доступ к марафону сохранится для вас на 16 недель.

Давайте на месяц забудем про коронавирус и перенесемся в прекрасное и светлое будущее. Делать мы будем вот такой красивый веб-сайт: главная страница, страница поиска и страница номера отеля. Да-да, все три. На пакете “HTML/CSS” мы также разработаем мобильную версию (тех, кто ее не умеет делать, научу).

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

Предложение оптимальное, нигде больше возможности создать сайт для портфолио из 3-х страниц с подробным описанием каждого шага и менторской проверкой за 3000 руб. я не видела.

Торопитесь! Много людей мне не осилить. Для записи напишите мне в личку.

​Про карантин

Все пишут личное мнение на этот счет - и я туда же). Захотелось высказаться.

То, что будет жесткий карантин в России я предугадала уже после возвращения из Италии. Уже 26 февраля я сходила в магазин и закупилась долгоиграющими продуктами и антисептиками.

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

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

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

За время своего первого карантина я оформила для себя ряд правил и советов, которые стоит сделать во время второго. Вот они:

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

2. Купить удобный компьютерный стул, за которым можно работать часами.

3. Составлять четкие цели на день и план и всегда ему следовать.

4. Одеваться и краситься, как будто ты идешь на работу, чтобы не поддаваться депрессии.

Есть еще моменты, которые я не решила до сих пор. Возможно, вы мне с ними поможете:

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

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

Если есть идеи, что предложить по этим пунктам, welcome. Мне правда это важно)

А теперь о том, чем я занимаюсь на карантине: программированием. Это один из тех редких случаев, когда в моей насыщенной жизни больше ничего нет. Я работаю на основном проекте, на подработке и активно ищу что-то третье. Уже закончила проходить курсы по Kotlin и, возможно, скоро начну React Native. Зависит от результативности стартапа, в котором я тоже принимаю участие.

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

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

​А ведь правда можно стать разработчиком за 6-8 месяцев?

На Ютубе об этом много говорят.

Можно все, что угодно. Вопрос в том, до какого уровня и как часто ты готов этим заниматься. А также, по каким материалам и есть ли у тебя конечная цель. Как видите, параметров много.

Очень часто я вижу рекламу курсов по программированию за 6 месяцев с трудоустройством. Давайте проведем аналогию с ЕГЭ.

Вам нужно сдать ЕГЭ на 90 баллов. Для этого ваша ежедневная работа - это решение тестов. Вы скупаете всевозможные учебники и ответы на них, по 100 раз разбираете непонятные темы, и каждый вечер тренируетесь по экзаменационным материалам. При этом занимаетесь по 5 часов каждый день (а в выходные больше). Будет ли положительный (>90 баллов) результат через 6 месяцев? Скорее всего да. Будет даже быстрее, если у вас уже была достойная первоначальная подготовка.

То же самое и с собеседованием. Относитесь к нему как к экзамену. Вам не нужно знать все: вам нужно знать ответы на основные вопросы. Как правило, они стандартны (Google в помощь). И если вы на протяжении 6 месяцев будете их решать, а также подробно разбирать все непонятные около моменты, вы пройдете! Только полного понимания JS и верстки не будет.

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

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

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

Если готовитесь к собеседованиям, то изучите “от и до” https://learn.javascript.ru/. А для получения практического опыта сходите на https://www.codewars.com/.

Это был вопрос от подписчика. Я их очень люблю! Они меня вдохновляют на новые идеи для статей. Задать свой можно здесь.

​Как у вас дела? Пора учиться

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

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

Ближайший старт уже завтра, 30 марта. Цена вопроса 7 000 руб. Для тех, кому необходимо время подумать, организую еще один: с 6 апреля.

Условия все те же, возьму еще 5 человек.

​Как подготовиться к собеседованию? Junior Front

Топ-7 ресурсов для начинающего фронта. С конкретными примерами вопросов. Простите, на английском языке (даже junior уже должен владеть техническим английским):

1. https://h5bp.org/ - множество вопросов для начинающих.

2. Thatjsdude - еще одни вопросы с ответами.

3. Davidshariff - на случай, если вы предпочитаете тесты.

4. Performancejs - много вопросов на практику. Переходим к делу.

5. Статья Medium - для тех, кому все же нужен вариант на русском. С ответами.

6. https://proglib.io/p/9-js-questions/ - каверзные вопросы на русском

7. Freecodecamp - хорошее обсуждение 28 вопросов для Junior.

Кстати, если считаете себя Middle, тоже взгляните на вопросы. Будущие работодатели спрашивают в т.ч. и основы.

​16-ти летние против 30-ти летних

Я очень люблю, когда мне пишут подписчики. Недавно мне написал парень шестнадцати лет.

И продемонстрировал свои работы на фрилансе. И знаете что? Они ничуть не хуже тех, которые делают студенты на курсах. А ещё один коллега по работе рассказывал, что делегировал создание формы фрилансеру. И он ее сделал на уроке информатике за 400 руб.

Слушая подобные истории кажется, что молодые совсем скоро обгонят «стариков». Однако, правда в том, сколько лет у тебя опыта.

Если ты верстаешь сайты с 14 лет, 100% к 16 годам ты будешь делать это лучше 30-ти летнего взрослого, недавно окончившего онлайн-курсы. Особенно, если у тебя был знакомый, который твой труд комментировал.

Знаете, за что мне ещё нравятся «молодые»? Они хорошо гуглят. У них нет понятия, что преподаватель должен разжёвывать весь материал, и если этот момент не объяснён в видео, то непонятно, как делать. Они просто ищут то, что интересно, смотрят обучающие видео, читают статьи и стараются повторить результат на собственном примере. А если сталкиваются с проблемами, то ищут решение в интернете. И такое самообучение больше всего похоже на реальную работу программиста.

Так что давайте, 30-ти летние, ускоряемся.

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

Зайдите на сайт Яндекса. Если соединение с интернетом у вас не самое быстрое, то в разделе “Интересное в СМИ” вы сначала увидите серые полоски, а затем появившуюся информацию. Подобное есть и на Medium, и на Youtube. Этот эффект называется “Shimmer”. Мы сначала обозначаем места, где будет показываться информация, а потом только ее отображаем.

Для того, чтобы сделать такой эффект, потребуются знание JavaScript. Вам сначала стоит запросить данные, отобразить shimmer (пока ждете, что данные идут), а, когда данные появятся, добавить их на страницу (либо отобразить ошибку, если их нет). Т.е. вам нужно научится обрабатывать, появились данные или нет. Для этой цели подходит async-await в JavaScript или React.Suspense в React.

А как красиво нарисовать сам CSS-эффект для shimmer, смотрите здесь.

Давайте делать наши сайты красивыми и современными!

​Учиться, учиться и еще раз учиться

Меня спрашивают о том, можно ли попасть на курс “Frontend с нуля”. Ответ - да. Теперь он стартует каждый понедельник.

Условия все те же:

- 10 видео-уроков с информаций “что, почему, и как”. Проходим, как устроен веб, движемся от HTML-тегов к верстке и в конце разбираем JavaScript. Каждый урок разбит на ~ 10 видео по 10 минут.

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

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

Курс идет 6 недель и ближайший поток стартует 23 марта. Также поток будет 30 марта и т.д. Занимайтесь тогда, когда вам удобно! В своем темпе и ритме. Если вы вдруг заболели, окончание курса на время болезни можно отсрочить. Также у каждого из вас будет персональный личный кабинет.

Подробнее о том, что включает в себя курс, здесь. Возьму только 10 человек, поспешите! Цена предложения 7 000 руб., запись в личку.

​Про книги. Аудиокниги

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

Начала я с подкастов на ITunes. Но со временем поняла, что состоят они в основном из личных мнений спикеров, которые всегда противоречивые. Мен же тянуло к интеллектуальному обогащению, узнать информацию, не слыханную раннее. Кстати, из немногих зашедших на ITunes, мне понравился подкаст "НОРМ" и Science Bar Hopping.

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

Затем пришлось подбирать ресурс с большим числом познавательных материалов. Увидев рекламу MyBook, я остановилась на этом приложении. За триал-период я успела прослушать fun-истории про аэропорт (“Дневник стюардессы”, Елена Зотова, сотрудница Аэрофлота, впечатление, что слушаешь сборник анекдотов), книгу “Аэропорт” Артура Хейли (захватывающая проза про бедствие в аэропорту и про личную жизнь его сотрудников) и “Мартин Иден” от Джека Лондона. В общем, меня затянуло.

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

А чем дополнительно занимаетесь вы во время пробежек/фитнеса/домашних дел? Я слышала, что многим не хватает времени, чтобы читать книги. Так, может, в их аудио-версии и есть решение?

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

​Где писать код?

Когда только начинаешь изучать программирование, первое, что приходит в голову пользователям Windows, - Блокнот. Иначе говоря, текстовый редактор. Конечно, такой вариант возможен, однако, далеко не оптимальный. Ведь никакой подсветки синтаксиса он не предполагает (а, значит, вы с ума сойдете искать ошибку, которая где-то незаметно закралась).

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

Sublime Text 3. По умолчанию редактор не сильно отличается от Notepad++, однако, с помощью дополнительных плагинов его можно значительно улучшить. Например, писать код практически моментально, обновлять сайт его в режиме реального времени или выравнивать все теги друг под другом автоматом. Быстро и удобно, значительно оптимизирует время. О том, как поставить плагин Emmet, инструкция тут. Бесплатная версия Sublime Text 3 будет иногда показывать рекламу.

Есть, конечно, проги еще серьезнее. В которые все плагины уже встроены. Называются они IDE или Интегрированные Средства Разработки. Системы сложные, с первого раза не разберешь. Поэтому рекомендую их уже прокаченным программистам. Примеры таких систем: Webstorm (платная) и Atom (бесплатная).

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

​Перерабатывают ли программисты?

Возьмем крупную компанию ≈ 40 - 100 человек в ИТ-отделе. Предположим, что все они трудятся над одним и тем же сайтом, посвященном продаже квартир. При этом все участники разбиты на команды по 5-6 человек, отвечающие за отдельный функционал. Одна делает страницу поиска, вторая - личный кабинет агента, третья - блог и т.д.

В каждой такой команде присутствует project manager - руководитель группы, frontend-разработчик, backend-разработчик, тестировщик и аналитик - постановщик требований. У команды есть конкретные задачи по разработке функционала, которые надо за 2 недели выполнить. В случае успеха, новые разработки “выходят на прод”, т.е. попадают в интернет.

И возникает вопрос: что делать, если в заданные сроки вы разработать функционал не успеваете? А если он не выходит не по твоей причине, а по вине backend-разработчика?

Больше всех о выводе функционала беспокоится project-manager. У него зарплата от этого очень сильно зависит. И его задача: мотивировать вас выполнить все в отведенные сроки. Или договориться с кем-то выше, чтобы сроки отложили.

В случае неудачи (не успели/пришли новые требования/неверно первоначально оценили сроки) в цивилизованных компаниях вам предложат поработать дополнительно. Например, в выходной день или сверхурочно. Как правило, по 1.5х или 2х ставке. Обратите внимание: попросят, а не заставят. Вы всегда в праве отказаться.

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

Основной нюанс здесь кроется в том, что “давить” и заставлять делать больше будут, как правило, на начальных этапах карьеры. Рынок Junior не так велик, как хотелось бы: начинающему специалисту сложно найти новую работу. Да и, рационально поразмыслив, ситуация не столь плоха: в начале пути самое важное - набраться опыта. И чем больше дополнительных задач ты решишь, тем лучше. Думать о деньгах будешь потом.

Зато с уровнем Middle или Senior сменить компанию очень просто. Поэтому в случае переработок работодатели предлагают более выгодные условия. Слышала, что на одном стартапе заработали 500 000 руб. в месяц, трудясь по 80 часов в неделю.

Конечно, в маленьких компаниях и на фрилансе ситуация иная. Но об этом потом.

​Chrome Dev Tools. Тестирование

Рано или поздно каждый начинающий разработчик сталкивается с тем, что код надо тестировать. Надо экспериментировать с цветами, подгонять макет под Pixel Perfect, смотреть значение переменной. Отлично помогает в этом стандартное решение для дебаггинга - Chrome Dev Tools.

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

Конечно, у других браузеров (Safari, Mozilla) существуют подобные решения. Однако, самым популярным и удобным до сих пор остается вариант от Chrome.

​Венеция и коронавирус

Удосужилась я отправиться в Италию на 23 февраля. В самый разгар эпидемии.

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

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

22 февраля я отправилась на озеро Гарда. Приветливая Италия, расслабляющая национальная музыка, вдохновляющие виды и +18, - я была абсолютно счастлива и уже почувствовала приход весны. В приятном предвкушении я ожидала, что такими же будут и последующие три дня.

Лишь на обратном пути поезда я случайно взглянула на электронное табло, передававшее новости. Даже без знания итальянского стало понятно, о чем дело. На нем значилось: “coronavirus”, “veneto”, “22”. Речь шла о зараженных в городке, в 10 км от которого я сейчас проезжала. И тут мне стало страшно: ведь на завтра мне предстояло посетить Венецианский карнавал. Я пообещала себе найти с утра медицинскую маску и успокоилась.

Но не тут-то было. Масок не оказалось в аптеках. Причем, судя по удивлениям продавцов, об их наличии позабыли уже неделю назад.

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

23 февраля выбирали самый необычный костюм маскарада. Победили марионетки. Это был самый необычный День Защитника Отечества для меня.

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

На следующий день мне предстояла Верона. Городок находится на окраине округа Veneto, и, судя по новостям, вирус его еще не успел задеть. Людей в масках тут не было, зато музеи не работали и кафешки оставались полупустыми. Но IZI.travel меня спас.

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

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

Вернулась в Москву я ночью 26 февраля. В Шереметьево приезжающих никак не проверяли - а жаль, мне бы хотелось. Узнала, что обследовать всех начали с 27-ого. На всякий случай я решила организовать себе 14-ти дневный карантин.

А маскарад в Венеции и правда красив. В мирное время он точно того стоит. Больше маскарадных фото смотрите здесь.

​3 года в Москве

Февраль, 2017. Я только-только ушла из старой организации и полноценно включилась в работу в новой компании.

Компания работала с московским заказчиком. Сама я из Петербурга, и начинала взаимодействовать с этим проектом удалённо. Мои командировки в Москву участились, и через 3 месяца удалённой работы встал вопрос о том, чтобы отправиться в столицу на пару месяцев.

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

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

Благодаря проекту, на который меня назначили, мое пребывание в Москве продлилось на месяц. Потом еще и еще. Так я обосновалась на 36 месяцев в столице, сама того не ожидая.

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

Я стала ездить в культурную столицу каждые три недели. Таким образом, я восстанавливала баланс.

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

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

2. Люди в столице привыкли рано вставать, и неоднократно я вижу отчёты в Instagram о том, как кто-то пробудился в 5-6 утра. Для меня такое положение вещей до сих пор остаётся загадкой, также как и те, кто ложится в 23. Лично для себя уснуть в районе 3 часов ночи считаю абсолютно нормальным.

3. Я до сих пор поражаюсь ценам на квартиры в Москве и не понимаю, почему они в 2 раза выше. Только знаменитая фраза «Спрос рождает предложение»все объясняет.

4. Улучшение качества жизни горожан в Москве происходит стремительнее. Достаточно вспомнить, что за один 2019 год открылось 8 новых станций метро, а с начала моего пребывания - 35 + МЦД (петербуржцы, завидуйте). Также здесь множество городских мероприятий, и город просто живёт, обновляется и радуется.

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

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

​Как верстать грамотно

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

Для тестирования вашей верстки и оригинала существует замечательный плагин PixelPerfect. Создаете страницу, как считаете нужным, накладываете оригинал (можно сделать принскрин, например, из Zeplin), уменьшаете прозрачность на 50% и смотрите, где различия. И там, где они образовались, правите и подгоняете под макет. Главное, чтобы картинка оригинала была 100%-ой ширины, а не больше/меньше нужной.

Зачем верстать PixelPerfect?

1. Показывает качество вашей работы. Результат должен быть таким, каким его видит дизайнер, а не таким, как увидели макет вы. Верстать без PixelPerfect - все равно что рисовать лишь контуры, не прорисовывая детали.

2. Позволяет обнаружить ошибки. Если у вас блоки съезжают на 2-3 пикселя относительно друг друга, то вам, как программисту, будет казаться, что все ок, а пользователю - некомфортно. При этом отсутствие комфорта он будет воспринимать подсознательно, не в состоянии объяснив, что именно не так.

3. +1 балл в карму перед заказчиком и в резюме. Все любят программистов, верстающих PixelPerfect, а не кое-как.

На что надо обратить внимание:

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

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

​Как тестировать в Internet Explorer?

Если у вас MacBook. Или как проверять сайт в Safari, если вы - обладатель Windows.

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

На работе мы используем решение от Browserstack: регистрируетесь, выбираете браузер, в котором хотите протестить (от IE6 и Android 4.4), вбиваете нужный сайт, - и погнали. Переходите по страницам, смотрите инспектор элементов, ищите ошибки и анализируете, как ведет себя приложение на другом устройстве.

Есть одно но: как правило, сайт должен находиться на домене, т.е. быть выложенным в интернет. Но, если вы хотите проверить разработку локально, решение есть: ставите плагин для Chrome и нажимаете “Запустить приложение”.

Browserstack - самый популярный интрумент для тестирования во всех браузерах. Однако, на первых порах цена кусается: 12.5$ в месяц за 100 минут использования независимым разработчиком. Временная версия бесплатно доступна для всех - всегда можно нахаляву заюзать.

Существует решение дешевле, но замороченнее: установить локальную машину на свой комп. Виртуальная машина позволяет вам эмулировать поведение Windows/Linux на MacBook и наоборот. На одном компьютере можно ставить разные версии операционных систем. Подробнее о том, что это, здесь. Информация о том, как поставить виртуальную машину на Windows тут, а на Mac - вот тут.

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

​Зачем мне блог?

Задали мне тут интересный вопрос: зачем я людей программированию учу? Вроде, у меня и так все хорошо. Telegram-канал еще веду… Зачем?

Пассивный доход. Заработок с ежедневной занятостью в 1-2 часа приравниваю к пассивному. Жизнь научила меня распределять риски. Никогда не останавливаться на чем-то одном и оперировать несколькими источниками дохода. Чтобы в случае неудачи не жаловаться на государство и плохих начальников, а рассчитывать только на себя.

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

То же самое и здесь. Я знаю, что хорошо программирую, есть значительный опыт преподавания, могу говорить долго и без запинок, с детства разбираюсь в Premier Pro (создание видео) и Photoshop, а также обожаю писать тексты и формулировать собственные мысли. Я анализирую рынок, изучаю потребности и стараюсь предложить ему то, что будет для меня наименее трудозатратно и максимально прибыльно. А параллельно кайфую от того, как продукт растет.

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

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

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

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

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

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

Однако, свои личные KPI по нему я тоже не выполняю. Поэтому я в поисках новых идей. Расскажите мне, в чем у вас состоит основной затык во фронтенд-разработке. Нет времени на обучение, не найти первую работу, нет грамотного преподавателя, непонятно, как прокачать знания с junior по middle или с middle до senior, не ясен JavaScript, а не верстка и т.д. и т.п. Смело пишите мне в личку, и я буду думать, как я эту проблему могу решить. Ведь самое ужасное - тратить свою жизнь на то, что никому не надо.

​Китай. Не только коронавирус

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

7 часов утра, Москва. Пора ехать в аэропорт, но такси дорожает в 4(!) раза. И при такой цене оно приезжает лишь через 20 (!) минут и тащится в 2.5 (!) раза дольше.

Подталкивая таксиста, немного удаётся сократить время до аэропорта. Мы были за 1 час до вылета. Уральские авиалинии в это время перегружены, и, договорившись с людьми в очереди, мы оказываемся у стойки за 5 мин до окончания регистрации. И тут начинают разбираться с визой. Впечатление, что в Домодедово впервые встретили людей, летящих в Сидней. А распечатанная на А4 виза (в Австралию они только электронная) их еще больше удивила. С правилами китайского транзита работники аэропорта были явно не знакомы. Впрочем, на обратном пути из Австралии в Китай тоже. Кое-как уладив проблемы, мы проходим регистрацию за 1 мин до.

Далее нас ждёт пересадка в Екатеринбурге и ночь без сна. Утром следующего дня (00 по Москве), мы, сонные, оказываемся у китайского паспортного контроля. Две очереди, суммарно на 4 часа. Без малейшей возможности исполнить физические нужды, купить воды или, наконец-то, выспаться. Ты чувствуешь себя рабом, которого заставили стоять, лишив всех людских потребностей.

Кстати, в Китайской транзитной визе на границе могут отказать. Тогда придётся 4 часа стоять заново. На тех же условиях.

Но, кое-как выстояв, я пробралась. И готова сообщить вам факты о Пекине:

1. В интернете говорят, что Google, Wikipedia, Instagram, Telegram,- все блочит Китай. У меня они прекрасно работали. Правда, с российской симкой и заграничным интернетом. По Wi-FI с самым крутым (читай “разрекламированным”) VPN без шансов.

2. Три дня я проездила по экскурсиям, и всего пару раз встретила европейца (где все иностранцы с паспортного контроля?))

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

4. Цены на еду московские (600 - 1000 руб. полноценно перекусить), на достопримечательности - армянские (50 - 250 руб.), метро 20-30 руб. за поездку по центру.

5. Погода в Пекине в декабре была Московская-2019 (около 0, без снега). Вот только солнечно каждый день (Поднебесная, как никак).

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