Frontend&Travel

​Что небанального посмотреть в Санкт-Петербурге?

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

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

Особо популярен в Спб стал SUP-серфинг: катание стоя на доске с веслом. Впечатление, что этот вид спорта попробовали почти все. Записаться можно, например, тут. Больше всего меня впечатлила прогулка по рекам и канала в 5.30 утра и Закатная Лахта (читай, фотка на фоне нового хайтек-здания Лахта-центр).

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

Летом особенно замечательно побродить по пригородам, тем более, в отсутствии китайских туристов. Туристический бизнес - одна из приоритетных отраслей экономики города, ежегодно сюда приезжает порядка 10 млн. (половина из которых - иностранцы). Погуляйте по Петергофу, купив билет онлайн и, желательно, отправившись на метеоре из центра города. Отправляйтесь в Пушкин (Екатерининский дворец), Гатчину (Гатчинский дворец), Ломоносов (Дворцово-парковый ансамбль «Ораниенбаум») и Выборг (городок в европейском стиле на границе с Финляндией).

Если в Петербурге до этого вы были давно, то без классики не обойтись. Дворцовая площадь, Эрмитаж (уже работает), Стрелка Васильевского острова, Спас-на-Крови, Исаакиевский собор, Казанский собор, Петропавловская крепость, теплоход по рекам и каналам, развод мостов, - все для вас.

В последнее время стало популярным изучать не только исторический город, но и новостройки в Петербурге в стиле хайтек. Съездите посмотреть новый символ города - Лахта-центр (высотка сопоставима с небоскребами в Москва-сити), прокатитесь по ЗСД (Западно-скоростной диаметр) с видом на залив, возьмите в аренду велосипед или самокат вблизи Яхтенного моста и стадиона Газпром-арена, а также прогуляйтесь по побережью Финского залива в парке 300-летия и посмотрите новый арт-центр города - остров Новая Голландия.

Где жить? Тут все стандартно: если планируете готовить и забегать домой днем, то квартира; если хотите утром уйти, а вечером - прийти, то отель. Все кафе, рестораны и бары, а также частные музеи открылись в Санкт-Петербурге вчера, - ехать уже можно.

Конечно, бронировать жилье лучше всего в историческом центре, в минутах 15-20 пешком от Невского проспекта, Сенной площади, площади Восстания, стрелки Васильевского острова. Но если рассматривать варианты дешевле и лучше по цене/качеству, то ищите их на пару станций метро дальше: Петроградская, Технологический институт, пл. Александра Невского, Василеостровская/Приморская, Спортивная. Для тех, кто ищет семейный уют на фоне современного Лахта-центра, подойдут квартиры в Приморском районе.

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

Турпоток в Санкт-Петербург растет каждую неделю. Уже третий раз я оказываюсь здесь за это лето, и могу смело сказать, что за последний месяц он увеличился раз в 5. А, начиная, с 1 июня, раз в 150 (учитывая заполненность поездов и количество людей на разводе мостов). Тенденция ясна.

​Как сделать треугольник?

А также круг, квадрат, звезду и сердечко с помощью CSS.

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

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

Перейдем к фигурам. Для задания квадрата никакие псевдоэлементы не нужны:

#square {
width: 100px;
height: 100px;
background: red;
}

Просто задаем одинаковую ширину и высоту.

Чтобы сделать круг, потребуется добавить еще одно свойство: border-radius, отвечающее за скругление. Его значение в 50% показывает, что скругление будет происходить наполовину, т.е. мы квадрат превратим в полноценный круг:

#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}

Даже с треугольником можно обойтись без псевдоэлементов. Код в этом случае будет уже в 5 строк:

#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

т.е. мы обнуляем высоту и ширину элемента, но зато с помощью border рисует границу фигуры. В текущем примере наш равнобедренный треугольник будет повернут кверху. Однако, если вам захочется реализовать повернутый вниз треугольник, всего лишь замените border-bottom на border-top: 100px solid red. А если хотите повернутый влево, то максимальное количество пикселей поставьте у border-right.

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

Предлагаю вам изучить примеры и вдохновиться или самостоятельно. Больше инфо и примеров здесь.

Заметила интересную особенность после снятия карантина: люди разделились на тех, кто продолжает стражаще соблюдать карантин (и даже не видеться с другими людьми) и тех, кто полностью на него наплевал и нигде не одевает маску, а также принимает участие в тусовках свыше 50 человек. На мой взгляд, оба эти подхода - радикальные, и истина должна быть где-то посередине. Лично я стремлюсь соблюдать меры предосторожности (всегда ношу 3М-респиратор в замкнутых пространствах, обедаю только на террасах), но не отказываюсь от поездок, музеев и встреч до 4-х человек. При этом всегда стремлюсь держать 1.5 дистанцию в поезде и вообще выбирать самые незагруженные вагоны в транспорте и ехать в самое непопулярное время.

