Владимир Большаков

Задачи по JavaScript для подготовки к собеседованию. Часть 2

2022-02-16T14:31:03.083Z

Всем привет!

В этой статье я рассмотрю 5 задач, проверяющих знание JavaScript. Каждая их них снабжена объяснением и алгоритмом решения. В конце я даю ссылки на документацию. Это вторая часть серии статей, и она посвящена самостоятельной реализации встроенных методов JavaScript-массивов forEach, map, filter, some, even и reduce. Первую часть вы можете прочитать по ссылке.

Задачи по JavaScript для подготовки к собеседованию. Часть 2

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

Метод forEach

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

Обязательные условия

Прежде чем начать, стоит разобраться, что должна принимать в качестве параметров наша функция:

arr – массив, который нужно перебрать;
callbackFn – функция обратного вызова, обрабатывающая каждый элемент перебираемого массива:

element – элемент массива, возвращаемый в callback-функцию;
index – индекс этого элемента;
array – исходный массив, который мы перебираем.

thisArg – передаваемый в функцию контекст.

Общий вид функции forEach

Основная идея

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

Решение

1. Создаем функцию forEach, указав в качестве параметров:

arr – массив;
callback – функцию обратного вызова;
thisArg – контекст this, это необязательный параметр.

2. Внутри тела функции перебираем массив arr при помощи цикла for;

3. Внутри цикла вызываем callback-функцию при помощи метода .call(). Это необходимо для передачи в неё контекста thisArg. Итак, передаем в него следующие параметры:

thisArg – переданный извне контекст this;
arr[index] – текущий элемент массива;
index – индекс элемента массива;
arr – исходный массив.

Решение с подробным объяснением и примером вызова для функции forEach

Метод map

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

Обязательные условия

Функция должна принимать в себя следующие параметры:

arr – массив, который нужно перебрать для модификации его элементов;
callbackFn – функция, обрабатывающая каждый элемент перебираемого массива, она должна возвращать измененные или новые данные на место этого элемента:

element – элемент массива возвращаемый в callback-функцию;
index – индекс этого элемента.;
array – исходный массив.

thisArg – передаваемый в функцию контекст this, это необязательный параметр.

Общий вид функции map

Основная идея

Как и в реализации метода forEach, мы можем перебирать элементы массива, но при этом еще и возвращать модифицированные данные. Здесь также важно не забыть реализовать возможность передачи контекста this. Основное назначение этой функции в том, чтобы модифицировать коллекции данных. Например, мы можем получить массив данных пользователей с сервера, но по какой-то причине у них будут отсутствовать уникальные идентификаторы. Но они могут понадобиться для вывода данных в таблице в браузере – или для сортировки, сокрытия каких-то элементов и т.д. При помощи метода map мы можем это исправить, перебрав массив и добавив в каждый элемент по уникальному идентификатору.

Решение

Создаем функцию map, указав в качестве параметров:

arr – массив;
callback – функция обратного вызова;
thisArg – контекст this, это необязательный параметр.

Внутри функции создаем контейнер, в который будем помещать модифицированные данные из массива;
При помощи цикла for перебираем массив, где вызываем callback-функцию при помощи метода .call(), это нужно для того, чтобы передать в неё контекст this;
В функцию обратного вызова передаем в параметры:

thisArg – переданный извне контекст this;
arr[index] – текущий элемент массива;
index – индекс элемента массива;
arr – исходный массив;
не забываем добавлять результат выполнения функции в контейнер.

После завершения цикла возвращаем из функции map контейнер с модифицированными данными.

Решение с подробным объяснением и примером вызова для функции map

Метод filter

Суть этого метода заключается в его названии. Это один из самых простых способов отфильтровать массив в JavaScript. В остальном он также очень похож на все предыдущие.

Обязательные условия

arr – массив, который надо отфильтровать;
callbackFn – функция, которая содержит в себе проверку элемента массива условиям фильтрации:

element – элемент массива возвращаемый в callback функцию;
index – индекс этого элемента;
array – исходный массив.

thisArg – передаваемый в функцию контекст, это необязательный параметр.

Общий вид функции filter

Основная идея

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

Решение

Создаем функцию filter, указав в качестве параметров:

arr – массив;
callback – функция обратного вызова;
thisArg – контекст this, это необязательный параметр.

Внутри функции создаем контейнер, в который будем помещать отфильтрованные данные из массива;
При помощи цикла for перебираем массив, где вызываем callback-функцию при помощи метода .call(), это нужно, чтобы передать в неё контекст this;
В функцию обратного вызова передаем в параметры:

thisArg – переданный извне контекст this;
arr[index] – текущий элемент массива;
index – индекс элемента массива;
arr – исходный массив;
если callback-функция возвращает true, то добавляем этот элемент массива в контейнер.

