​Сленг программистов. Часть 2

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

Бэкап (от англ. «backup») - создание резервной копии сайта/данных. Делается для того, чтобы в случае ошибок откатиться (см. ч. 1) до предыдущей версии.

Деплой (или «задеплоить») - процесс публикации проекта, перевод кода в рабочее состояние. Характерно для сложных сайтов, а не для одностраничных лендингов.

Линукс (Linux) - бесплатная операционная система, преимущественно используемая DevOps-специалистами и backend-разработчиками. А линуксоид — человек, который пользуется операционной системой Линукс. У меня есть один такой знакомый, со своим Telegram-каналом. Рассказывает про Windows, Linux, devOps и отлично разбирается в новинках в этой теме.

Локалка - локальная сеть компьютеров, соединённых кабелями. Т.е. альтернатива беспроводному Wi-Fi. Считается устаревшим способом и используется преимущественно в государственных учреждениях.

Мануал (от англ. «manual») - руководство, инструкция по использованию программы или технологии.

Митап (от англ. «meetup») - встреча специалистов для обмена опыта в неформальной обстановке, например, в баре за пивом.

Опенсорс (от англ. «open source software») - программа с открытым исходным кодом, который может редактировать любой желающий. Подходит, если вы ищите проекты для портфолио. Выбираете крутой open source проект (например, React), вносите в него корректировки и говорите в резюме, что вы работали в значимом продукте. Список достойных опенсорс смотрите здесь. Работа на опенсорс всегда бесплатная.

Песочница (от англ. «sandbox») - специальная область/среда для безопасного выполнения программы. Часто выглядит как онлайн-редактор кода. http://next.plnkr.co/, https://jsfiddle.net/, https://codesandbox.io/, - примеры песочниц.

Холивар (от англ. «holy war») - спор о технологиях (как правило, бессмысленный). Часто разворачивается на конференциях/чатах, и каждый из участников остается при своем же мнении.

Пых, пыха - сокращения для языка программирования PHP.

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

Привет! Недавно я наткнулась на канал IT-обучение, где админ публикует годные материалы для изучения:

🔹 Халявные и полезные статьи.
🔹 Уроки и видеокурсы (по разным уровням сложности).
🔹 Свежие новости из мира IT.
🔹 Годные подборки для прокачки soft-skills и не только!
🔹 Рекомендации и интервью с профессиональными разработчиками.

Если вы давно искали интересный канал про IT, то самое время заглянуть в @it_loft!

#рекомендация

​Я - junior. Что дальше?

Ресурсов по старту в ИТ масса. Начиная от бесплатных материалов и заканчивая полугодовыми курсами от 100 000 руб. И работу на Junior/стажера найти реально. Тысячи людей так уже делали.

А что изучать дальше, если ты уже джун?

Стоит обратить внимание на паттерны React/Redux, разобраться во внутреннем устройстве JavaScript и научиться отличать хорошо написанный код от плохого.

Паттерны можно учить по этому туториалу, выбираем те, которые еще не знаем. Разбираемся с типизацией. Начинаем с npm-модуля prop-types, а затем переходим к Typescript. Если еще не понимаем английскую документацию, то иностранный язык - это первое, что необходимо подтянуть.

Настраиваем stubbs и учимся эмулировать данные, приходящие с backend. Проект должен быть полноценным и верно обрабатывать все возможные ошибки (данные не пришли, пустой массив и др.).

Понимаем, что такое Redux Saga и Redux Actions. Внедряем их в свой проект.

Познаем функциональный setState и не путаем его с обычным. Ознакомляемся с inline functions и понимаем, хорошо это или плохо.

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

От корки до корки прочитываем книгу “You don’t know JS Yet” и действительно понимаем все, что в ней пишут.

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

Middle от Junior отличает багаж знаний, количество лет опыта, качество кода и скорость разработки. Почитайте “Совершенный код”, “Рефакторинг”. Перепишите программу, которая у вас уже была. Только сделайте это лучше. Еще React hooks не помешает изучить.

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

