Получи случайную криптовалюту за регистрацию!

Front-End Engineer Blog

Логотип телеграм канала @frontend_engineer_blog — Front-End Engineer Blog F
Логотип телеграм канала @frontend_engineer_blog — Front-End Engineer Blog
Адрес канала: @frontend_engineer_blog
Категории: Блоги
Язык: Русский
Страна: Россия
Количество подписчиков: 3.22K
Описание канала:

Hi, my name is Evgenii Ray. I'm SWE at Meta. Here is my place for posting notes about UI, career and personal development
Welcome on board 🚀
Contact: @evgeniiray
Languages: English, Russian

Рейтинги и Отзывы

2.00

2 отзыва

Оценить канал frontend_engineer_blog и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

0

3 звезд

1

2 звезд

0

1 звезд

1


Последние сообщения 5

2021-03-24 11:13:37
Небольшое объявление

Привет, сегодня необычный пост. Если ты меня долго читаешь, то наверное знаешь, что на данный момент я работаю в компании JetBrains, но недавно получил оффер от Facebook. В связи с этим, к нам в команду нужен Frontend Engineer, который сможет взять мои задачи и работать над проектом Jetbrains Marketplace. Jetbrains замечательная компания и мой опыт с ней только положительный, здесь я сильно вырос в профессиональном плане. Если вам интересна вакансия, можете написать мне в телеграмм @evgeniiray и скинуть свое резюме. Ниже приложу ссылку на вакансию.

——


A little announcement

Hi, today is an unusual post. If you've been reading me for a long time, you probably know that I currently work for JetBrains, but recently received an offer from Facebook. Because of this, we need a Frontend Engineer to join our team who can take my tasks and work on the Jetbrains Marketplace project. Jetbrains is a great company and my experience with it has only been positive, I have grown a lot professionally here. If you are interested in this position, please send me your CV @evgeniiray. Below I will attach a link to the vacancy.

——
Location: Munich, Amsterdam, Saint-Petersburg, Moscow, Novosibirsk
https://www.jetbrains.com/de-de/careers/jobs/frontend-developer-542/

#alert
1.7K viewsEvgenii Ray, edited  08:13
Открыть/Комментировать
2021-03-12 21:34:42 [Suddenly] - Apple Interview - Offer [English Version]

Hi, long time no see
I'm actively working on closing tasks and paperwork at the moment. Time wasn't wasted completely. I was contacted by Apple about a Web Developer position in London. I previously talked to them for the Canada office position back in 2020, but because of the COVID, they stopped the process.

The recruiter wanted to repeat a phone-call, but the magic words - "I have the FAANG offer" - moved our conversation to the on-site in 3 days. I did not prepare for this interview because I was already relocating to London. With this post, I want to describe my interview experience with Apple. I hope it will help you.

Round 1 - Algo - 45 min

I wasn't expecting algo tasks for the interview, but there were. All about the trees. I knew these problems very well, so I was lucky

1. https://leetcode.com/problems/binary-tree-right-side-view/
2. https://leetcode.com/problems/binary-tree-maximum-path-sum/

Round 2 - Front-End - 45 min

1. Implement Promise .

Follow up: Promise.race, Promise.all
https://bigfrontend.dev/problem/implement-Promise-race

2. Validation of a large form.

Given a form, about 20 input fields of different types. You need
to do validation on submitting with custom messages, the interviewer emphasized that validation should use the native tooltip.

Most of the time, the form took me, as I had forgotten the API entirely for custom messages. You really need to know native client validation via HTML + JS. There were a few hints from the interviewer, but overall I got the job done.

There's a good article on MDN: https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation

Round 3 - Front-End - 45 min

1. Refactor the callback-hell

Given a code, about 200 lines of nested callbacks with a given signature. We need to refactor it nicely without using Promise. Kind of a similar problem can be found below:

https://bigfrontend.dev/problem/flatten-Thunk

2. Service Worker.

Given a client application with static resources that never change. Question from the interviewer - How to make the application work offline without a network and display the connection status.

Basically, I was asked to write - Service Worker that writes to Application Cache, resources from the static server. I didn't remember the API for the Worker, so I used a pseudo-code. I also explained the difference between Web-Workers and Service-Workers

For me, a good reference was this course:
https://frontendmasters.com/courses/service-workers/

Round 4 - Design Star Widget - 60 min

The favorite question of Amazon. We need to code the Star Widget. The code execution is available.

https://codepen.io/RayEuji/pen/qBbqaad

In the front-end doc, the implementation is almost the same. Check it out

Round 5 - Design Apple Store- 60 min

A design system problem I haven't seen before, solved according to the scheme I used for my videos, but instead of Infinite Scroll, I emphasized on:

- Internationalization
- Optimization of images and gifs, lazy loading
- Accessibility
- Parallax + Lazy Content appearance

I used draw.io for drawing all the stuff. Interview format - active discussion. Lots of questions from the interviewer. Working out the solution together. Here, we don't drive the interview but work with the interviewer as a colleague.

Round 6 - Talk with a manager - 30 min.

Lovely conversation with a manager, discussion of experience, didn't notice any direct "behavioral" questions, the focus was on completed projects and how you see yourself in Apple.

Result - offer

A week later, I got an email with an offer, no feedback, though. They matched my offer from FB + gave me ~20% more RSU bonus. Unfortunately, since the offer came late, I decided to give it up. But the interview was really cool and practical

This is it. I hope this will be useful for you.

See you soon

#interview
1.5K viewsEvgenii Ray, edited  18:34
Открыть/Комментировать
2021-03-12 20:44:51 [Внезапно] - Apple Interview - Offer
( Translation to English will be published a bit later )