После завершения цикла возвращаем из функции map контейнер с данными, удовлетворяющими условиям фильтрации.

Решение с подробным объяснением и примером вызова для функции filter

Методы every and some

Эти два метода полезны для оценки массива на соответствие каким-либо условиям. Every проверяет, подходят ли этим условиям все элементы, а some – хотя бы один. Их реализации очень похожи, поэтому я решил объединить их в один подраздел.

Обязательные условия

callbackFn – функция, обрабатывающая каждый элемент перебираемого массива. В случае every, если хотя бы один из элементов не соответствует условию, то возвращается false. При пустом массиве true. some работает по такому же принципу, но возвращает true, если хотя бы один элемент удовлетворяет проверке и false по умолчанию – то есть при пустом массиве и при несоответствии условиям:

element – элемент массива, возвращаемый в callback-функцию;
index – индекс этого элемента;
array – исходный массив, который мы перебираем.

thisArg – передаваемый в функцию контекст, это необязательный параметр.

Общий вид функций some и every

Основная идея

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

Решение

Создаем функцию every, указав в качестве параметров:

arr – массив;
callback – функция обратного вызова;
thisArg – контекст this, это необязательный параметр.

При помощи цикла for перебираем массив, где вызываем callback-функцию при помощи метода .call(), это нужно, чтобы передать в неё контекст this;
В функцию обратного вызова передаем в параметры:

thisArg – переданный извне контекст this;
arr[index] – текущий элемент массива;
index – индекс элемента массива;
arr – исходный массив;
для every – если хотя бы один из вызовов функции обратного вызова вернул false, то и мы возвращаем false. Для some – если хотя бы один из вызовов функции обратного вызова вернул true, то и мы возвращаем true.

Для every – по умолчанию мы всегда возвращаем из функции true. Для some – по умолчанию мы всегда возвращаем из функции false.

Решение с подробным объяснением и примером вызова для функций some и every

Метод reduce

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

Обязательные условия

arr – массив, с которым мы будем работать;
callbackFn – функция, обрабатывающая каждый элемент перебираемого массива:

previousValue – элемент, возвращаемый предыдущим вызовом функции;
currentValue – значение текущего элемента;
index– индекс этого элемента.

initialValue – изначальный элемент, который будет возвращен как previousValue при первом вызове callback. Если его не указать, то в качестве аккумулятора будет использован первый элемент перебираемого массива.

Общий вид функции reduce

Основная идея

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

Решение

Создаем функцию reduce, указав в качестве параметров:

arr – массив;
callback – функция обратного вызова;
initialValue – переменная, используемая в качестве изначального значения аккумулятора при первом вызове функции.

Объявляем переменную result, которую будем передавать на следующий этап;
Если первый аргумент не был передан, то используем его в качестве первого элемента массива и не забываем удалить его из массива;
Если первоначальное значение было передано, то делаем его значением результата;
При помощи цикла for перебираем массив, где вызываем callback-функцию;
В функцию обратного вызова передаем в параметры:

null – нам не нужно передавать контекст this, поэтому вместо него передаем пустое значение;
result – результат, который мы передаем в callback для совершения каких-либо манипуляций над ним;
arr[index] – текущий элемент массива;
arr – исходный массив;
после выполнения функции обратного вызова присваиваем результат в переменную result.

Возвращаем результат после полного прохода цикла.

Решение с подробным объяснением и примером вызова для функции reduce

Список литературы

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

Напоследок

Если вам понравилась статья и вы хотите больше подобного контента, то ставьте лайки и подписывайтесь на мой блог и социальные сети. Буду рад подискутировать в комментариях! Всем спасибо!

Twitter

Instagram

Мысли о будущем России и стран ближнего зарубежья

2022-02-08T17:23:44.672Z

Всем привет!

Вообще, сегодня должна была выйти вторая часть «Задач по JavaScript для подготовки к собеседованию», но я решил отложить её до следующей недели и порассуждать о происходящем в России и в ближайших странах, так как это напрямую влияет на мои (и не только) планы, желания, возможности и т.д. Что происходит, что делать дальше, что ждать от будущего – своим мнением насчет этих трех вопросов я и поделюсь с вами в этом тексте.

Что происходит

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

Ближайшая к нам страна Беларусь уже перешла в состояние перманентного террора. Протестные выступления 2020 года привели в невероятному всплеску насилия со стороны государства. Как следствие, немало активных граждан эмигрировали. События января 2022 года в Казахстане показали, что даже во внешне стабильном и мирном обществе могут произойти кровавые столкновения с десятками убитых и сотнями раненых. В Украине же происходит полнейшая неразбериха на правительственном уровне, улучшения общественно-экономической ситуации нет и там. Я уже не говорю о боестолкновениях между Арменией и Азербайджаном, Кыргызстаном и Таджикистаном. Они, к огромному сожалению, происходят регулярно.

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