Если личной привязки к компании нет, но советую сменить рабочее место. Жизнь идет, frontend меняется, и засиживаться на одном месте может быть чрезмерно дорого для вас. Чем больше вы знаете и умеете, тем свободнее в выборе компаний и проектов. Знайте материал так хорошо, чтобы компании сражались за вас, а не вы за место под солнцем под крылом сильной компании.

​HTML. Canvas. Какие сайты будут в тренде?

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

Посмотрите на этот пример. Конечно, одних знаний CSS и JS здесь недостаточно. Необходимо разбираться с Canvas.

Canvas - это отдельный элемент в HTML5, который используется для рисования с помощью JS. А если копнуть глубже, то под этим понятием кроется полноценный подход к созданию игр в браузере.

Чтобы реализовать сайт из примера или сделать HTML-игру, нужно с чего-то начать. Мне понравился этот туториал, “CANVAS шаг за шагом”.

И, да, рубрика «Вдохновляющие сайты» объявляется открытой!

​15 стран за год?

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

В детстве я могла о таком только мечтать. Лучшее мое путешествие было с родителями в Анапу. По путевке, которая им досталась с работы за треть-цены.

Все началось в университете, когда я открыла для себя денежную возможность ездить заграницу. Сначала в Финляндию (ближе всего к Спб), потом в Швецию, Эстонию и все близлежащие. Апогеем моих университетских странствий были Амстердам и Париж, в которые я отправилась на пятом курсе автобусным туром (и никому больше брать автобусные туры не советую!).

Дальше - больше. Я составила для себя список стран, которые хочу посетить. В них фигурировала запись от Сингапура до Монако. И мне сказали, что за год это все реально посетить. Если постараться.

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

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

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

Пишите списки.

​Как найти первый заказ на фрилансе без опыта?

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

Где брать тестовые проекты для портфолио? Об этом расскажу в следующих статьях блога.

Каждый выполненный сайт/шаблон добавляйте в портфолио. Не обязательно это проект на 25 страниц. Заказчик должен понимать, что вы уже реализовывали функционал, который нужен ему, и сделали это качественно.

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

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

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

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

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

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

Старайтесь не работать с заказчиками, которые вам не нравятся. Они будут отвечать вам взаимностью и могут оставить гневный отзыв.

Выбирая заказ, помните основной принцип фриланса: “Без внятного ТЗ - результат ХЗ”. Не работайте с клиентами, которые сами не знают, чего хотят. Они потом будут придираться ко всему.

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

Поиск работы на фрилансе я разбиваю на следующие этапы:

1. Подготовка портфолио, наработка шаблонов, актуализация технической базы.
2. Регистрация на фриланс-бирже и заполнение профиля. Можно сразу на нескольких, поймете, на какой лучше пойдет.
3. Поиск первого заказа, общение с заказчиком.
4. Качественное выполнение первой работы, получение хорошего отзыва от клиента.
5. Поиск последующих заказов до тех пор, пока не найдете хорошего денежного заказчика с большим объемом работы.

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

Программист - это о вас?

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

21 октября - начало моего личного курса “Старт в ИТ”.

Включено:

- 100 видео про Frontend. 10 уроков, которые мы можете смотреть в удобное время. Вы не зависите от других участников курсов и формируете расписание самостоятельно. Средняя длина видео - 10 минут.

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

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

- Самый популярный отзыв сентябрьского потока: “Качественное изложение материала, без воды”. Мой опыт преподавания frontend - 3 года, опыт в веб-разработке - 8 лет. В копилке проектов - банк Открытие (3 года), Мегафон.

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

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

Курс включает в себя:

Урок 1. Вводное занятие. Как устроен сайт в интернете, профессии в веб-разработке.

Урок 2. HTML. Кирпичики веба, из которых все состоит. Делаем свой первый сайт!

Урок 3. HTML. Овладеваем самыми популярными 25 тегами. Знакомимся с Github.