​А мне уже не 20 лет

- подумала я на последнем посещенном хакатоне. Да, я снова была на одном из них, 10-ом по счету.

И на этот раз он меня не впечатлил. Очередное задание, в ходе которого нужно предложить свою идею и сделать реализацию. Основная нагрузка разработки ложится на backend, а я - фронт-разработчик. От меня практически ничего не надо. Сделать небольшой интерфейс и досидеть до конца, ожидая сначала обед, затем ужин, а после - объявления результатов конкурса.

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

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

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

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

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

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

У той девочки было мало денег, и ей совсем недавно исполнилось 20 лет. Она училась на программиста. Вместо того, чтобы поужинать здоровой едой (о которой все твердят ближе к 30), она отправилась в KFC, которое ассоциируется у меня с безденежьем и студенческими временами. Выглядела девочка тоже несчастно: недостаток сна давал о себе знать. Она часто переспрашивала собеседника, не в силах сконцентрироваться на его речи с первого раза.

С одной стороны я задумалась: зачем? Нужно ведь качественно кушать и высыпаться. А, с другой стороны, позавидовала. Что-то зажигает её изнутри, заставляя мотивированно работать без денег и без перерыва. Когда ты настолько молод и погружён в происходящее, что никакие мелкие потребности тебе не важны. Жаль, что мне уже не 20 лет.

​Что такое псевдокод?

Вроде бы код, но не совсем. Так что же это такое?

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

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

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

Так, чтобы задать переменную, потребуется добавить запись:

a = 93 (вместо var a = 93, как в JavaScript).

Чтобы напечатать результат, на псевдокоде вы напишите:

print(result) вместо console.log(result)

А комментарии будут задаваться как

# this is a comment вместо //this is a comment .

Арифметические операторы на псевдокоде работают также, как и в JavaScript: математика у всех языков одна.

a = 10
b = 20

sum = a + b # сумма
st = a - b # вычитание
p = a * b # умножение
q = a / b # деление
r = a % b # деление по модулю

Схожим с JavaScript образом на псевдокоде работают и условия. Лишь небольшая разница в синтаксисе:

a = 3

if a < 5:
print(a)

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

Инструкция о том, как написать псевдокод 100% понятно, есть здесь.

​Где изучать front бесплатно?

Правда, на английском языке.

Слышали ли вы о компании JetBrains, создателе популярного инструмента для написания кода Webstorm и реализаторе языка программирования Kotlin? Должно быть, да. Так вот, у них открылись бесплатные само-курсы по Frontend. Называется JetBrains academy. Бесплатно первые два месяца, если вы - активный.

Подробности по официальной ссылке. Изучать можно Java, Kotlin, Python и, конечно же, Front. А также получить базовые знания по алгоритмам, кому нужно.

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

Задания интересные. Я по этому треку изучала Kotlin, делала кофе-машину, выдающую любимый напиток в нужном количестве и пропорциях согласно вашим предпочтениям. Рассказывается все понятным языком, как для 14-ти летнего ребенка. Откуда я это знаю? Читала их требования на десяток листов о том, как нужно формировать топики. И, да, я на них работаю, пишу темы для frontend.

Если смущает технический английский, то лучше изучать его раньше, чем поздно. Все равно в процессе работы вы с ним столкнётесь (а гуглить материал всегда лучше на иностранном, больше шансов отыскать необходимое).

Так что, кому интересно, welcome. Может, кто-нибудь еще подскажет хорошие ресурсы для изучения фронта? Пишите о них в личку. Давайте поделимся ими с миром!

​Путешествия. Куда поедем по России?

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

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

Йошкар-Ола - это центр республики Марий-Эл, знаменитый красивой набережной, передающей атмосферу Европы, символом города “Ешкиным котом” и традиционным марийским стилем.

Доехать до Йошкар-Олы можно прямым поездом из Москвы за 15 часов (для экономных есть вариант автобусов от Щелково). Второй способ: добраться сначала до Казани, а затем 2,5 часа на автобусе ехать до столицы Марий Эл.

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

Со всех сторон набережную окружают здания из красного кирпича: мини-копия московского Кремля, Благовещенский собор, республиканский театр кукол, храм Успения Пресвятой Богородицы, а также раскинувшийся ряд классических домов нидерландской архитектуры. Один из забавных объектов - комплекс “12 апостолов”, каждые три часа представляющий необычное шоу на циферблате. Есть в Йошкар-Оле и собственный, Царевококшайский Кремль, возведенный в 2009 году по подобию Московского Кремля. Царевококшайский, потому что до 1919 года город назывался Царевококшайск.

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