Что делать дальше

То, что сейчас творится в России, рано или поздно закончится. Многочисленные примеры из истории показывают, что страны переживают как периоды расцвета, так и периоды упадка. Иногда они просто исчезают с карты. Можно изучить историю Китая, Германии, Франции, Испании, Османской империи, Золотой Орды и других государств, чтобы убедиться в этом. Но это все происходит в исторической перспективе, в рамках которой жизнь отдельного человека – всего лишь мгновение. У рядовых россиян, на мой взгляд, сегодня есть только пять вариантов того, как жить дальше:

Жить и трудиться на благо общества.
Открыто бороться с системой и надеяться на победу.
Не обращать внимания на происходящее и просто существовать.
Уехать в другую страну, рассчитывая вернуться в случае позитивных изменений.
Эмигрировать насовсем и начать новую жизнь в новом месте.

Самое комфортное – ничего не делать, но так вы просто впустую проживете свою жизнь. Хотя каждый должен выбрать для себя сам. Я свой выбор сделал и двигаюсь в сторону эмиграции. Существует очень немного объективных предпосылок к тому, что ситуация в России изменится к лучшему в ближайшее время. Об этом говорит опыт последних лет. Мое детство пришлось на 90-е годы, и я очень хорошо помню, как было тяжело. Российское государство идет семимильными шагами в том, обратном направлении. Нам же остается лишь взять полную ответственность за себя и перестать, даже в мечтах, надеяться на то, что за время нашей жизни здесь произойдут какие-то улучшения.

Что ждать от будущего

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

На основе всего, что происходит сейчас, можно построить такой сценарий развития событий:

Из-за падения уровня образования будет деградировать научный потенциал страны. Неизбежно снизится и уровень IT. Онлайн не спасет, так как не будет хватать базы – школьного образования. Уже сейчас к нему есть множество вопросов. Крупные гиганты станут обучать персонал самостоятельно, но этого окажется недостаточно для появления новых проектов и общего развития отрасли.
Конечно, будет деградировать и общество. Отсутствие возможности высказаться и сделать политический выбор, хотя бы на уровне своего поселения или города, приводит к пассивности. Люди начнут все меньше интересоваться тем, кто ими правит, и станут терпеть и копить недовольство. У нас уже был аналогичный опыт – во времена СССР. Так что для нашей верхушки это просто дело техники. Но с другой стороны, теперь мнение можно выражать «подпольно» в интернете. В условиях тотальной несвободы настроения неизбежно радикализуются, а негативная энергия с большой силой выплеснется наружу, что не предвещает ничего хорошего. Я бы не хотел находиться здесь во время таких социальных потрясений.
В будущем в стране примут все больше запретов, ограничивающих свободу высказываний. Правящий класс осознаёт важность интернета, они уже сейчас стараются контролировать его, запрещая все, что может представлять угрозу. Уже сейчас можно получить штраф или сесть в тюрьму за неосторожно сказанные слова. Спокойно работает, закон Яровой, который поначалу казался невыполнимым. Так что далее, я думаю, ситуация будет только ухудшаться.
Если российские силовые структуры продолжат повышать свое влияние, то ничем хорошим это не кончится. Уже сейчас посадки в тюрьмы применяются как метод политической борьбы, но теоретически это может распространиться и на более широкие слои населения. Опыт других стран, таких как Камбоджа, Аргентина, Чили, Сирия, показывает, что захват власти силовиками приводит к ужасным последствиям. И это не может не вызывать страха.

В завершение

Подводя итог своему пессимистичному тексту, могу отметить, что любые потрясения не в состоянии изменить главное – личность. Что бы ни происходило в этой стране, люди выживут и будут неплохо жить. Жаль только, что последнее не относится к ныне живущим поколениям и осуществится только в исторической перспективе. Поэтому я вижу эмиграцию как самый правильный выбор для спокойной жизни сегодня. Но! Возможно, я не прав и просто нахожусь не в том информационном пузыре – под впечатлением от негатива из СМИ.

А что вы думаете о будущем России и ближайших к нам стран? Давайте обсудим эту тему в комментариях. Если вам понравился текст, подписывайтесь на меня здесь и в социальных сетях, чтобы не пропустить будущие статьи!

Всем спасибо!

Twitter

Instagram

Я мыслю, следовательно, я существую: диктофон и блог как инструменты познания

2022-01-25T17:12:22.806Z

Всем привет!

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

Аудиолетопись

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

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

Мысли не в пустоту

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

Написание заметок, а точнее размышление над ними, является самым важным. На мой взгляд, самые страшные вещи в жизни – это перестать получать удовольствие от новых знаний и рефлексировать насчет своей личности и окружающей действительности. Когда я пишу про программирование, путешествия, менеджмент и др., то, как написал Рене Декарт в книге «Рассуждение о методе»: Cogito ergo sum («Я мыслю, следовательно, я существую»).