Урок 4. HTML. Приступаем к реализации макета (http://elenasemenova.ru/markup.jpg). Продолжаем изучать Github.

Урок 5. CSS. Знакомимся со стилями, добавляем CSS на макет.

Урок 6. CSS. Разбираемся с подключением шрифтов, псевдоэлементами, позиционированием и стилизацией формы. Максимально погружаемся в стили.

Урок 7. CSS. Изучаем анимации, правила хорошего тона верстки. Работаем с плагином Pixel Perfect (https://welldonecode.com/).

Урок 8. JavaScript. Познаем основы JavaScript, создаем первую программу.

Урок 9. JavaScript. Изучаем взаимодействие с элементами. Внедряем JavaScript на макет.

Урок 10. Заключение. Выкладываем сайт в интернете. Познаем правила именования классов и мобильную верстку. Разбираемся, куда двигаться дальше.

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

Стоимость курса - 10 000 руб. при оплате до 6 октября. После - 12 000 руб.
Старт 21 октября.
Длительность - 5 недель. Запись через личные сообщения - @afelua.

Подробная информация о курсе находится здесь.

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

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

Достаточно бесплатных материалов?
- Но они не укажут на ваши ошибки. А на исправление бага может уйти 3 часа, про который достаточно было просто спросить.

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

Запись на курс через личные сообщения - @afelua.

​Зачем изучать веб?

2 человека, 2 истории. Почему люди начинают изучать веб-разработку? Почему именно сейчас и по какой причине выбирают мой курс? Рассказы активных студентов потока.

Наталья, самый старательный студент

“Я решила попробовать себя в ИТ, поскольку знаю, что эта область перспективная. К тому же, мне всегда любопытно получать новые навыки. Выбрала веб-разработку, т. к. направление frontend показалось мне наиболее интересным.

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

На курсах мне больше всего нравится небольшая группа и быстрая обратная связь. Качественная помощь при возникновении трудностей и детальный разбор ошибок. Хорошая подача материала без "воды" и удобный формат обучения. А также огромное количество практики.

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


Александр, студент, который не сдается

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

На курсе мне нравится реализация учебного процесса. Имеются видеоуроки и презентации к ним. Понятно преподносится материал.

В нашей жизни возможно все, и если заниматься практикой регулярно, то 100% можно полностью сменить сферу. Главное - не останавливаться и продолжать обучение дальше”.

Усердие, регулярный труд и качественный материал помогут вам в этом нелегком деле. 100 обучающих видео, конспекты и практические примеры, - ваши помощники. А я - ваш строгий учитель желающий делать из начинающих профессиональных frontend-разработчиков. Медлить можно вечно! Спеши занять свое место на моем курсе, который стартует 21 октября. Стоимость 10 000 руб. при оплате до 6 октября.

​Что такое хакатон?

Хакатон - это мероприятие для разработчиков, на котором им предстоит решать бизнес-кейс в короткие сроки. Как правило, написать прототип сайта/мобильного предложения по отведенному сценарию за 24/48 часов.

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

Хакатон предполагает круглосуточное программирования, иногда даже без сна. Как правило, расписание 24-часового хакатона такое:

10.00 - 12.00 - приветственное слово, предложение кейсов, формирование команд.

12.00 - 15.00 - знакомство в команде, проработка идеи, старт программирования.

15.00 - 00.00 - программирование. Кто-то после 12 ночи уезжает спать, другие остаются кодить дальше.

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

10.00 - 12.00 - защита проектов, объявление победителей.

Все! 24-х часовой марафон кодинга прошел. Если хакатон длится дольше (например, 48 часов), то увеличивается время на разработку и качество демонстрируемого прототипа.

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

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

На последнем хакатоне я заметила, что для демонстрации идеи стоит упростить прототип до минимального. Так, у нас совсем не было интеграции с бэкендом, и все решала верстка. У меня даже был тяжелый хардкод: предполагалось, что система будет валидировать ошибки и в зависимости от ответа говорить, верен он или нет. Демонстрировать надо было как отрицательный, так и правильно работающий сценарий. Я сделала так, чтобы при нажатии на кнопку первый раз она всегда выдавала ошибку, а на второй - сообщение “Ваш ответ верен!”. И такого грубого нарушения никто даже не заметил. Так что, напрягаться на хакатонах не стоит)

О системе, которую я разрабатывала. Я делала онлайн-проект по изучению паттернов программирования с геймификацией на примере робота. Он даже назывался “Robocode”.

Суть в следующем: по умолчанию тебе дан примитивный робот, и по мере решения задач ты его одеваешь. Получаешь шлем, атакующие перчатки, супер быстрые ботинки и др. Таким образом, из стандартного робот становится монстром. Рассчитано на возраст 15-20 лет. Подробнее презентацию смотрите здесь.

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

​Приятно, когда о тебе говорят

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

Подробнее про API Открытия здесь.

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

​Как начать изучать программирование?

Хочешь начать изучать программирование, но не знаешь, сможешь ли?

Тест-драйв бесплатно! В это воскресенье, 13 октября в 12.00 я провожу бесплатный вебинар “Как составить программу для самостоятельного изучения frontend”. Смотреть можно в записи!

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

Вебинар будет идти 1-2 часа. Попасть на него смогут только первые 15 человек. Для записи напишите мне сообщение @afelua. Трансляция будет доступна после окончания вебинара, но записываться на него нужно.

Не откладывай на понедельник то, что можно сделать в воскресенье!

​JavaScript30. Или 30 дней JavaScript’а

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

Для этой цели мне нравится бесплатный ресурс JavaScript30. 30 уроков JavaScript на каждый день. Реализовываете тикающие часы, HTML5 видео-плеер, галерею изображений и даже игру. И так ежедневно. На следующий день вам приходит ответ, все ли вы сделали так. Но есть один маленький нюанс: доступ к ресурсам всего на 30 дней.

Сможете?) Познайте себя в челлендже!

