JS — находка для насмешек

Ни один канал с it юмором не обходится без мемов про js.

ЯП действительно не всегда ведёт себя очевидно для неподготовленного прогера. Тем не менее, JS – это всего лишь инструмент. Если ты не понимаешь, как пользоваться инструментом – прочитай инструкцию, никто не ведь не возмущается что бензиновая машина не работает на дизеле.

Например, NaN != NaN
Вопрос: почему? Ответ: потому в алгоритме сравнения прописано, что x != y, если x или y — это NaN. Зачем? А зачем тебе в реальном проекте NaN == NaN?

#js

Правки, Asana и здоровые нервы.

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

Для меня окном в дивный новый мир стала Asana, когда один клиент мне дал правки в ней. Все задачи на отдельных карточках, с комментариями, с описанием. Сделал — отметил, все видно и понятно. Теперь всех клиентов заставляю там писать правки, а иногда и все ТЗ.

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

Войти в IT без смазки. Part I

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

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

Я влился в эту тему в колледже, когда развозить еду в желтом плаще сил не было, а кушать все равно хотелось. Собственно, верстать я не планировал, поэтому привлёк к этому однокурсника, который как раз проходил курсик по верстке от EPAM: я нахожу, заказы, он делает, деньги делим пополам.

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

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

Войти в IT без смазки. Part II

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

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

Итак, кратко:

Вариант 1 - Backend.
Если верстка и js не зашли - можно уходить в настоящий кодинг и хардкорно копипастить CRUDы. Шучу, конечно. На самом деле в бэке встречается реально много интересных задач. Учиться можно бесконечно (как и везде, впрочем). Чтобы уйти в бэк можно для начала освоить несколько CMS, привыкнуть к php, а затем изучить laravel или Symfony, или что-то подобное. Готово, вы - бэкер.

Вариант 2 - Frontend
Если на этапе навешивания листенеров на кнопочки тебя не стошнило - посмотри на чудесный мир фронта: React, Vue, Angular. Фронт нужен всем и всегда. Продолжаешь, верстать, параллельно учишь один из фреймворков и предлагаешь клиентам сделать не просто верстку, а современное SPA приложение. Profit, вы на фронте.

Вариант 3 - Fullstack
А зачем выбирать что-то? Fullstack нужен всем и всегда, особенно на фрилансе. Если ты работаешь один, то лучше иметь возможность сделать весь проект самостоятельно.

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

​Синдром самозванца.

Синдром самозванца - это когда все крутое, что сделал – ты списываешь на удачу или считаешь незначительным, а все ошибки считаешь результатом своей некомпетентности или глупости. Когда считаешь, что всех обманул и не заслуживаешь своего места под солнцем. Что в результате? Стресс, переработки, выгорание и далее по кругу. По разным опросам импостерами себя считают от 45% до 72% программистов. То есть 2/3 твоих коллег считают, что они – самозванцы.

Во-первых, надо понять: IT – это область, где все знать невозможно в принципе: область развивается быстрее, чем ты. Cам помню, как пока я курил маны по laravel 8 вышел laravel 9, как за время разработки проекта мелкие библиотеки на фронте устарели и потребовали замены. Если ты занимаешься проектом и он работает – значит все идет по плану. И не важно, сколько вкладок со stackowerflow у тебя открыто.

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

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

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

​Нейросети vs работяги

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

Надо заметить, в такси работают не автопилоты, про мокрый пол кричат не роботы-пылесосы. Даже от бумажного нала избавиться пока не получилось. Нейросети, кстати, появились не вчера – они пытаются нас захватить аж с 1943 года — 80 лет. Если брать что-то более близкое — в 2017 году нашумела нейросеть, верстающая по картинка, однако мне и в 2023 приходится плеваться на правки по верстке. Иными словами – пока еще живём.

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

С каждым годом в работе разработчика все меньше рутины и больше интереса

Имба для Windows

На Microsoft Store есть бесплатная программа PowerToys — это сборник полезных Тулзов. Большинство, конечно, будет собирать пыль, но несколько полезных для себя нашел.

1. Пипетка для цвета — чтобы скопировать цвет с сайта-референса или с фотографии теперь не придется лезть в инет.
2. Копирование текста с фотографий, с пдф, откуда угодно. Работает не идеально, но штука определено полезная
3. Выделение курсора — полезная фича для конференций, чтобы акцентировать внимание на диаграмме, пункте ТЗ или каком-нибудь другом элементе.

​Созвоны

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

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

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

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

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

Такие примеры — классика шуток над JS)

Тем не менее, очевидно, что нужно разобраться с правилами неявного приведения типов в JS.

Когда к строке что-то прибавляют – JS пытается конкатенировать слагаемые, соответственно, все слагаемые приводятся к строкам. Вычитать строки нельзя, поэтому JS пытается все привести к числам. Ну а Boolean вообще при любом удобном случае приводится к числу

#js

​Работе время, потехе час?

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

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

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

​Ты прошел пару курсов и решил попытать удачи на бирже фриланса?

Если ты хочешь найти заказы на узкий стек: сверстать по макету или разработать дизайн в figma — жить тебе будет трудно. Во-первых, таких задач раз в 5 меньше, чем заказов под ключ. Во-вторых те, что есть размещены перекупами. Они берут заказы на создание сайта или сервиса, забирают себе половину стоимости, а остальное делят между фрилансерами. На первичного клиента попасть почти невозможно.

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

​Почему от Jq не отказаться даже в 2023