Объективность, логичность, полезность

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

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

Помочь начинающим программистам

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

Я не имею ни малейшего понятия, сколько времени мне понадобится для создания произведения. Но уже сейчас я понемногу начал писать первые главы. И знаете что? Правы были те писатели и ученые, которые говорят, что нет лучшего способа разобраться в теме, чем начать о ней писать. Так и есть, я смог структурировать многие свои знания о программировании. Некоторых тем я уже коснулся в предыдущих материалах. Например, статья «Задачи по JavaScript для подготовки к собеседованию. Часть 1» родилась именно таким образом. Как, кстати, и «Почему программистам нужно понимать бизнес-процессы».

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

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

Twitter

Instagram

Почему программистам нужно понимать бизнес-процессы

2022-01-21T18:00:20.789Z

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

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

Получение знаний

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

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

Это те книги, которые можно понять без специального образования, что особенно важно для инженера, у которого, скорее всего, развиты другие зоны мозга и сформирован другой набор стереотипов, чем у человека с дипломом менеджера. Помимо всего этого, конечно, стоит обратить внимание на то, как может быть организован процесс создания программного обеспечения. Я имею в виду методологию Agile, Kanban как его часть, а также модели Waterfall, Microsoft Solutions Framework, Rational Unified Process и т.п. Совершенно не факт, что вы будете использовать их в своей работе, но любые знания меняют ваше мышление, а умение предположить, как еще «может быть», бесспорно, повышает ваш профессионализм.

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

Применение знаний

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

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

Вывод

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

Всем большое спасибо, если вам понравился этот материал, то подписывайтесь на меня здесь и на мои социальные сети.

Twitter

Instagram

Задачи по JavaScript для подготовки к собеседованию. Часть 1.

2022-01-18T14:36:16.090Z

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

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

1. Две старейшины

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

Обязательные условия

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

Пример вызова функции

Основная идея

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

Решение

Сортируем массив по возрастанию методом .sort(), указывая в качестве аргумента функцию сравнения.
Методом .slice() удаляем все значения массива, кроме двух последних.
Возвращаем получившийся массив.

Подробное решение

Более красивое решение

2. Удаление дубликатов слов

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

Обязательные условия

Входящие данные должны быть строкой.
Функция должна вернуть строку, очищенную от дубликатов.

Пример вызова функции

Основная идея

Нужно написать функцию, которая обработает входящую строку, определит, какие слова в ней находятся, и вернет очищенную от повторов новую строку.

Решение

Создаем set. Set – коллекция для хранения множества значений, причем каждое значение может встречаться лишь один раз.
Методом .split(' ') с указанным в качестве разделителя пробелом преобразуем строку в массив слов.
Методом .forEach проходим по всем элементам массива, добавляя каждый их них в set. Так как коллекция множеств может содержать только уникальные значения, в случае повтора слова оно не будет добавлено.
При помощи spread-оператора преобразуем set в массив.
Методом .join(' ') с указанным в качестве разделителя пробелом преобразуем массив обратно в строку.
Возвращаем получившееся значение.

Подробное решение

Более красивое решение

3. Вычитание одного массива из другого

Эта задача также часто встречается на интервью на роль Junior или Trainee JavaScript-разработчика. Она проверяет, как кандидат понимает фильтрацию данных и умеет работать с ней.

Обязательные условия

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

Пример вызова функции

Основная идея

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

Решение

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

Подробное решение

Более красивое решение

4. Подсчет количества гласных в строке

Эта задача также проверяет способность работать с фильтрацией и строками, уровень сложности также примерно на уровне Junior или Trainee JavaScript-разработчика.

Обязательные условия

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

Основная идея

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

Решение

Создать массив test, содержащий все гласные латинского алфавита, он нам понадобится для фильтрации.
При помощи метода .toLowerCase() преобразовать исходную строку в нижний регистр.
Методом .split('') преобразовать исходную строку в массив.
Методом .filter() отфильтровать гласные буквы, для этого передать ему в качестве аргумента функцию фильтрации.
В функции фильтрации методом .includes() проверить, совпадает ли символ преобразованной в массив строки с каким-либо значением из массива test.
Если есть совпадение, значит, символ является гласной буквой и нужно вернуть true.
После фильтрации массива нужно посчитать, какое количество символов осталось. Это можно сделать, вызвав свойство массива .length.
То число, которое получилось, мы и возвращаем в качестве результата.

Подробное решение

Более красивое решение

5. Палиндром

Палиндром – это слово, предложение или последовательность символов, абсолютно одинаково читающееся в обоих направлениях – слева направо и справа налево. Примером может послужить слово «radar».