А я, тем временем, продолжаю запись на свой курс. Если вы еще не знаете JavaScript, но хотите приобщиться к вебу. Welcome!

​О времени

Время. Мне кажется, что оно ускользает. Оно надсмехается надо мной. Каждый месяц я составляю план по 5 направлениям, по которым хочу продвинуться в жизни дальше. Уже середина месяца, и я лишь выполнила 15% от него.

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

Я активно слежу за конкурентами и вижу, куда двигаются они. Однако, если они продвигаются на 10 шагов, мне за месяц удаётся прыгнуть лишь на 2. Ставя себе план на 5.

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

Если бы меня спросили, какой подарок я хочу больше всего на свете, я бы ответила: «Время». Время на себя. Когда ты никому ничего не должен и делаешь то, что благоволит душа.

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

Знаете, за что я люблю программирование? И почему я туда пошла? Оно логично. Путём экспериментов или подсказок ты поймешь, верно функция работает или нет. В жизни такого нет. На развилке ты никогда не знаешь, какой путь верный. Ты тратишь ресурсы, и у тебя нет понимания, сработает оно или нет. Ты не можешь стереть код и начать все заново. И никогда не сможешь сделать рефакторинг.

А время... Оно идёт. Помню, мне ещё родители говорили: чем дальше, тем быстрее. И теперь я осознаю, насколько это верно.

​Как верстать быстрее?

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

Установите плагины для быстрого набора HTML-тегов и CSS-стилей. Посмотрите на Emmet (комбинации здесь), если используете Sublime text. Либо включите набор кода через короткую комбинацию символов в Webstorm или Atom.

Обучитесь методу слепой печати. Я так делаю с 15 лет. Применяла «Соло на клавиатуре» (для Windows и онлайн) для русского и английского языка. Сначала нудно, ещё сложнее вспоминать расположение пальцев на практике, но уже через полгода производительность кардинально растёт. Мне эта программа спасла не одну ночь в универе, когда 100 страниц магистерского диплома я набрала за 1 день. В то время, как у других на это уходило по 2-3 недели.

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

При верстки сначала концентрируйтесь на разметке страницы, затем - на расположении блоков (что слева, что справа, а какие элементы стоят в один ряд), а потом подгоняйте под Pixel Perfect plugin. Я всегда накладываю оригинал на страницу, подгоняю актуальные стили в браузере, а затем копирую получившиеся CSS-свойства и вставляю их в файл.

Применяйте сборщики проекта, чтобы вам не пришлось копировать изменённые ссылки по 10 раз. Выносите повторяющийся функционал в отдельный файл и переиспользуйте их. В этом вам помогут gulp и Webpack. Используйте переменные не только в JS, но и в CSS с помощью LESS и SASS.

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