Насколько я нагуглила, музеи в Марий Эл уже открыты, - значит, можно изучать ее культуру во всей красе. Чтобы проникнуться жизнью местных больше, отправляйтесь в национальный музей Республики Марий Эл, музей истории города Йошкар-Олы (с аудиогидом) и музей народно-прикладного искусства . А для того, чтобы понять мрачную жизнь прошлого, посетите музей ГУЛАГа.

Согласитесь, город необычный по архитектуре, и навряд ли вы о нем слышали до. Двух дней на его исследование вполне хватит, что делает трип в Йошкар-Олу очень привлекательным на выходные. Что касается меня, то длительные путешествия я в обозримом будущем не планирую. А вот варианты “отдохнуть на выходных” весьма активно рассматриваю. Но если вы все же обладаете большим временем для трипа, то рекомендую ознакомиться с близлежащими Казанью и Чебоксарами.

​Как не надо делать сайты

Это смешно, но это - правда. Наткнулась на сайте одного крупнейших аэропортов России на самые ужасные bad practise в CSS.

Во-первых, посмотрите на селектор обращения. Они используют button (т.е. обращение к тегу, а не к классу) и задают для него специфичные цвета. Т.е. предполагается, что все кнопки будут такого цвета. А если нет - то последуют большая волна переопределения, мы увидим множество перечеркнутых стилей (что не есть good).

Как надо: использовать обращение по классу, а не по тегу или id-элемента. Не надо думать, что все кнопки на вашем сайте будут оранжевые. Даже если это и так, правильнее завести класс .button на этот случай, а не задавать селектор на весь тег. Потом замучаетесь переопределять и искать свои ошибки.

Во-вторых: они применяют правило !important в селекторах. Т.е. если я и захочу поменять цвет текста у кнопки, у меня практически не будет на это шансов. Только написав “!important” еще один раз.

Помните, что однажды написанный “!important” породит новый, за которым последует еще один, размножающий три. Это как с коронавирусом. Не надо так.

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

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

Про Shimmer мы с вами поговорили. А что, если ожидание поступающей информации нужно отображать через loader?

Loader (или по-другому spinner) - это, как правило, крутящийся круг, ожидающий поступления данных. Сделать его с помощью CSS просто, достаточно скопировать стили.

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

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

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

Друзья! За полтора года существования канала я рассказала практически все о личном опыте программирования, чем хотела поделиться. Начиная от моего старта в профессии (хештег #мойпутьвит), фрилансерского опыта и заканчивая влиянием компьютера на зрение веб-разработчика. Если у вас остались вопросы, смело пишите их мне в личку, рада буду помочь. А вам я помогаю помочь мне определиться с дальшейшим контентом для канала ->.

​Приложения для кодинга

Или как писать код, если нет компьютера.

Одним из самый популярных приложений для начинающих программистов является Mimo. Приложение и правда неплохое: позволяет создавать реальные проекты с телефона. Дает возможность изучать как веб-программирование, так и мобильную разработку с data science. Стоит порядка 260 руб./мес (при оплате в первые 3 дня), а первые 14 дней - бесплатно.

Также я пробовала Solo Learn. Небольшие вопросы и задачки позволяют быстро подготовиться к собеседованию. Про JavaScript блок тоже есть.

Среди других предложений на рынке:

- Code Playground для Apple;

- EasyHTML для IPhone и Android. Пишите свои странички с телефона абсолютно бесплатно.

- JavaScript coding для Apple и Android - для тех, кто хочет изучить именно JavaScript.

Так что, если “нет времени” было вашей основной отговоркой от изучения языка программирования, знайте: теперь программирование доступно и в общественном транспорте. Было бы желание, а возможности уже найдутся всегда.

​Как быть, если задача не решается?

Такое случается ежедневно: вы пишите код и вдруг столкнулись с необычной проблемой. На курсах такого не объясняли, в дополнительных материалах нет, - а программа не работает. Как быть и что делать в такой ситуации? Сейчас расскажу.

1. Официальная документация. Конечно, же, она есть у каждой технологии: React (даже на русском), JavaScript или HTML. Вам не нужно знать все (это невозможно!). Вам нужно уметь точечно и быстро откопать необходимую информацию.

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

2. Stack Overflow. Ресурс, на котором одни программисты задают вопросы другим, более опытным. Скорее всего, ваша проблема не уникальна, и кто-то другой уже задал вопрос на эту тему. Вам нужно всего лишь откопать на него ответ, воспользовавшись поиском. Как грамотно вбивать ключевые слова в поиск, поговорим в следующем пункте.

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

3. Гугл. Если напишите запрос в Google верно, скорее всего, попадете на документацию или Stack Overflow. Умение гуглить - целая наука. Некоторые делают это настолько хорошо, что умудряются писать код, не разбираясь в материале.

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

Конечно, в случае трудно решаемых задач есть вариант “спросить друга”. Но рассматривать его здесь подробно мы не будем)