Задача состоит в том, чтобы написать функцию, проверяющую, является ли строка палиндромом или нет. Это классическое для собеседований испытание, особенно на роль Junior или Trainee программиста.

Обязательные условия

Если строка – палиндром, функция возвращает true.
Если строка палиндромом не является, функция возвращает false.
Нужно учитывать пробелы и знаки препинания.

Пример вызова

Основная идея

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

Решение

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

У строк в JS нет метода .reverse(), но он есть у массивов, поэтому мы преобразовываем исходную строку в массив методом .split().
Применяем к получившемуся массиву метод .reverse().
«Собираем» массив обратно в строку методом .join().

Сравниваем получившуюся строку с исходной, после чего возвращаем true или false.

Подробное решение

Более красивое решение

Список литературы

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

Напоследок

Twitter

Instagram

Shell for Study - оболочка для образовательного контента

2022-01-12T16:27:50.447Z

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

Изначальная цель

С самого начала я планировал сделать Angular-приложение, которое бы просто показывало список английских слов в виде таблицы и карточек. Для создания UI я решил использовать библиотеку Angular Material, так как она содержит все необходимые компоненты и в ней легко настраивать палитру цветов. Важным требованием также была возможность запускать приложение без доступа к интернету. Разработчики фреймворка Angular уже обо всем позаботились, поэтому я просто добавил поддержку ServiceWorker. Как следствие, появилась возможность «установить» приложение на смартфон. Иконки для программы я нарисовал в Figma, это заняло минут 15, не больше.

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

Сначала был только словарь

Развитие идеи

Дальше я начал двигаться в сторону информации, не касающейся изучения иностранных языков, и, помимо словаря «слово–значение», добавил еще один – «глоссарий». В качестве примера я записал в него различные определения из мира IT, например «ООП» и «функциональное программирование». В этот момент мне понадобилась поддержка html-разметки: заголовков, списков, ссылок в словарных записях, т.д. Сначала я подумал, что стоит добавить поддержку тегов, но это небезопасно – нужно прогонять записи через модуль Sanitizer. Другой минус – html-разметка в строках сделает записи достаточно громоздкими. Немного подумав, я решил использовать привычный markdown-синтаксис и парсить строки библиотекой ngx-markdown. Получилось достаточно элегантное и легко модифицируемое решение, не нагруженное лишней логикой

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

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

Словари создаются динамически из подготовленных данных

Интерграция Free Dictionary API и упражнение Spell Сhecking

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

Упражнение Spell Checking

Для этого мне нужно было найти какой-то бесплатный словарь с api, чтобы без проблем интегрироваться с ним. При этом нужно было, чтобы он содержал аудио с произношением слов. Мой выбор пал на Free Dictionary Api, который вполне соответствует моим нуждам. В нем содержится не такая большая база слов, как, например, в Oxford Learner's Dictionaries или Merriam-Webster, но это компенсируется легкостью интеграции. Перед реализацией логики для упражнения Spell Checking я написал UI для Free Dictionary. Там можно набрать в поисковую строку слово и получить его значения, синонимы, антонимы, примеры употребления и произношения. На основе получившейся интеграции я и реализовал упражнение.

Инеграция с Free Dictionary API

Что в итоге

Сейчас проект Shell for Study находится в процессе разработки. Он по-прежнему представляет собой статическое Angular-приложение, но уже понятно, что нужно писать для него сервер. Кодовая база также далека от совершенства, так как я сам не знал, что хочу получить, и действовал стихийно. Про unit-тесты даже не стоит говорить: их нет.

Несмотря на отсутствие четкого планирования и сумбурность, мне удалось реализовать неплохого помощника в изучении и повторении информации. Сегодня у Shell for Study есть:

Возможность установки на смартфон или в браузер для работы оффлайн.
Пять представлений для информации.
Поддержку стилизации записей.
Интеграцию с внешним Free Dictionary Api.
Упражнение Spell checking.
Поддержку подсветки исходного кода в записях.

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

Планы по развитию

Так как проект Shell for Study побочный и я занимаюсь им в свободное время, планы постоянно меняются. Ключевая проблема – в том, что это всего лишь статическое Angular-приложение. А это значит, что кроме меня им полноценно пользоваться никто не может: нельзя авторизоваться, создать свои словари, поделиться ими и т.д. Поэтому первым делом я хочу реализовать сервер с базой данных и исправить эти недостатки. Тогда проектом сможет пользоваться кто угодно, плюс возможно будет организовать сбор обратной связи.

Вторая проблема – отсутствие явного фокуса проекта как продукта. Это можно исправить только путем сбора данных. На это у меня вряд ли будет время, поэтому, скорее всего, Shell for Study будет развиваться нестабильно и, как следствие, я не смогу доставлять обновления по расписанию.