Кстати, это был вопрос от подписчика. Задать свой можно мне лично или анонимно. Не бойтись спросить то, что интересно услышать!

​В Африку за ИТ

Куда отправиться за IT-знаниями? В США, Канаду, Лондон, - это банально. Почему бы ни протоптать себе путь на африканский континент, чтобы приобщиться к новейшим разработкам в Deep Learning?

Я тоже сначала смеялась. Потом увидела эту статью. Оказывается, уже третий год проходит конференция Deep Learning Indaba в Кении. Им пришлось организовать свою, ведь в развитые страны их практически не пускают. Эффект того стоит: на крупнейшую AIconf континента съезжаются представители 40 стран Африки.

Конференция конференцией, но я решила узнать, как живут программисты на африканском континенте. Оказывается, не так и плохо: по данным Indeed средняя зарплата Frontend developer в ЮАР - 150 000 российских рублей. Как гласит поговорка, программист - он и в Африке программист.

Однако, похоже, что за богатством стоит ехать только в самую богатую страну Африки (ЮАР). Средняя зп программиста в Нигерии - уже 50 000 русских рублей. В остальных африканских странах разработчики менее популярны.

У меня всегда было мнение, что Африка еще не отошла от первобытного строя. Однако, сегодня я узнала, что цивилизованная жизнь в части Африки есть. Чем не повод поставить себе новую экзотическую цель и отправиться в дальнее странствие по ЮАР? Или в другую затерянную страну Африки?

​Курсов много, а я - один

Когда еще не поздно заскочить в последний выгон уходящего поезда.

Сегодня заканчивается запись на мой курс "Старт в ИТ". Почему стоит заниматься именно у меня?

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

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

3. Я провела опрос среди учеников и спросила о ключевом преимуществе курсов. Как показала статистика, выиграли «качественное изложение материала, без воды», «удобный формат обучения» и «много практики на реальном макете». Ссылки на учеников могу предоставить (для тех, кто сомневается в моей честности).

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

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

Убедитесь в качестве курсов лично. Старт сегодня. Успев оплатить до 00.00, вы автоматически запрыгиваете в последний вагон поезда "Будущий программист". Вперед!

​Как валидировать форму на js?

Как сделать так, чтобы пользователь мог вводить только цифры в поле с паспортом? А только буквы русского алфавита в поле “Имя”? Для этого существует метод regexp.

Например, создадим переменную myDream.

let myDream = "Я хочу научиться программировать"

/хочу/.test(myDream); возвращает нам true, потому что слово “хочу” в фразе "Я хочу научиться программировать" есть.

А выражение:

/играть на барабане/.test(myDream); возвращает false, т.к. фразы “играть на барабане” в myDream нет.

Однако, мы можем искать не только слова, но и цифры. Для этого используется запись \d.

/\d/.test('1234') говорит нам о том, есть ли в записи хотя бы одно число.

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

/[0-9]/.test(’1234’)

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

/^[0-9]{1,2}$/.test('12')

^ - сигнализирует о начале строки. Мы начинаем искать выражение не с середины, ни с конца, а с начала.

$ - сигнализирует о конце строки. Мы заканчиваем искать выражение не после первого найденного, а идем до конца строки полностью.

[0-9] - это мы знаем. Ищем цифры от 0 до 9.

{1,2} - интересует, чтобы пользователь ввел 1 или 2 символа. Так, строка из трех символов “123” уже не подойдет.

Интерес представляет regexp, когда пользователь может вводить только русские символы. Выглядеть это будет:

/^[А-ЯЁа-яё]+$/.test('Елена')

А если только латинские (например, фамилия в загранпаспорте):

/^[a-zA-Z]+$/.test(‘Fedorova’)

Бывает, что интересуют латинские символы, цифры и пробел:

/^[A-Za-z0-9\s]+$/.test('apartment 15')

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

Про regexp я заговорила потому, что попалось задание:

- вернуть true, если фраза содержит все буквы латинского алфавита хотя бы по 1 разу ("The quick brown fox jumps over the lazy dog");
- вернуть false в противном случае.

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