Привет, давно не виделись
Cейчас занимаюсь активным закрытием задач на текущей работе и оформлением документов, про эту волокиту расскажу позже. Время не было потрачено даром, со мной связались из Apple, и предложили пройти интервью на позицию Web Developer в Лондон. Я уже проходил интервью с ними в Канаду, но из-за ковида меня задинамили

Рекрутер предложил заново провести phone-call, но волшебные слова у меня оффер из FAANG перевели наш разговор на стадию сразу on-site через 3 дня. К этому интервью я не стал готовиться, так как уже нахожусь на финальном этапе релокации в Лондон. Этим постом, я хочу подробно рассказать об опыте интервью, надеюсь это тебе поможет

Round 1 - Algo - 45 min

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

1. https://leetcode.com/problems/binary-tree-right-side-view/
2. https://leetcode.com/problems/binary-tree-maximum-path-sum/

Round 2 - Front-End - 45 min

1. Реализовать **Promise **

Follow up: Promise.race, Promise.all
https://bigfrontend.dev/problem/implement-Promise-race

2. Валидация большой формы.

Дана форма, около 20 инпутов разного типа. Нужно
сделать валидация на submit с кастомными сообщениями, интервьювер сделал акцент, что валидация должна использовать нативный tooltip.

Форма заняла у меня большую часть времени, так как я совершенно забыл API для кастомных сообщений. В общем, задание на знание нативной клиентской валидации через HTML + JS. Было несколько подсказок от интервьювера, но в целом, получилось справится с задачей.

На MDN неплохая статейка: https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation

Round 3 - Front-End - 45 min

1. Зарефакторить callback-hell

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

https://bigfrontend.dev/problem/flatten-Thunk

2. Service Worker

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

По-сути меня попросили написать - Service Worker, который записывает в Application Cache, ресурсы с сервера статики. Я не помнил API для воркеров, поэтому использовал псевдо-код “по-памяти”, интервьювера это устроило, я также объяснил разницу между Web-Worker и Service-Worker

Для меня хорошим референсом был вот этот курс:
https://frontendmasters.com/courses/service-workers/

Round 4 - Design Star Widget - 60 min

Любимый вопрос, в амазоне. Нужно заимлементить Star Widget. Исполнение кода есть, нужно показать рабочий результат.

https://codepen.io/RayEuji/pen/qBbqaad

Во фронт доке имлементация почти такая же, можно посмотреть

Round 5 - Design Apple Store- 60 min

Задачка по систем дизайну, которая мне не встречалась, решал по схеме, которую использовал для своих видео, но вместо Infinite Scroll, сделал упор на

- Интернационализация
- Оптимизация изображение и гифок, ленивая подгрузка
- Доступность
- Paralax + Lazy Content appearence

Рисовал в draw.io. Формат интервью - активная дискуссия. Куча вопросов от интервьювера. Совместная проработка решения. То есть, здесь мы не драйвим интервью, а работаем с интервьювером, как со своим коллегой.

Round 6 - Talk with a manager - 30 min

Очень приятное общение с менеджером, обсуждение опыта, не заметил прямых “бехейв” вопросов, фокус был на выполенные проекты и как ты видишь себя в Apple.

Итог - offer

Через неделю получил письмо с оффером, фидбека не дали. Заматчили мой оффер от FB + накинули стоков на ~20% больше, чем мне дал ФБ. К сожалению, так как оффер пришел очень поздно и поторговаться с ФБ уже никак, я решил отказаться от оффера. Но интервью получилось реально классным и очень практическим Надеюсь мой опыт поможет тебе #interview
Всем теплой весны Скоро увидимся
1.3K viewsEvgenii Ray, edited  17:44
Открыть/Комментировать
2021-01-29 13:28:51 [ Front-End System Design ] - Episode 7 - Poll Widget


——
Привет. Опубликовал последнюю серию Front-End System Design -



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

Теперь вопрос к Вам
О чем бы Вам было интересно узнать в ближайшие 2 месяца? Пока планы следующие:

1. Hardest Parts of Front-End Development

Начал работать над серией небольших статей - Hardest Parts of Front-End Development, где хочу разобрать различные тонкости верстки, работы браузера и оптимизации перфоманса приложений. Это долгосрочный проект, с помощью которого я бы хотел собрать все мясо из различных ресурсов и сделать полноценную серию статей, которую не стыдно советовать.

2. Заметки иммигранта

Фановая рубрика, где расскажу, основные моменты иммиграции, оформления документов, поиск жилья, проблемы с которыми столкнулся и просто впечатления от London City

3. Пятничный чай

Появилась идея раз в 2-3 недели устраивать стримы, где можно просто поговорить и обменяться идеями.

Как тебе план?

Буду рад твоим комментариям




——
Hi. I've posted the latest episode of Front-End System Design -



This is the most smoothie and easy episode of the whole series and the last one. Feel free to send me your design questions from interviews to add more episodes to the playlist.

Now a question for you
What would you be interested in reading about in the next 2 months? So far, I have the following plan:

1. Hardest Parts of Front-End Development

I've been working on a series of articles - Hardest Parts of Front-End Development, where I want to tackle different subtleties of layout, browser performance, and optimizing application performance. This is a long-term project with which I'd like to gather all the "meaty parts" from various resources and make a full-fledged series of articles that I'm not ashamed to recommend.

2. Immigrant Notes

Just a fun section where I'll talk about my immigration, paperwork, finding accommodation, problems I encountered, and impressions of London City

3. Friday Tea

I have an idea to do a stream every 2-3 weeks to just talk and exchange ideas.

Let me folks know what you think.

I’d love
to see your comments

#design #interview
1.6K viewsEvgenii Ray, edited  10:28
Открыть/Комментировать