В конце я бы хотел обратиться ко всем, кто хочет узнать больше о Shell for Study и, возможно, поучаствовать в его развитии. Если у вас есть желание, то заходите в этот телеграм-чат, там можно будет пообщаться. Если вам просто понравилась эта статья и вы хотите следить за обновлениями, то подписывайтесь на мои социальные сети. Всем спасибо!

Перейти на Shell for Study

Twitter

Instagram

Первые впечатления о Грузии

2022-01-07T03:58:22.484Z

Всем привет!

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

Тифлис

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

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

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

В Тбилиси неплохо развит общественный транспорт: метро, автобусы, канатные дороги стоят очень дешево. Метро стоит 0.50 Лар, канатная дорога 1-2 Лар. Я купил единую для всех видов проездную карточку, закинул денег и пользовался ею на двоих с женой. Здесь нет правила о том, что один проездной на одного человека. Кстати, в городе есть рельсовый фуникулер до одноименного ресторана, проезд стоит 8 Лар, и проездной на него нужно покупать отдельно. Помимо этого в Тбилиси очень дешевое такси. От ж/д вокзала до центра я доехал бизнесом за 8 Лар. Правда машина была "глазастым" мерседесом 20-летней давности.

Так как мне было неизвестно о доступности общественного транспорта, я арендовал машину на все время пребывания в Грузии. Существует стереотип о том, что на Кавказе автомобилисты ведут себя отвратительно на дороге. Так вот, это правда. Граждане не смотрят по сторонам, перестраиваются вслепую, подрезают, не пользуются поворотниками, не соблюдают разметку. Благо что видят светофоры. Кстати, парковка в Тбилиси платная. Нужно иметь это в виду. В стоимость машины входила оплата парковки всех зон, кроме помеченной буквой "A". На ней 1 час = 1 Лар. Платить можно с терминала на улице или через мобильное приложение.

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

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

Twitter

Instagram

Почему я выбрал Angular и не собираюсь от него отказываться

2022-01-04T07:16:57.837Z

Всем привет!

Выдалось несколько свободных дней, и я решил немного порассуждать на очень субъективную тему. А конкретно – почему я выбрал фреймворк Angular, а не, например, React или Vuejs. На самом деле, изначально не было планов работать именно с ним. Но так получилось, что меня занесло на проект, в котором активно используется его предшественник Angular.js. Я искренне возненавидел эту поделку.

Я понимаю, что этот фреймворк, по сути, первый успешный продукт такого типа и в нем было допущено большое количество ошибок. Ведь многие практики еще не существовали и не было известно, что хорошо работает, а что нет. Также он был написан на старом стандарте JavaScript ES5. Это превращало исходный код в нечитаемый бред. Другим минусом было неочевидное поведение, помноженное на трудности отладки кода. Библиотека React от Facebook в то время только появилась и была достаточно сырой и трудной в использовании. Vuejs тогда даже не был в проекте.

Интересный факт: развитие Angular.js однажды зашло в тупик и его создатели приступили к разработке фреймворка нового поколения, который назвали просто Angular (без js). И действительно, JavaScript там не было, так как в качестве языка разработки выступал его диалект – TypeScript. В фирме, где я работал, мы начали постепенно мигрировать на beta-версию нового фреймворка. И даже написали некий прототип, судьба которого мне неизвестна, потому что я покинул эту фирму. То было темное время: так сильно я не выгорал никогда. Но статья не об этом. Используя полученные знания, я устроился в "кровавый энтерпрайз" – компанию "ТехноНИКОЛЬ", где участвовал в разработке логистической системы.

Там я получил отличный опыт разработки и ощутил мощь Angular. Методика написания приложения четко обозначена. В нем есть все необходимые модули типа HttpClientModule, а также большая база плагинов, написанных сообществом. Также можно делить логику на компоненты и сервисы. В связи со всем этим разработка представляет собой сборку приложения из готовых блоков, но с написанием чрезвычайно важной, нетривиальной логики. Например, мне запомнилось внедрение API Yandex.Карт – сервиса, помогающего отслеживать грузы на карте. Еще важный момент: в основе интерфейса лежит библиотека UI-компонентов Angular Material – при помощи нее можно реализовать Material Design от Google. Благодаря этим факторам я был сконцентрирован на реализации бизнес-логики и работал при этом над несколькими интересными задачами. Всю рутину уже выполнили создатели Angular.

Отдельный заслуживающий внимания момент – TypeScript. Этот диалект JavaScript может использовать типизацию. То есть заранее определять структуры данных, которых ожидает функция, метод, класс и т.д. Конечно, можно обойтись и без неё, тем более что она "ненастоящая": типы работают условно, и после компиляции мы получаем обычный JS. Но тогда разработка действительно больших приложений превратится в ад. Благодаря предопределенным структурам ты всегда знаешь, что ожидать от своего кода, и это прекрасно. Помимо этого, типизация делает программу более безопасной, что критично для enterprise-разработки. Ну и некоторые "фишки", которые есть в TypeScript, например декораторы и дженерики, сделали возможным появление Angular. На них завязаны все ключевые возможности фреймворка: компоненты, модули, сервисы, пайпы и т. д.