​Чему научил меня карантин

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

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

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

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

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

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

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

​Вниз, вверх, прямо и по диагонали.

Нет, речь не идет о физкультуре. Речь пойдет про иконки при наведении на элемент. Они отнюдь не банальны!

Вспоминаем: как мы понимаем, что перед нами ссылка? Как правило, элемент на странице как-то меняется при наведении на него. Например, окрашивается в другой цвет или под ним появляется подчеркивание. Однако, не только. Обратите внимание: помимо вышеперечисленного наш курсор в момент наведения превращается из стрелки в ручку. Так вот, за его превращение отвечает CSS-свойство cursor.

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

А также мы можем заменить стандартную картинку и подложить собственную. Будет выглядеть как тут. Забавно, правда?

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

​Что почитать про React

Нашла хороший ресурс для тех, кто в поисках новой инфы по теме React. Называется символично - https://reactresources.com/. Статьи, видео, книги, курсы про последние нововведения и общие знания, - все здесь.

Конечно, сайт с ресурсами не отменяет официальную документацию. Она здесь. В т.ч. на русском языке.

Для любителей получать статьи регулярно советую настроить рассылки. Например, на Medium, выбрав соответствующие темы и авторов. Либо на рассылку React Status. Подробнее о полезных фронтенд-рассылках говорила здесь.

Для тех, кто подзабыл синтаксис языка, есть страничка с подсказками вот здесь.

Вот теперь точно не стоит говорить, что React невозможно изучить самостоятельно) Информации в интернете, как вы видите, полно. Главное - технический английский язык или Google-переводчик.

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

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

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

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

- раз в два месяца путешествие в новую страну;
- каждую 3-ю неделю поездка в Спб на выходные, активные встречи с друзьями (3 встречи в день);
- каждое воскресенье - день музеев/выставок (по 2-3 в день) зимой и день парков/спорта/прогулок летом (с утра и до вечера);
- 2 вечера на буднях (мероприятия/встречи с друзьями);
- 1 вечер на буднях - фитнес;
- суббота - время на себя/мероприятие;
- утро воскресенья - английский язык.

И, знаете, что из этого осталось? Только английский язык! Да, потому что он онлайн.

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

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

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

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

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

Из полезного, за время карантина я успела:
- запустить собственный проект “ПортфолиоMoneyЯ”;
- прочитать 10 книг;
- найти дополнительную работу;
- перейти на правильное питание.

Много это или мало - решать вам. Только во время карантина я начала спать по 9 часов вместо привычных 6, мотивируя это тем, что чем больше проспишь, тем быстрее все закончится. Я начала делать все дела гораздо медленнее, справедливо считая, что спешить все равно некуда (ведь все музеи и выставки закрыты). Для меня самоизоляция была скорее временем, которое нужно пережить, а не продуктивным полем для творчества.

​Оптимизация изображений

Заказчик кидает вам картинку в 5 Мб, чтобы вы заменили ею background. Так и будете обновлять его в неизменном виде? Конечно же, нет. Большие изображения заставляют сайт грузится медленно и расходую дорогие для кого-то Кб траффика. Чтобы не раздражать других людей, картинки нужно уменьшать.

Во-первых, подумайте, какого максимального размера должна быть картинка. Вполне возможно, что дизайнер сделал ее в 4K (3840 × 2160 px), а ваша картинка не должна тянутся больше, чем на 1920 px. Смело обрезайте ее с помощью графически редакторов, например, Adobe Photoshop.

Во-вторых, для мониторов с высоткой четкостью (например, от Apple) все же потребуется изображение в 2 раза лучше стандартного. Но это не означает, что пользователи не с самым дорогим монитором должны ждать загрузку максимальной картинки. Грузите разные изображения в зависимости от устройства пользователя. Благо CSS и HTML это сделать позволяет.

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

В-четвертых, все создаваемые сайты в открытом доступе проверяйте на скорость загрузки от Google. Вводите адрес и видимо параметры, которые стоит улучшить. Есть подобное расширение для Chrome для локальной разработки.

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

​Как правильно учиться. 7 советов

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

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

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

3. Дисциплина. Знания исчезают. Многие из нас помнят высшую математику из института? Чтобы они не улетучивались, навык необходимо тренировать. Постарайтесь выделять время на занятия регулярно. А по завершению курса/обучения применять навыки на практике ежедневно.

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

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

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

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

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