​Проиграв, не сдаться

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

Я увлекаюсь sup-серфингом. Это - гребля на доске стоя. Google по этому поводу знает много картинок. Я попробовала его пару раз - и втянулась.

Мне кажется, я обошла все sup-маршруты Петербурга. Мне нужен был вызов - и я организовала его на волнах Ниццы. За всю историю знакомства с доской я не разу с нее не упала.

После полутора лет практики и паре десятков маршрутов я стала именовать себя профессионалом. Ведь держалась я увереннее новичков и всегда шла впереди группы. Я решила, что мне больше не место среди начинающих. И отправилась на sup-гонку в Завидово (Тверская область) на 18 км.

За неделю до начала ситуация начала разворачиваться не в мою пользу. Во-первых, испортилась погода. Я готовилась к соревнованиям в +15, а прогноз показывал +6.

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

В-третьих, организовался корпоратив. В пятницу вечер, в Москве. А стартовать надо было в субботу, в 8 утра, под Тверью. Мероприятие компании обещало растянуться на всю ночь.

У меня было много причин не ехать. Но я решила не сдаваться, и отправилась в путь.

Надо понимать, что 18 км на sup - это 4-6 часов гребли для любителя. А если ты гребешь неаккуратно, то теряешь равновесие и падаешь в воду. Такое погружение равносильно выходу из гонки, ведь плавать в +2 мало кому приятно.

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

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

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

Как оказалось позднее, шансов пройти гонку у меня не было. Дальнейшая дорога была лишь суровее, а одежды, пригодной для спорта в +2 у меня не существовало. Единственный вариант был сойти с трассы позднее. Но тогда я бы понесла большие убытки.

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

​Марокко. Ехать или нет?

Недавно я съездила в Марокко, и хочу поделиться, какая это замечательная страна.

Начнём с того, что Марокко беднее России. Свежевыжатый апельсиновый сок здесь стоит 70 руб., гранатовый (из 5-ти гранатов!) - 120 руб. Без намёков на разбавление водой.

А верблюды просто прекрасны. Если до этого вы видели их лишь в зоопарке (как я), а пустыню - только на картинке, то welcome в Марокко. Четырехчасовая прогулка на горбатых и угощение национальным марокканским чаем (все за 2 000 руб.) вам в помощь.

Здесь дёшево. Вы будете кайфовать после европейских цен. Бутылка воды - 15 руб., магнит - 50 руб., ужин в ресторане - 1 000 руб. на одного, приличный отель в крутом районе - 3 000 руб. за ночь.

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

Теперь о недостатках: бедность и хаус на улицах Африки.

Узкий центр города, со всех сторон заполненный торговцами. Прилавки достались не всем - кто-то продаёт на земле. Апельсины, в двух сантиметрах от которых проезжает мопед. Змеи, танцующие под национальную музыку. Мастера по маникюру, зазывающие тебя с асфальта. Гранатовый сок, который пьют из одного и того же стакана. Название этого места - Медина (Старый город).

Местные набрасываются на тебя с криками: «Купи». Через каждый квадратный метр. Для них ты - ходячий мешок денег, с которого можно капельку поиметь. Они плохо говорят по-английски (второй язык - французский) и практически не знают правил дорожного движения. Мопеды ездят везде и в т.ч. по встречке. По дороге одновременно проезжают авто, велосипеды, автобусы, кони, ослы, мопеды и самодельные повозки, и никто тебя не пропускает на зелёный свет.

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

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

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

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

​CodeHouse. Идеи для самостоятельной разработки

Предположим, курсы по HTML/CSS/JS вы уже прошли, а знаний для поиска первой работы недостаточно. Каким образом находить проекты для самостоятельной реализации? Как понимать, что ты его сделал верно?

Для этих целей мне нравится проект CodyHouse. Выбираете идею, которую хотите реализовать. Будь то красивый 3D-сайт или автоматический Product Builder. Скачиваете исходники с Github и учитесь понимать чужой код (одна из самых важных способностей программиста). Если что-то непонятно, в статье бывает описание.

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

Меня лично этот ресурс вдохновил.