Кроме того, в логистическом проекте "ТехноНИКОЛЬ" я впервые использовал GraphQL – технологию от Facebook, созданную для удобного обмена данными между сервером и клиентом. Этот подход мне показался весьма интересным. Не знаю, как он реализовывался на back-end, но на front-end все было просто. По своей сути, эта технология представляет собой псевдоязык, на котором разработчики могут описывать в запросах, какие конкретно данные нужно получить с сервера. Он поддерживает вложенность и достаточно гибок. После разработки логистической системы я никогда его не использовал. Но впечатления остались весьма приятные, хотелось бы поработать с GraphQL снова.

Вернусь к Angular и сравню его с современными версиями React. Как я уже упомянул, разрабатывать проекты с первой из них стало значительно проще. Через пару лет использования Angular я начал осваивать современные версии React (которые с хуками). И хотя сейчас более популярна библиотека от Facebook, могу точно сказать, что создавать большие проекты на ней сложнее. Да, порог входа в React ниже, но при этом простые приложения, которые делают новички, можно реализовывать и без него. Сложные же проекты требуют особого внимания к архитектуре, проектированию, планированию и т.д. Не существует какого-то общего подхода к созданию front-end приложений на React, чего нельзя сказать об Angular.

Опытные программисты скажут: "Владимир, ты просто ленивый и не хочешь писать много кода". И я отвечу: "Да, так и есть". Я разделяю программирование на создание красивого кода и на реализацию бизнес-целей. В последние годы мне интереснее второе, что не мешает иногда программировать на чистом JavaScript или TypeScript и получать море удовольствия от алгоритмов, абстракций, какого-то изобретательства. Ну а если мне просто хочется пошевелить шестеренками в голове, я расчехляю пыльный проект на Haskell и продолжаю постигать этот невероятно интересный язык программирования.

Давайте подытожим, почему Angular – это самый крутой инструмент для написания front-end приложений. Его плюсы – это:

Большое комьюнити и, как следствие, большая база плагинов.
Множество UI-библиотек для сборки интерфейсов.
Огромное количество статей с лучшими практиками (best practices).
Постоянное обновление и добавление нового функционала.
Поддержка со стороны Google.
Возможность сконцентрироваться на бизнес-логике благодаря базовому функционалу "из коробки".
Он написан на TypeScript – значит, есть типизация.
Легко поддается тестированию и отладке.
Его любят большие компании, и поэтому он фигурирует во многих вакансиях.
Менее популярен, чем React – следовательно, меньше специалистов на рынке и выше зарплаты.

Если вы считаете иначе, то давайте обсудим это в комментариях. Также подписывайтесь на мои социальные сети! Всем спасибо и пока!

Twitter

Instagram

Итоги года 2021

2021-12-30T15:03:24.817Z

В конце каждого года я подвожу его итоги, и этот, 2021, не исключение. Для меня он вышел достаточно удачным, несмотря на продолжающуюся пандемию и невозможность из-за нее осуществить некоторые идеи. Например, поехать в Европу или США. Но я не теряю надежд и делаю определенные шаги для устранения барьеров, хоть это и стоит дополнительных денег. Но об этом подробнее чуть позже.

Итак, итоги года Владимира Большакова.

