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

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

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

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

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

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

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

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

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

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

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

Мы разберем:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удачи вам!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- Code Playground для Apple;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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