From ed554f2bd4f3fa979a5670ff2b5ba47236a92466 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=86=D1=83=D0=B1=D0=B0=20=D0=98=D0=B3=D0=BE?= =?UTF-8?q?=D1=80=D1=8C=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Fri, 24 Jun 2022 12:44:33 +0300 Subject: [PATCH 1/6] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB?= =?UTF-8?q?=20=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0=B8=D0=B5=20=D1=81?= =?UTF-8?q?=D0=B5=D0=BA=D1=86=D0=B8=D0=B8=20=D0=BF=D0=BE=20Web=20=D0=BF?= =?UTF-8?q?=D0=BB=D0=B0=D1=82=D1=84=D0=BE=D1=80=D0=BC=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- interview/README.md | 2 +- interview/sections/platform-angular.md | 22 +++++++++++++++++++ interview/sections/platform-react.md | 3 +++ interview/sections/platform-web.md | 30 ++++++++++++++++++++++++-- 4 files changed, 54 insertions(+), 3 deletions(-) create mode 100644 interview/sections/platform-angular.md create mode 100644 interview/sections/platform-react.md diff --git a/interview/README.md b/interview/README.md index 0cb9440..a63cf0d 100644 --- a/interview/README.md +++ b/interview/README.md @@ -33,8 +33,8 @@ * [Системный дизайн](./sections/system-design-backend.md) #### Frontend-разработка +* [Секция по Web платформе и фреймворкам](./sections/platform-web.md) * [Алгоритмы](./sections/programming.md) -* [Секция по платформе или языку](./sections/platform-web.md) * [Системный дизайн](./sections/system-design-web.md) (для кандидатов senior-уровня) #### SRE diff --git a/interview/sections/platform-angular.md b/interview/sections/platform-angular.md new file mode 100644 index 0000000..0cf1bea --- /dev/null +++ b/interview/sections/platform-angular.md @@ -0,0 +1,22 @@ +# Angular секция + +Angular секция является частью секции по [Web платформе](./platform-web.md). Эта секция призвана выявить сильные навыки Angular разработчкиа, умение и понимание ядровых концепций Angular, а так же умение использвоать RxJS при решение задач. + +## Материалы для подготовки + +1. [Оффициальная документация](https://angular.io/docs) +2. Change Detection: + - [NgZone](https://angular.io/guide/zone) + - [Все, что вам нужно знать об обнаружении изменений в Angular](https://habr.com/ru/post/327004/) + - [Faster Angular Applications](https://blog.mgechev.com/2017/11/11/faster-angular-applications-onpush-change-detection-immutable-part-1/) +3. Dependency Injection: + - [Dependency injection in Angular](https://angular.io/guide/dependency-injection) + - [Что можно положить в механизм Dependency Injection в Angular?](https://habr.com/ru/company/tinkoff/blog/516622/) + - [Возможности Angular DI, о которых почти ничего не сказано в документации](https://habr.com/ru/company/tinkoff/blog/523160/) + - [Используем DI в Angular по максимуму — концепция частных провайдеров](https://habr.com/ru/company/tinkoff/blog/507906/) + - [Глобальные объекты в Angular](https://habr.com/ru/company/tinkoff/blog/548510/) +4. RxJS: + - [Learn RxJS](https://www.learnrxjs.io/) + - [RxJS Subjects](https://aalexeev239.github.io/rxjs-subjects/) + - [Strongbrew: Примеры решения практических задач](https://blog.strongbrew.io/tag/RxJS/) + - [Hot vs Cold Obsevables](https://benlesh.medium.com/hot-vs-cold-observables-f8094ed53339#.8x9uam5rg) diff --git a/interview/sections/platform-react.md b/interview/sections/platform-react.md new file mode 100644 index 0000000..4a1e77b --- /dev/null +++ b/interview/sections/platform-react.md @@ -0,0 +1,3 @@ +# React секция + +WIP diff --git a/interview/sections/platform-web.md b/interview/sections/platform-web.md index 402c09c..8dc6c45 100644 --- a/interview/sections/platform-web.md +++ b/interview/sections/platform-web.md @@ -1,4 +1,30 @@ -# Секция по платформе или языку +# Секция по Web платформе -В рамках секции идет обсуждение различных аспектов платформ, фреймворков и различных языков программирования. Вопросы варьируются от реализации подходов к многопоточности, устройства памяти до взаимодействия с базой в определенном фреймворке. Язык и платформа выбираются исходя из Вашего опыта. +В рамках секции идет обсуждение различных аспектов Web платформы и фреймворков. Также секция предназначена проверить базовое владение языком программирования JavaScript. +## Как проходит сосбеседование + +Обычно план собеседовния выглядит так: + +1. Знакомство и онбординг кандидата. +2. Общие вопросы по Web платформе и JavaScript +3. Вопросы по фреймворку, на котором специализируется кандидат. +4. Краткий фидбэк кандиату. + +В конце собеседования кандидату отводиться 5-6 минут на его вопросы к интервьюерам. + +## Материалы для подготовки к вопросам по Web платформе и JS + +1. [Современный учебник JavaScript](https://learn.javascript.ru/). Состоит из трех больших частей: + a. Язык JavaScript. + b. Браузер: документ, события, интерфейсы. + с. Тематические разделы. Содержит важные темы, например, про сетевые запросы и хранение данных в браузере. +2. [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS). Серия книг про deep diving в JS. +3. [Asynchronous JavaScript](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous) + +## Секция по феймворкам + +На данный момент во frontend-разработке выделяется два основных фреймворка: Angular и React. Фактически, по каждому из фреймворков существует своя секция: + +- [Angular секция](./platform-angular.md) +- [React секция](./platform-react.md) From 1304b9a270cab214d056383cf9800e456e759433 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=86=D1=83=D0=B1=D0=B0=20=D0=98=D0=B3=D0=BE?= =?UTF-8?q?=D1=80=D1=8C=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Fri, 24 Jun 2022 13:15:15 +0300 Subject: [PATCH 2/6] =?UTF-8?q?=D0=BE=D1=87=D0=B5=D0=BF=D1=8F=D1=82=D0=BA?= =?UTF-8?q?=D0=B8=20=D0=B8=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- interview/sections/platform-angular.md | 4 ++-- interview/sections/platform-web.md | 10 +++++----- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/interview/sections/platform-angular.md b/interview/sections/platform-angular.md index 0cf1bea..27d9300 100644 --- a/interview/sections/platform-angular.md +++ b/interview/sections/platform-angular.md @@ -1,10 +1,10 @@ # Angular секция -Angular секция является частью секции по [Web платформе](./platform-web.md). Эта секция призвана выявить сильные навыки Angular разработчкиа, умение и понимание ядровых концепций Angular, а так же умение использвоать RxJS при решение задач. +Angular секция является частью секции по [Web платформе](./platform-web.md). Эта секция призвана выявить сильные стороны Angular разработчика, умение и понимание основных концепций Angular, а также умение использовать RxJS при решении задач. ## Материалы для подготовки -1. [Оффициальная документация](https://angular.io/docs) +1. [Официальная документация](https://angular.io/docs) 2. Change Detection: - [NgZone](https://angular.io/guide/zone) - [Все, что вам нужно знать об обнаружении изменений в Angular](https://habr.com/ru/post/327004/) diff --git a/interview/sections/platform-web.md b/interview/sections/platform-web.md index 8dc6c45..823e4ac 100644 --- a/interview/sections/platform-web.md +++ b/interview/sections/platform-web.md @@ -1,15 +1,15 @@ # Секция по Web платформе -В рамках секции идет обсуждение различных аспектов Web платформы и фреймворков. Также секция предназначена проверить базовое владение языком программирования JavaScript. +В рамках секции идет обсуждение различных аспектов Web платформы и фреймворков. Также на секции проверяем знание JavaScript. -## Как проходит сосбеседование +## Как проходит собеседование -Обычно план собеседовния выглядит так: +Обычно план собеседования выглядит так: 1. Знакомство и онбординг кандидата. 2. Общие вопросы по Web платформе и JavaScript 3. Вопросы по фреймворку, на котором специализируется кандидат. -4. Краткий фидбэк кандиату. +4. Краткий фидбэк кандидату. В конце собеседования кандидату отводиться 5-6 минут на его вопросы к интервьюерам. @@ -22,7 +22,7 @@ 2. [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS). Серия книг про deep diving в JS. 3. [Asynchronous JavaScript](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous) -## Секция по феймворкам +## Секция по фреймворкам На данный момент во frontend-разработке выделяется два основных фреймворка: Angular и React. Фактически, по каждому из фреймворков существует своя секция: From 41fc316dda6bb13ae4e6a851b3854c883444bb93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=86=D1=83=D0=B1=D0=B0=20=D0=98=D0=B3=D0=BE?= =?UTF-8?q?=D1=80=D1=8C=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Fri, 24 Jun 2022 14:02:02 +0300 Subject: [PATCH 3/6] =?UTF-8?q?=D0=BE=D1=87=D0=B5=D0=BF=D1=8F=D1=82=D0=BA?= =?UTF-8?q?=D0=B8=20=D0=B8=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- interview/sections/platform-web.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/interview/sections/platform-web.md b/interview/sections/platform-web.md index 823e4ac..5f5b774 100644 --- a/interview/sections/platform-web.md +++ b/interview/sections/platform-web.md @@ -6,25 +6,25 @@ Обычно план собеседования выглядит так: -1. Знакомство и онбординг кандидата. +1. Знакомство. 2. Общие вопросы по Web платформе и JavaScript 3. Вопросы по фреймворку, на котором специализируется кандидат. 4. Краткий фидбэк кандидату. -В конце собеседования кандидату отводиться 5-6 минут на его вопросы к интервьюерам. +В конце собеседования у вас будет время, чтобы пообщаться с интервьюером и задать свои вопросы. ## Материалы для подготовки к вопросам по Web платформе и JS 1. [Современный учебник JavaScript](https://learn.javascript.ru/). Состоит из трех больших частей: a. Язык JavaScript. b. Браузер: документ, события, интерфейсы. - с. Тематические разделы. Содержит важные темы, например, про сетевые запросы и хранение данных в браузере. + с. Тематические разделы. Содержат важные темы, например, про сетевые запросы и хранение данных в браузере. 2. [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS). Серия книг про deep diving в JS. 3. [Asynchronous JavaScript](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous) ## Секция по фреймворкам -На данный момент во frontend-разработке выделяется два основных фреймворка: Angular и React. Фактически, по каждому из фреймворков существует своя секция: +На данный момент в Тинькофф используются два основных фреймворка: Angular и React. По каждому из фреймворков существует своя секция: - [Angular секция](./platform-angular.md) - [React секция](./platform-react.md) From 00890df6bb7110910bc78dfc911a592e230c00f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=86=D1=83=D0=B1=D0=B0=20=D0=98=D0=B3=D0=BE?= =?UTF-8?q?=D1=80=D1=8C=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Fri, 24 Jun 2022 14:46:01 +0300 Subject: [PATCH 4/6] =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D0=BB=20=D0=BE?= =?UTF-8?q?=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20=D1=81=D0=B5?= =?UTF-8?q?=D0=BA=D1=86=D0=B8=D0=B8=20=D0=BF=D0=BE=20=D1=84=D1=80=D0=B5?= =?UTF-8?q?=D0=B9=D0=BC=D0=B2=D0=BE=D1=80=D0=BA=D0=B0=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- interview/sections/platform-angular.md | 22 ---------------- interview/sections/platform-react.md | 3 --- interview/sections/platform-web.md | 35 +++++++++++++++++++++++--- 3 files changed, 31 insertions(+), 29 deletions(-) delete mode 100644 interview/sections/platform-angular.md delete mode 100644 interview/sections/platform-react.md diff --git a/interview/sections/platform-angular.md b/interview/sections/platform-angular.md deleted file mode 100644 index 27d9300..0000000 --- a/interview/sections/platform-angular.md +++ /dev/null @@ -1,22 +0,0 @@ -# Angular секция - -Angular секция является частью секции по [Web платформе](./platform-web.md). Эта секция призвана выявить сильные стороны Angular разработчика, умение и понимание основных концепций Angular, а также умение использовать RxJS при решении задач. - -## Материалы для подготовки - -1. [Официальная документация](https://angular.io/docs) -2. Change Detection: - - [NgZone](https://angular.io/guide/zone) - - [Все, что вам нужно знать об обнаружении изменений в Angular](https://habr.com/ru/post/327004/) - - [Faster Angular Applications](https://blog.mgechev.com/2017/11/11/faster-angular-applications-onpush-change-detection-immutable-part-1/) -3. Dependency Injection: - - [Dependency injection in Angular](https://angular.io/guide/dependency-injection) - - [Что можно положить в механизм Dependency Injection в Angular?](https://habr.com/ru/company/tinkoff/blog/516622/) - - [Возможности Angular DI, о которых почти ничего не сказано в документации](https://habr.com/ru/company/tinkoff/blog/523160/) - - [Используем DI в Angular по максимуму — концепция частных провайдеров](https://habr.com/ru/company/tinkoff/blog/507906/) - - [Глобальные объекты в Angular](https://habr.com/ru/company/tinkoff/blog/548510/) -4. RxJS: - - [Learn RxJS](https://www.learnrxjs.io/) - - [RxJS Subjects](https://aalexeev239.github.io/rxjs-subjects/) - - [Strongbrew: Примеры решения практических задач](https://blog.strongbrew.io/tag/RxJS/) - - [Hot vs Cold Obsevables](https://benlesh.medium.com/hot-vs-cold-observables-f8094ed53339#.8x9uam5rg) diff --git a/interview/sections/platform-react.md b/interview/sections/platform-react.md deleted file mode 100644 index 4a1e77b..0000000 --- a/interview/sections/platform-react.md +++ /dev/null @@ -1,3 +0,0 @@ -# React секция - -WIP diff --git a/interview/sections/platform-web.md b/interview/sections/platform-web.md index 5f5b774..11573f7 100644 --- a/interview/sections/platform-web.md +++ b/interview/sections/platform-web.md @@ -22,9 +22,36 @@ 2. [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS). Серия книг про deep diving в JS. 3. [Asynchronous JavaScript](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous) -## Секция по фреймворкам +## Вопросы по фреймворкам -На данный момент в Тинькофф используются два основных фреймворка: Angular и React. По каждому из фреймворков существует своя секция: +Эта часть секции призвана определеить умение и понимание основных концепций фреймворка. На данный момент в Тинькофф используются два основных: -- [Angular секция](./platform-angular.md) -- [React секция](./platform-react.md) +- [Angular секция](#angular) +- [React секция](#react) + +### Angular + +В рамках обсуждения Angular часть задач будет посвящена знанию RxJS. + +#### Материалы для подготовки + +1. [Официальная документация](https://angular.io/docs) +2. Change Detection: + - [NgZone](https://angular.io/guide/zone) + - [Все, что вам нужно знать об обнаружении изменений в Angular](https://habr.com/ru/post/327004/) + - [Faster Angular Applications](https://blog.mgechev.com/2017/11/11/faster-angular-applications-onpush-change-detection-immutable-part-1/) +3. Dependency Injection: + - [Dependency injection in Angular](https://angular.io/guide/dependency-injection) + - [Что можно положить в механизм Dependency Injection в Angular?](https://habr.com/ru/company/tinkoff/blog/516622/) + - [Возможности Angular DI, о которых почти ничего не сказано в документации](https://habr.com/ru/company/tinkoff/blog/523160/) + - [Используем DI в Angular по максимуму — концепция частных провайдеров](https://habr.com/ru/company/tinkoff/blog/507906/) + - [Глобальные объекты в Angular](https://habr.com/ru/company/tinkoff/blog/548510/) +4. RxJS: + - [Learn RxJS](https://www.learnrxjs.io/) + - [RxJS Subjects](https://aalexeev239.github.io/rxjs-subjects/) + - [Strongbrew: Примеры решения практических задач](https://blog.strongbrew.io/tag/RxJS/) + - [Hot vs Cold Obsevables](https://benlesh.medium.com/hot-vs-cold-observables-f8094ed53339#.8x9uam5rg) + +### React + +WIP From 66f2aa2ba5bd50c6899063d2f3119a22e334efae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=86=D1=83=D0=B1=D0=B0=20=D0=98=D0=B3=D0=BE?= =?UTF-8?q?=D1=80=D1=8C=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Fri, 24 Jun 2022 14:49:11 +0300 Subject: [PATCH 5/6] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20?= =?UTF-8?q?=D0=BF=D0=BE=20=D1=84=D0=B8=D0=B4=D0=B1=D1=8D=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- interview/sections/platform-web.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/interview/sections/platform-web.md b/interview/sections/platform-web.md index 11573f7..68f4ea3 100644 --- a/interview/sections/platform-web.md +++ b/interview/sections/platform-web.md @@ -9,7 +9,8 @@ 1. Знакомство. 2. Общие вопросы по Web платформе и JavaScript 3. Вопросы по фреймворку, на котором специализируется кандидат. -4. Краткий фидбэк кандидату. + +Фидбэк кандидату может быть предоставлен как во время собеседования, так и после. В конце собеседования у вас будет время, чтобы пообщаться с интервьюером и задать свои вопросы. @@ -24,7 +25,7 @@ ## Вопросы по фреймворкам -Эта часть секции призвана определеить умение и понимание основных концепций фреймворка. На данный момент в Тинькофф используются два основных: +Эта часть секции призвана определить умение и понимание основных концепций фреймворка. На данный момент в Тинькофф используются два основных: - [Angular секция](#angular) - [React секция](#react) From f0e3aa211f6b961b55c4380f10ad93d934159c3e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=86=D1=83=D0=B1=D0=B0=20=D0=98=D0=B3=D0=BE?= =?UTF-8?q?=D1=80=D1=8C=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Fri, 24 Jun 2022 14:51:22 +0300 Subject: [PATCH 6/6] =?UTF-8?q?=D1=84=D0=B8=D0=B4=D0=B1=D1=8D=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- interview/sections/platform-web.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/interview/sections/platform-web.md b/interview/sections/platform-web.md index 68f4ea3..db70cd8 100644 --- a/interview/sections/platform-web.md +++ b/interview/sections/platform-web.md @@ -10,7 +10,7 @@ 2. Общие вопросы по Web платформе и JavaScript 3. Вопросы по фреймворку, на котором специализируется кандидат. -Фидбэк кандидату может быть предоставлен как во время собеседования, так и после. +Фидбэк кандидату может быть предоставлен как во время собеседования интервьюером, так и после через рекрутера. В конце собеседования у вас будет время, чтобы пообщаться с интервьюером и задать свои вопросы.