Перешел с должности линейного программиста на позицию team leader. Еще в 2020 году я устроился работать в берлинский стартап DrSmile и спустя некоторое время получил возможность заняться менеджментом. Скажу честно, мне нравится. Продолжаю развиваться в этом направлении. Управление людьми, выстраивание процессов, проектирование — все это очень увлекательно. Я стал сильно лучше понимать людей. Это очень круто!
У меня было 12 перелетов. 2021 я встретил в Стамбуле, 2022 встречаю в Тбилиси. Итого я посетил Турцию (дважды), ОАЭ, Армению, Грузию и Сейшельские острова в этом году. При этом я не считаю поездок по России. Почему я считаю путешествия достижением? Во-первых, это стало сложнее и дороже делать в условиях пандемии, а во-вторых (и что более важно) — я всегда стремился к этому, для меня перемещение между странами, наблюдение за другими культурами является топливом, которое дает силы заниматься всем остальным. К тому же, это всегда встряска для мозга, немного меняющая мышление. Это всегда полезно.
Заговорил на английском языке и начал готовиться к IELTS. Все в моем окружении знают, как сложно он мне дается. Только благодаря поддержке близких, упорству и работе в берлинском стартапе я заговорил. Я даже не могу передать словами те бездны полезной информации, которую я почерпнул из иностранных источников. Всем нужно срочно учить языки. Они являются невероятными инструментами для улучшения себя.
Впервые в жизни я начал более-менее постоянно публиковать статьи и заметки. Пока это все происходит в "демо" режиме. Я пробую, анализирую результат того, что получается. Со следующего года я начну заниматься этим более серьезно. Тем более у меня есть отличные люди в окружении, которые мне помогут.
Поучаствовал в открытии невероятного издания Валим!медиа. Оно посвящено эмиграции в целом и взгляде на то, почему люди уезжают, как живут за рубежом и так далее. Пока я участвую там как IT-консультант, дальше посмотрим. Уже сейчас видны отличные перспективы для этого проекта. Тем более что его делает часть команды лучшего в России издания об искусстве МОСТ, который я также консультирую.
Привился Спутником и сделал первый укол AstraZeneka. Ради второй вакцины пришлось ехать в Армению. Зато уже в январе я получу полноценный международный сертификат вакцинации и смогу поехать в Европу на отдых или по работе. Нет времени ждать, пока пандемия закончится. Вполне вероятно, что мы с ней будем жить еще много лет.
В августе я женился, при этом в январе будет 7 лет, как мы вместе. Все же перемещаться по миру и вообще планировать какие-то дела проще, когда есть официально оформленные отношения. Кстати, любимый человек, который тебя поддерживает, один из ключевых факторов для достижения любых других целей. Без неё я бы давным давно сошел с ума от всей той нагрузки, дел и прочей рутины.

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

Вышло не так много, как хотелось бы, но я очень доволен 2021 годом. Надеюсь, 2022 будет еще лучше. Вам, дорогие друзья, я также желаю всего наилучшего в Новом году, здоровья, сил и чтобы все, о чем вы мечтаете, сбылось!

С новым годом!

Как бесплатно стать front-end-разработчиком при помощи freecodecamp.org (Часть 2)

2021-12-28T13:22:49.092Z

Всем привет!

В этом материале я продолжу рассказ о том, как освоить профессию front-end-разработчика, используя бесплатную обучающую платформу freecodecamp.org. Это вторая часть статьи на эту тему. Первую вы можете прочитать здесь.

Напомню, что freecodecamp.org – это некоммерческая организация, которая предоставляет интерактивные курсы по программированию. Они рассортированы по разделам. В данной серии статей идет речь о четырех курсах, посвященных теме front-end-программирования:

Адаптивный веб-дизайн, по-простому - верстка (Responsive Web Design Certification)
JavaScript алгоритмы и структуры данных (JavaScript Algorithms and Data Structures Certification)
Библиотеки для front-end разработки (Front End Development Libraries Certification)
Визуализация данных (Data Visualization Certification)

Первые два раздела я рассмотрел в первой части. Теперь приступаю к оставшимся.

Библиотеки для front-end разработки

К этому разделу стоит перейти, уже когда вы уверенно себя чувствуете при работе с HTML, CSS и JavaScript. Его курсы учат пользоваться инструментами и библиотеками, помогающими реализовывать полноценные одностраничные front-end-приложения. А еще – организовывать сложную адаптивную верстку с множественной вложенностью стилей.

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

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

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

Последние пять-десять лет front-end-приложения стали настолько сложными, что понадобилось придумать что-то облегчающее разработку и поддержку кода. Freecodecamp.org предлагает интерактивный курс по React – самой популярной библиотеке для создания сложных фронтендов. Освоив ее, вы станете существенно востребованнее на рынке труда. Знание React – обязательно, хоть и требует времени и усердия.

Почти любое сложное front-end-приложение состоит из нескольких компонентов. Они передают друг другу данные. В сложных проектах есть проблема с хранением данных и поддержанием их актуальности – иначе это можно назвать единым состоянием приложения. Его можно обеспечить при помощи библиотеки Redux, но я не буду вдаваться в подробности. Этот курс небольшой и очень важный: без него вы не сможете закончить следующий.

Уроки по React и Redux посвящены тому, как интегрировать между собой эти две библиотеки. Если вы прошли предыдущие два курса, то этот обязателен для вас.

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

Визуализация данных

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

Мне не очень понятно, почему курс JSON APIs и AJAX помещен именно в этот раздел, но это не особо важно. Здесь вы научитесь получать данные по сети при помощи JavaScript и внедрять их в свою верстку. Крайне полезный курс. В любом случае вам придется это освоить: иначе не сможете работать front-end-программистом..

Вывод

Эти курсы увеличат ваши шансы найти и выполнить фриланс-контракты. Также вы cможете претендовать на роль Junior front-end-девелопера и пойти в коммерческую разработку.

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

Если вам понравилась моя статья, подписывайтесь и оставляйте комментарии, буду рад любой обратной связи! Всем спасибо!