Блог Хекслета

Истории успеха Фронтенд

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

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

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

Аватар пользователя Кирилл Самсонов
Кирилл Самсонов
11 декабря 2018
6 Время чтения статьи ~4 минуты Читать дальше
Истории успеха Java PHP

С детства меня интересовали компьютеры. В годовалом возрасте я тыкал по клавиатуре 486-го, в пять лет открыл для себя мир игр, а через год родители подарили Pentium III. Мои старшие братья в начале 2000-ых годов закончившие университет по "компьютерной специальности" (не помню наименование) помогли его настроить. Как сейчас помню: диск с надписью сделанной черным маркером "Windows ME", ручное форматирование в формате NTFS и долгая установка ОС. В то время я просто сидел рядом и наблюдал за всем, для меня все было магией, я запоминал все последовательности нажатий кнопок, даже бессмысленные нажатия на пробел, думая что это все необходимый ритуал для включения компьютера и что без этого он не заработает и я не смогу поиграть в свои любимые игры.

Несколько позже один из братьев писал простенькие странички на HTML и CSS и я заинтересовавшись, и осознав что на компьютере можно не только играть, а еще и делать что то иное - с первого взгляда не совсем понятное и странное; начал стоять над душой и донимать его вопросами. Объяснив мне основы HTML и нарисовав схему "Компьютер -> FTP -> WWW", он уступил мне место и открыл Notepad.exe со словами: "Ну пиши теперь свой сайт". Для меня это был новый мир, я заливал красками фон, писал разными шрифтами, вставлял картинки и многое-многое. Но скоро это наскучило и я забыл про программирование до средней школы - времени, когда у меня появился интернет.

Аватар пользователя Askarov Alikhan
Askarov Alikhan
05 декабря 2018
3 Время чтения статьи ~6 минут Читать дальше
Код Без стека

1. LightBot

От 5 лет, на мобильный и десктоп
http://lightbot.com/

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

LightBot Coding Game

2. Scratch

От 7 лет, в браузере и на десктоп
https://scratch.mit.edu/

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

Scratch Coding Game

3. Codemonkey

от 7 лет, в браузере
https://www.playcodemonkey.com/

Тоже для ребенка и родителя, вместе. Если в Scratch нужно собирать простые алгоритмы из цветных блоков, то здесь уже надо печатать код чтобы помочь обезьянке получить обратно свои бананы. Удобно то, что все наглядно и интерактивно: напечатал код, проверил.

Codemonkey

Аватар пользователя Vlad
Vlad
30 ноября 2018
1 Время чтения статьи ~3 минуты Читать дальше
Мотивация Без стека

Апдейт среды

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

Смотрите решения других студентов

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

Вебинар о разработке в крупных компаниях

В пятницу 16 ноября провели вебинар «Разработка в энтерпрайзе». Кирилл поговорил с Андреем Толмачевым о культе-карго, адекватному подходу в бизнес-процессах, и почему программистам нужно думать о бизнесе, а бизнесу учиться работать с программистами.

Аватар пользователя Vlad
Vlad
27 ноября 2018
0 Время чтения статьи ~1 минута Читать дальше
Код Фронтенд

Не используйте чек-боксы в пользовательских интерфейсах. Используйте переключатели (radio buttons). У чек-боксов есть одно преимущество: они занимают меньше пространства. Но у них есть и серьезный недостаток: часто неясно, что значит неотмеченный чекбокс.

Вот несколько примеров. Первый — из формы настроек WillMaker от Quicken (сервиса для планирования наследственного фонда в США):

img

[ ] Отсортировать список контактов по фамилии
Quicken WillMaker отобразит контакты в списке, отсортированные по фамилии)

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

Аватар пользователя Natalia Bass
Natalia Bass
25 октября 2018
1 Время чтения статьи ~4 минуты Читать дальше
Мотивация Java

О том, чем отличается путь Java-разработкчика (и других JVM-языков) от пути разработчиков на других языках и платформах, как развиваться профессионально в условиях работы на крупных проектах.

