Свежий "Ревдинский рабочий" (№43)
Ну, такая - на редкость оптимистичная газета.
Свежий "Ревдинский рабочий" (№42)
...сегодня весьма прозаический...
Сбер такой Сбер
Тут меня недавно ругали, что я напраслину на Сбербанк навожу. Типа давно уже все в порядке, это ты мудак криворукий. Ок, ругайте дальше)
Закрываю расчетный счёт ИП в сбере. Можно сделать онлайн. Ок, круто. Скачиваю форму заявления на закрытие. В инструкции написано - заполнить сохранить отправить. Форма вот такая (фрагмент)
На двух листах. В чем прикол? А в том что это вордовский документ и все эти злоебучие квадратики нарисованы! Вордовской рисовалкой. А знаете как вставить цифру в нарисованный квадратик? Дважды кликнуть, чтобы войти в режим редактирования квадратика, ввести цифру. Повторить со следующим. И так по всей форме.
Все поля которые без квадратиков отчерчены пробелами с подчеркиванием, при заполнении верстка документ нещадно идёт по пизде.
В итоге плюнул, распечатал, заполнил от руки, отсканировал, отправил. Жду.
А так да, диджитал.
Экосистема.
Как я учила фронтенд – плюсы и минусы разных методов
В 27 лет я решила уйти из маркетинга и стать верстальщиком, а потом и фронтенд-разработчиком. О том как это происходит – в прошлом посте, в этом – о моих способах обучения, чтобы эффективно и нескучно. Итак, мой рейтинг:
1. Боевой опыт на работе в команде
На мой вкус, эффективнее работы на реальных проектах нет ничего. Адекватные коллеги не дадут идти совсем в говнокод или не в ту степь, кроме того, без коллег бывают случаи, когда один на один сидишь с задачкой 3 дня, когда она запросто решается известной библиотекой за 15 минут, но тебе просто неоткуда о ней узнать, а в коллективе обычно можно как минимум спросить "в какую сторону гуглить". Здесь главное соблюсти грань между "не сидеть 2 дня" и не "спрашивать, не погуглив", но обычно собственная адекватность или уровень терпения коллег помогают найти баланс. Звучит неплохо, но новичку при поиске работы обычно приходится соглашаться не на самые лучшие условия, и это не только про зп.
Плюсы:
+ максимально эффективно
+ обучение в рабочее время, не надо выкраивать дополнительное
+ расширение портфолио с согласия заказчика
+ если повезёт, то можно быстро вырасти в этой компании или перейти в другую на новых условиях
+ дают денег
Минусы:
– денег дают мало
– подрабатывать где-то ещё времени нет
– без опыта не берут
2. Фриланс
В любом случае – как на картинке будет не сразу :) на несложные проекты по верстке обычно довольно большая конкуренция на биржах. Совсем новичкам не советую фриланс вообще, а после 3-6 месяцев работы в офисе, почему бы и не да. Это те же боевые проекты, возможно даже с небольшой обратной связью – заказчик уж постарается протестировать то, что вы написали, перед тем как заплатит. Однако старших коллег рядом нет, спросить зачастую не у кого. Кстати, когда совсем не у кого спросить и не помогает ни Гугл, ни StackOverflow, есть чаты в телеграмме по вёрстке и по разработке, спросить можно там - могут ответить, но могут и посамоутверждаться, тут как повезет. Отдельная специфика фриланса для разработчиков с небольшим опытом – его сложно найти, пока круг знакомств в сфере совсем маленький. Многие ребята идут на биржи, но быстро в них разочаровываются – некоторые такие сайты ещё года полтора назад дружно сделали отклики на задачи платными, да и на отклики новичков заказчики мало обращают внимания. Последних тоже можно понять – у них есть проект, например, на вёрстку одной странички, и они скорее доверят ее Антону с 400-ми положительных отзывов и рейтингом 8000, чем MegaMonstr1997, зарегистрировавшемуся 16 минут назад и, как ни странно, ещё не получившему 400 положительных отзывов. Мой опыт с биржами – нашла ту, где первые 25 откликов бесплатны, писала заказчикам подробные сопроводительные "Посмотрела сайт, с задачей справлюсь, портфолио вот, еще заметила, что у вас немного на мобилке едет верстка, бесплатно поправлю", где-то на 12-15 отклике случился первый заказ. Естественно, "бесплатно поправлю" – это про работы на 5-15 минут. А иногда первым фрилансом становятся сайтики для друзей, знакомых или для мамы. В последнем случае вы вряд ли будете брать с мамы деньги, имейте совесть, но наверняка получите столько тёплых слов и благодарностей, сколько не получите ни от одного заказчика :З
Плюсы
+ боевой опыт
+ расширение портфолио с согласия заказчика
+ денег все ещё дают
Минусы
– нет опытных коллег рядом (здесь и далее)
– денег ещё меньше
– фриланс сложно найти
3. Курсы с ментором на 2-3 месяца
Я и училась, и сама сейчас работаю наставником на таких курсах, и это хороший способ изучения. Плюс составленная изначально программа даёт системность, тогда как ментор не даёт расслабиться. Будьте готовы, что курсы изначально будут троллить вас обещаниями "Зарплата 120 тысяч через три месяца!", "Изучим одновременно Html, Css, React, Php, Java c нуля за полгода!", "Фулл-стек за 12 занятий")) Это почти всегда неправда. Однако хорошие курсы разложат по полочкам, не дадут облегчить себе задачу при выполнении практики и написать откровенной лажи
Плюсы
+ действительно дают знания
+ систематизация
+ ментор
+ код ревью
Минусы
– сложно выбрать хорошие курсы
– сложно выбрать толкового ментора, обычно кот в мешке
– требует времени, некоторые мои студенты даже брали отпуска, чтобы закончить курсы и защитить диплом
– курсы заинтересованы, чтобы вы покупали и дальше, поэтому зачастую многие важные темы "будут рассмотрены только на втором уровне"
– работодателю обычно пофиг на курсы и сертификаты с них
– дорого (в среднем от 20 тыс до 60 тыс) – если вы студент
– дёшево (в среднем 3-7 тыс) – если вы ментор и хотите подзаработать
4. Бесплатные видосы с Ютуба и где найдете
Неожиданно, что выше книг-статей и прочего? А вот так. Для меня видео-уроки стали просто открытием. В зависимости от силы мотивации в конкретный день я выбирала соответствующий по длительности видос по вёрстке с симпатичным результатом в конце. Например, поисковый запрос на Ютубе мог выглядеть как "Верстка лендинга html", далее смотрю, сколько длится видео и что получается в конце. Мое любимое – 2-2,5 часа и небольшой лендосик по путешествиям или вкусняхам. Но был и один курс на 10+ занятий с более серьезным проектом в конце. Суть просмотра – останавливать видео каждые 30 секунд и повторять за автором, делать ту же страничку / приложение. Звучит просто, но уже на 15-ой минуте у тебя начинает отваливаться то, что у ведущего прекрасно работает. Начинаешь искать, выясняется, что забыл пару css свойств, которые автор быстро напечатал на 3-ей минуте. И вот этот поиск – самое ценное, в процессе поиска учишься отладке через DevTools браузера, через консоль и тд.
Плюсы:
+ бесплатно
+ хороший обучающий эффект
+ быстрый результат в виде знаний и сверстанного шаблона
Минусы:
– можно попасть на недалёкого автора и научиться делать неправильно
4. Книги с упражнениями
В некоторых книгах с первой до последней главы читателю предлагается писать с нуля одно приложение, постепенно улучшая его. В других давался ряд не очень связанных друг с другом заданий. Мне способ не очень зашёл, я начала свое включение во фронтенд с книги по JS, потом практически не возвращалась к книгам кроме формата "Почитать в самолёте по дороге в отпуск".
Плюсы:
+ системность
+ недорого по сравнению с курсами
Минусы:
– очень быстро устаревают
– без практики прочитанное усваивается очень слабо
– совсем не похоже на тусу по уровню веселья
5. Статьи
Статей "Советы по отладке JS", "CSS-трюки: режимы наложения цветов", "10 хитростей JavaScript о которых вы не знали" – великое множество, однако если пока для человека весь JavaScript - одна большая хитрость, толку от них будет немного. Зато уже в процессе изучения и работы во фронтенде, одна прочитанная с утра по пути в офис статья может дать не только понимание того, что нового появилось в мире разработке, но и +100 к чсв, а также возможность лёгкого выпендрежа перед коллегами (или начальством, если повезёт).
Плюсы:
+ больше шансов быть всегда в теме происходящего в мире разработки
+ малая трудозатратность
Минусы:
– бессистемно
– дают вишенки на торте, но не сами навыки
6. Игры типа рпг на минималках
В отличие от книг звучит и выглядит весело. За все игрухи не скажу, но мне попалась та, которая стоила 4 доллара в месяц и имела сотни заданий вида "Есть твой персонаж, есть песчаные яки - от них надо уклоняться, но стрелять по ним нельзя, есть скелеты - их бить мечом, есть орки - если слабый, то защищаться щитом и бить мечом, если сильный, то создавать своих клонов, сначала надо всех орков рассортивать по силе". Далее игрок преобразует то, что понял из "ТЗ" в код на JS с описанными методами "защищаться щитом", "рубить мечом", "создавать клонов", обычно в циклов, условий, сортировки. На мой взгляд, такие игры могут быть полезны только для совсем новичков, которым надо попробовать написать первые циклы и условия, для всех остальных толку будет немного. Еще – вы фиг докажете начальству, что таким образом учите JS :)
Способы, которые я сама не пробовала – например, поиск частного ментора, я не описываю.
Войти в IT в 27 лет
Расскажу про свой опыт смены работы с не-айтишной на айтишную, про проседание по зп в 4 раза, про собесы, про правдивость обещаний знакомых программистов типа "да ты уже через полгода будешь 150 зарабатывать" и в целом про свои поиски
Волею судеб у меня 2 высших в сфере экономики, а знакомство с программированием ограничивалось Бейсиком на курсах в 7 классе и парой шаблонных сайтиков, которые я делала для поиска клиентов по фотографии (подрабатывала в универе) и по SEO оптимизации.
Я работала в маркетинговом агенстве в центре Москвы, была более чем довольна как доходом, так и гибким графиком, и еще более гибким отношением начальства, позволяющего прийти в офис к 12 и уйти в 16, если работы не было. Впрочем, тот мой шеф был отдельным кадром - однажды я задала ему достаточно тупой и очевидный вопрос, на что он ответил "Я нашел причину проблемы за 2 минуты, ты тоже сможешь решить ее сама - у тебя час, на кону твоя премия". Однако через пару лет работы я достаточно разочаровалось в SEO и захотела чего-то более конкретного в плане сферы деятельности.
На тот момент я искренне верила в то, что моих знаний тегов h1 и span более чем достаточно для понимания верстки (про флексы-гриды, мобильную верстку и анимации я даже не задумывалась), поэтому резко решила освоить JavaScript и стать фронтенд-разработчиком. Зарплаты на HeadHunter радовали, книжка по JS лежала у меня на столе... 3 месяца неспешного изучения, подколки коллег, видевших темную тему редактора кода у меня на мониторе, "Опять Пентагон взламываешь?" и я отправилась на первые собеседования. Для портфолио я сверстала несколько сайтиков по видео-урокам.
До тех собесов у меня почти не было неудачного опыта собеседования - чаще звали, чем нет. Тут же я приходила и за первые 5 (серьезно, пять) минут разговора с техническим специалистом я сама понимала, что дальше можно было просто встать и уходить. Очень быстро стало понятно, что о фронтенде речи быть не может, взяли бы верстальщиком - на тот момент я не могла ответить на вопросы о том, как выровнять элемент по вертикали, как сделать модалку на Бутстрапе и т.д. Что поразило больше всего - технические директора тратили свое время и объясняли. Вплоть до "А давайте вместе посмотрим, залезем в документацию к Бутстрапу, так, хорошо, вот она модалка...". Надо сказать, что эти объяснения отпечатались у меня в голове, мне кажется, навсегда.
Наконец, меня взяли верстальщиком в маленькую контору на несколько человек. На зп в 4 раза меньше текущей на тот момент. Но взяли! Я радостно начала ездить к 10 утра на окраину Москвы (реально окраину, там было только шоссе и грустная тропинка вдоль него), огребать за опоздания на 3-4 минуты, самой покупать чай и кофе и делать шаблонные сайты. Моего энтузиазма хватило до того момента, когда я, стоя на пустом этаже бизнес-центра перед автоматом с едой, думала о том, могу ли я себе позволить вафли или нет. После этого я отправилась просить повышения к начальству и получила ответ "Если вы сможете повысить продажи, то мы поднимем вам зп". Как моя работа связана с продажами, я не поняла и открыла резюме. Получила втык от руководства. Усилила активность по поиска новой работы.
Несмотря на все странности первой компании, за 2,5 месяца в ней мне удалось понять намного больше, чем за все время самостоятельного изучения верстки. Боевой опыт - есть боевой опыт. Научилась и мобильной верстке, и кастомизации готовых библиотечек, и отправить формочку на php. После чего меня без проблем взяли в агентство, и это были почти полтора года идеальной работы. Очень повезло с командой - стоило попросить кого-то о помощи, и коллега мог просидеть с тобой и полчаса, и час, и два, пока проблема не решалась. Опять же самый разноплановый опыт - много клиентов, много проектов, много технологий. Этому клиенту нужны доработки сайта на Vue, здесь - верстка с анимацией с нуля, эти ребята требуют PixelPerfect, тем нужно разобраться с Docker для сборки проекта, параллельно подрядчики намутили конфликтов в гите и ждут, пока я их решу. Все начиналось с задачек по верстке, потом иногда попадался и JavaScript, и полноценный фронтенд. Но 80-90% - верстка.
Стресс - бывало, но опыт - бесценный. Но у меня ключевым фактором оказалась еще и отличная команда, благодаря которой опыт набирался, а стресс был небольшим. Как говорил мой бывший "Ты хоть по одному из своих бывших так скучала как по той работе?". Как я узнала позже, это весьма распространенная схема "Пойти новичку работать в агентство, набраться опыта и потом уйти на сторону клиента - на меньшую загрузку и большие деньги". И такой момент настал и у меня.
В конце февраля 2020 (вы чувствуете, чем пахнет?) я начала деятельность по смене работы. Хотелось меньше загрузки и больше погружения в глубину технологий (когда ежедневная загрузка на 90-110%, нет ни времени, ни мотивации углубляться, надо быстрей-быстрей), ну и больше денег тоже хотелось - ни секрет, что в агентствах не самые высокие зарплаты. Одним из главных критериев было "Фронтенд, а не только верстка".
Ровно за 3 недели до начала общего карантина в марте 2020 я уволилась. Тогда еще мало кто верил в карантин. Но случилось то что случилось, и в середине марта мне позвонили кадры с новой работы и попросили срочно приехать и оформиться в штат, так как с послезавтра они переходят на удаленку.
Устроилась фронтенд-разработчиком. Почти 4 месяца на новой работе, и я ни разу не видела ни одного из своих коллег-программистов, все удаленно. В целом, никому бы не посоветовала включаться в новую работу по удаленке. Ситуаций, в которых чувствуешь себя тупой, в разы больше, чем при офисной работе. Мелкие административные дела типа подписать документ или написать электронное заявление на отпуск становятся часовыми квестами. Однако лучше так, чем если бы я не успела найти новую работу перед карантином вообще. А так - работаем, по зп удалось выйти на тот уровень, который был до ухода в IT. Но 150 пока нет, и тем более их не было через полгода после смены профессии, не ведитесь на такие обещания :)
Мой CSS в жизни
padding: 0 20px 0 200px
Реакция на курсор
Показать полностью
8
Дизайн контактных форм: поля ввода
Показать полностью
8
С нуля до Frontend-разработчика. Начало
Всем привет,
произошел небольшой казус в прошлом посте (не знал всех правил редактирования постов, извиняйте), поэтому решил написать новый пост.
Как говорил ранее, все кто начинают обучение в веб-разработке сталкиваются с огромным количеством информации в сети и отсутствием практических навыков. Я не стал исключением.
Даже имея RoadMap и обучающие курсы, происходит так, что мы учим сухую теорию и когда дело доходит до собственного проекта, руки и голова забывает как писать код.
Пересмотрев уйму информации в интернете, а также повторяя код за лектором, решил остановиться и начать свой путь заново, почти с нуля.
Сейчас хотел бы посоветовать небольшой план для людей, которые только начинают свой путь в веб-разработку:
1) Думаю, самый народный способ изучить основы HTML и CSS это воспользоваться бесплатными курсами от HTML Academy.
Затем эти знания можно закрепить пройдя бесплатные задания на FreeCodeCamp. (Basic)
2) Советую скачать бесплатно курс, который писал здесь (п. 2)
!Либо можете найти ссылку на скачивание zip-файла в комментариях в этом посте!
Посмотрев первый модуль, вы уже отточите свои базовые знания + будет настроено пространство.
3) После этого сразу советую изучить препроцессор CSS (хотя его и ставят в середину обучения, считаю его надо учить сразу после основ). Про них можно узнать в модуле 2 - 025 из того курса, либо из любого другого видео на YouTube.
4) Изучаем основы Git/Github. Из курса Модуль 3 - 041, либо на YouTube. В начале необходимо уметь только пушать проекты в репозиторий. имхо)
+ также многие советуют выделять время на прочтение книг и изучения англа. Но я считаю, что лучше получать информацию с помощью интерактивных ресурсов (видео), а также стараться не распыляться на другие темы.
Сложно описать сколько времени у вас займет на обучение данного материала, но в среднем можно предположить 2/3 недели.
После этого можно уже с головой углубляться в верстку.
Мой план обучения на ближайшее время:
1) Практикуем верстку с помощью Bootstrap Grid (ее многие недолюбливают, но я хотел бы закрепить эти знания);
2) Продвинутая верстка с Flexbox без интерактива;
3) Стараемся настолько набить руку, чтобы могли сверстать почти любой проект без интерактива;
4) Основы JS;
5) Поверхностное изучения JQuery и добавления интерактива на сайты.
6) Продвинутый JS;
7) React.js
8) Создаем портфолио;
8) Стараемся устроиться на работу джуном.
План на следующую неделю:
1) Доделать проект из курса (модуль 2);
2) Найти и сверстать самостоятельно пару лендингов с помощью сетки + делать их "резиновыми".
Повторюсь, что постараюсь вести этот блог и создавать новые посты пока что каждую неделю, для структурирования знаний, получения фидбека, и возможно кому-то этот путь пригодиться)
Все получилось сумбурно, я еще дилетант в этом деле, так что рад любой критике и пожеланиям :)