Потому что это как отказаться от дыхания! Jq - это не просто библиотека, это стиль жизни, философия программирования. Огромное количество библиотек, основаны на Jq. Даже когда я ищу библиотеки для Vue – трудно найти что-то на чистом js. Про то что 146% существующих сайтов используют Jq я вообще молчу.

К тому же jq весит всего лишь 30Кб. Для такой масштабной библиотеки это не так уж и много, не думаю, что есть смысл экономить на ней.

В общем, Jq остается мастхэвом сегодня, и, вероятно, будет им и через несколько лет.

И снова мой любый js)

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

let arr = [];
arr['name'] = 'John';
console.log(arr); // [name: "John"]
console.log(arr.length); // 0

JavaScript просто не учитывает элементы с нецелочисленными индексами при подсчете длины массива.

Вот еще один интересный пример с массивами:

let arr = [];
arr[10] = 'value';
console.log(arr); // [<10 empty slots>, 10: "value"]
console.log(arr.length); // 11

Длина массива – это индекс последнего элемента плюс один. Так элемент в массиве вроде как 1, но длина его — 11

​Удалённая работа стала популярным трендом, особенно в IT-сфере. Часто сталкиваюсь с мнением, что удалёнка - это панацея от проблем и несомненно лучше, чем работа в офисе. Но так ли это?

Да, с одной стороны можно не тратить время на дорогу в офис, носить любимую затёртую футболку, а самое главное – можно работать из другого города и даже страны.

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

Вообще удалёнка часто рисуется нам в виде ноутбука на пляже, но так это не работает. Даже кровать вместо рабочего стола расслабляет и убивает всю мотивацию работать, что уж говорить о жарком пляже с манящим морем. Я там напишу максимум одну строчку и это будет: "Я увольняюсь"

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

В php приведение типов — тоже штука забавная

Например

var_dump ('123bc' == 123 ); //  bool(true)

Через это можно складывать числа и даже строки

var_dump ('123bc' + 7); //  int(130)
var_dump ('123bc' + '7bc' ); //  int(130)
var_dump ('123bc' + 'b7c' ); //  int(123) приведение не сработало, потому что число должно быть вначале, перед буквами

Делать так, конечно не надо. Да и не строгое сравнение — зло, используем только ===

​Неочевидные способы улучшить свои навыки

1. Программируй на других языках, пока мозг не закостенел. Так ты сможешь быстрее находить решения нестандартных задач и не зависать над клавиатурой. Можешь попробовать Haskell, он точно тебе вынесет мозг.
2. В ту же тему – решай задачки, на codewars, например. Упарываться по несколько часов в день не нужно, конечно, но размять мозги стоит определенно.
3. Open source. Мало того, что это работа в команде, в этих проектах участвуют реально замотивированные ребята. Они работают не за деньги, а за идею. Естественно, что они помогут тебе улучшить твой код. К тому же, можешь встретить там новичка и помочь ему: когда объясняешь что-то другому человеку — начинаешь понимать предмет гораздо лучше.

​🚀 Как разговаривать с клиентом о технических аспектах проекта?

Клиент смотрит на тебя, как на пришельца с Марса, когда ты говоришь о проекте? Если да, то этот пост для тебя

♦️Говори понятным языком. Ты можешь быть гением, знающим все тонкости кода, но не все знают разницу между POST и GET запросами. Поэтому используй простые аналогии и объясняй сложные термины доступным языком. Например, сравниваешь API с официантом, который передает заказ кухне и приносит тебе блюдо.

♦️Используй визуализацию. Рисунки, схемы и презентации могут спасти мир! Они помогут тебе объяснить сложные вещи простым и ясным образом. И да, кто сказал, что нельзя добавить пару мемов для разнообразия? 😜

♦️ Задавай вопросы. Уточняй у клиента его предпочтения и пожелания, чтобы понять, какие технические аспекты нужно объяснить. Это покажет тебя внимательным и заботливым, а клиенту будет проще понять свои желания.

♦️ Будь терпелив и открыт. Если клиент задает много вопросов, это хорошо! Значит, он хочет понять и быть в теме. Будь готов к дополнительным объяснениям и не забывай про улыбку – позитивная атмосфера создает чудеса!

В общем, главное – быть на одной волне с клиентом и не превращать составление ТЗ в пытку.

​Баги с запахом бензина.

Что приходит тебе на ум, когда говорят программировании? Я вот представлял код на трех мониторах, святящуюся клавиатуру и пачку банкнот за каждую строчку кода. Но что как-то...

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

В моем случае это был беззаботный день отпуска, когда я ехал по трассе в другой город. Без ноутбука и без нормального интернета. Хвала тем заправкам на которые есть wi-fi для гостей! Мне пришлось качать на телефон ftp менеджер (я даже не знал что такие есть до этого момента) и в холодном поту пытаться исправить баг, наслаждаясь запахом 95-го бензина

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

​Консоль! Чего мне не хватает для фронта — так это изменения файлов прямо в браузере.

Прямо наболело. Сидел и тыкал инспектор кода? Изменил 10 парамеров, добавил 5 новых и закоментил 8 старых и наконец исправил баг? Молодец, а теперь сделай тоже самое у себя в редакторе, не ошибись только, а то опять все сначала.

В мозиле можно скопировать изменения, но работает это криво, да и всталять новый код вместо фикса старого — идея так себе.

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

​Форматированием вымощена дорога в ад

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

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

Вот только из-за форматирования гит решил, что я поменял вообще весь файл, пришлось ручками смотреть по всему файлу, что я там поменял.

Так что учитесь на моих ошибках, форматирование - только отдельным комитом.