Аватар пользователя R. D.
R. D.
18 октября 2018
0 Время чтения статьи ~1 минута Читать дальше
Мотивация Java

Мы рассмотрим в обзорном порядке, какая она - карьера программиста, в применении к Java-технологиям. Какие основные проблемы наблюдаются на этом пути, какие личные качества помогут Вам в работе, какие soft-skill'овые и технические навыки необходимы и будут плюсом для успешной карьеры.

Аватар пользователя R. D.
R. D.
09 октября 2018
0 Время чтения статьи ~1 минута Читать дальше
Код Без стека

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

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

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

Аватар пользователя Natalia Bass
Natalia Bass
09 октября 2018
0 Время чтения статьи ~15 минут Читать дальше
Код Без стека

Я часто ловлю себя за чтением и изучением чего-то нового, потому что я любопытный человек. Я прочитал книгу «A Mind for Numbers» Барбары Оукли, чтобы улучшить и перевести на новый уровень процесс своего обучения. Этот пост – моя выдержка из книги. Тут содержится десять наиболее важных моментов, которые, как я думаю, те, кто изучает что-то новое, должны применять на практике.

Аватар пользователя Natalia Bass
Natalia Bass
27 сентября 2018
5 Время чтения статьи ~11 минут Читать дальше
Код Без стека

Cиндром самозванца – это реальная штука, и он поражает новых разработчиков. Мы проходим через туториалы, буткемпы или даже полноценное университетское образование, но всё равно стесняемся делиться своим кодом. Мы боимся плохой оценки качества нашего кода. Никто не страдает от этого сильнее разработчиков с самообразованием. Поскольку у нас нет «фактического» или «задокументированного» опыта или мы не стажировались, мы оцениваем свой код ниже среднего.

Несколько месяцев назад я был таким. Я перечитывал Test-Driven Development With Python Гарри Персиваля. Несмотря на то, что всё делал по книге, я стеснялся делиться своим кодом. Пусть моё приложение и работало так, как было задумано, я не хотел делиться прогрессом. Я не хотел, чтобы кто-то указал мне на какую-то очевидную ошибку, на которую я не обратил внимание. Я хотел, чтобы мой продукт приносил удовольствие другим людям, но не хотел, чтобы они видели, насколько я слабый разработчик.

Я отложил свой проект, и после недолгой паузы стал просматривать другие проекты на GitHub. Я нашёл несколько, у которых был маленький значок на страницах README.

img

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

img

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

Аватар пользователя Natalia Bass
Natalia Bass
17 сентября 2018
43 Время чтения статьи ~5 минут Читать дальше
Карьера Без стека Веб-разработка

Начну свою историю с рассказа о том как я познакомился с веб разработкой.

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

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

Аватар пользователя Евгений Елаков
Евгений Елаков
12 сентября 2018
3 Время чтения статьи ~5 минут Читать дальше
Код Без стека

Я размышляю о последствиях «неправильной абстракции». Мой доклад с RailsConf 2014 «all the little things» включал раздел, в котором я высказала такое мнение:

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

А заключение я подытожила советом:

выбирайте дублирование вместо неправильной абстракции

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

This, a million times this! “@BonzoESC: “Duplication is far cheaper than the wrong abstraction” https://twitter.com/pims/status/442010383725760512

Аватар пользователя Natalia Bass
Natalia Bass
10 сентября 2018
0 Время чтения статьи ~4 минуты Читать дальше
Мотивация Без стека

Если вы хотите больше практических заданий и владеете английским (или хотя бы умеете гуглить перевод), то у меня для вас хорошая новость! Пару дней назад Кирилл подсказал неплохой сайт-тренажер-задачник. Я его опробовал, и, вот, теперь опишу свои мысли. Ах да, сервис называется codewars и наверняка кто-то из вас уже слышал о нем.

Коротко о коудворс

Для меня лично codewars стал местом, где можно попрактиковать технику написания кода + узнать чужие, более интересные техники. Сервис реализован в стиле "восточных единоборств". Сам сайт уже не просто сайт, а – додзё; задачки – ката; вы – солдат, воин, а не просто студент-программист, а код-ревью – кумите, спарринг. Восточная тематика создает специфическую атмосферу – здесь хочется непрерывно развиваться и становиться искуссным мастером. Порадовала сегментация задачек-ката по сложности. В общем, заходи и развивайся, самурай!

Аватар пользователя Павел Ким
Павел Ким
31 августа 2018
8 Время чтения статьи ~3 минуты Читать дальше
Истории успеха JavaScript Фронтенд

Вот и пришла моя очередь делиться результатами.

Год назад решил перейти работать в офлайн и начал изучать html/css. В процессе понял, что если я хочу быть хорошим специалистом, то нужно еще знать и js. Первыми ресурсами были freecodecamp, w3school и learnjavascript, но ни один из них не давал мне полного понимания того, как вся кухня устроена и что с чем связано. Да и почему, черт возьми, вот это в скобочках попадает вон туда в функцию? Ответ “синтаксис такой” не очень помогал разбираться, так что я потихоньку начал а) впадать в панику и б) доставать знакомых программистов всякими глупыми вопросами. К моему счастью, один из них сразу сказал “Я объяснять не умею от слова “вообще”, а вот они могут тут-линк-на-хекслет”.



20 августа 2018
4 Время чтения статьи ~4 минуты Читать дальше
Мотивация Java PHP Без стека

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

Работу джунам!

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

Аватар пользователя Павел Ким
Павел Ким
01 августа 2018
0 Время чтения статьи ~3 минуты Читать дальше
Код Фронтенд

JavaScript быстро эволюционирует в последнее время, но не то, чтобы другие языки веб-разработки стояли на месте.

CSS тоже развивается, и скорее всего Houdini совершит новый прорыв в CSS, но его, к сожалению, адаптируют далеко не все. Мы всё так же проходим процесс совещаний специалистов, которые создают новые спецификации и всё такое… Не так, как с непрерывными изменениями стандарта TC39, но всё же.

Вы вероятно слышали но, скорее всего — нет! о единицах измерения в CSS, речь о которых пойдёт в этой статье. И нет, не о тех, «старых» vw и vh (которые предстоит объяснить тем, кто меньше разбирается в CSS).

Ниже перечислены новые единицы CSS, которые будут детально описаны в готовящемся CSS Value и Units Module Level 4.

Аватар пользователя Natalia Bass
Natalia Bass
30 июля 2018
0 Время чтения статьи ~5 минут Читать дальше
Истории успеха PHP Без стека

Первая моя айтишная работа - эникейщик в большой компании, из которой в последствии свалили все, кто имел хоть какое-то чистолюбие. Через год я стал старшим эникейщиком. Её через год ушел в админы. Ещё через 6 лет из 8-и в качестве админа я начал учиться программить

Аватар пользователя Pavel Perminov
Pavel Perminov
26 июля 2018
10 Время чтения статьи ~4 минуты Читать дальше
Мотивация Без стека

Вы часто слышите разное об Искусственном интеллекте (AI), Машинном обучении (ML) и даже Глубоком обучении (DL). Как и что правильно называть? Может это одно и то же? Люди постоянно подменяют эти термины.

Аватар пользователя Natalia Bass
Natalia Bass
03 июля 2018
4 Время чтения статьи ~6 минут Читать дальше
Карьера Без стека

Сидел, смотрел собеседование с новым участником по имени Дима, попивая чай с печеньками. И тут в голове возникла мысль: А какой смысл в этих собеседованиях? Just for fun? Обратился к Кириллу и Рахиму с этим вопросом, а мне вместо готовых ответов простая фраза в один голос: Иди и поспрашивай у Димы, на его примере и поймешь (ну прям в духе Хекслета: ответов не дали, поди и сам пойми, вот она дорога - тебе в ту сторону. Знакомо? =).

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

Аватар пользователя Павел Ким
Павел Ким
29 июня 2018
1 Время чтения статьи ~5 минут Читать дальше
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»