{ Снежные строки }

❄️ Про техническое собеседование в Т-Банк

Техническое интервью состоит полностью из практики
Сегодня хочу с вами поделиться задачами, которые я успела решить

❕ Будет интересно узнать, как бы вы их решили
А уже потом покажу вам свое решение (не идеальное 🙈)

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

2 задача:
Реализовать Promise.any. Необходимо написать свою функцию promiseAny, которая является аналогом Promise.any

3 задача:
React приложение. Необходимо создать приложение, с помощью которого можно искать по списку героев.
API

Требования:
➖ Одно поле для ввода поискового запроса запрашивать данные
➖ После получения ответа вывести список сущностей
➖ Индикация состояния загрузки
➖ Обработать кейс когда апи отвечает ошибкой

Вот такая шутка с утра, для хорошего настроения

❄️ Собеседование в Т-банк
Хотела рассказать про мой опыт собеседования в Т-банк! Свое резюме я отправила через их сайт Работа в Тинькофф, после уже получила сообщение от hr и мы договорились на созвон

Какие вообще этапы собеседований?
1️⃣ Созвон с эйчаром
2️⃣ Техническое собеседования по языку
3️⃣ Техническое собеседование по алгоритмам
4️⃣ Техническое собеседование по архитектуре

❕ Встреча с эйчаром
На созвоне я рассказала в общем про свой опыт, на каком стеке работала и про интересные проекты
Дальше прошла технический тест из основных вопросов

Примерные вопросы:
➖ Отличие let и var
➖ Типы данных в js
➖ Что такое чистая функция
➖ Вопросы про промисы
➖ Что такое замыкание
и так дальше. Вопросы общие, подготовиться к ним реально!
📚 Если будет нужно, то я могу подготовить список всех основных вопросов, которые встречаются

❄️ После меня пригласили на первое техническое собеседование, про этот этап я уже расскажу попозже
#Собеседование

{ Снежные строки } pinned «❄️ Навигация Всем добрый вечер! Решила вам тут накидать навигацию по каналу📚 По некоторым рубрикам еще не было постов, но все будет в будущем! 🫡 🖇 #JavaScript - Интересные статьи по js #Собеседование - Тут про мой опыт собеседований #отИдеиДоРелиза - Здесь…»

❄️ Навигация

Всем добрый вечер! Решила вам тут накидать навигацию по каналу📚
По некоторым рубрикам еще не было постов, но все будет в будущем! 🫡

🖇
#JavaScript - Интересные статьи по js
#Собеседование - Тут про мой опыт собеседований
#отИдеиДоРелиза - Здесь буду рассказывать про свои идеи, будем вместе их доводить до релиза или хотя бы пытаться
#Задачи - Тут будут интересные задачи, которые мне попадались на тех. интервью либо просто в интернете для закрепление какой либо темы

❕Что было бы больше интересно вам? Можете предлагать идеи!

#Задачи

❄️ Продолжая тему про Лексическое окружение. Хочу рассказать про поднятие (hosting) в js.

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

❕ Поднятие переменных
Все объявление переменных поднимаются, но есть отличие между var и let/const

var переменные - поднимаются и автоматически инициализируются undefined
let/const переменные - так же поднимаются, но автоматически не инициализируются. В следствии чего обращение к таким переменным, до их объявление приведет к ошибке ReferenceError ❗️

console.log(name); // undefined
var name = 'Снежные строки';

console.log(tmpName); // ReferenceError: tmpName is not defined
let tmpName = 'Снежные строки';

❕ Поднятие функций
Объявление функции с помощью function - поднимается и инициализируется ссылкой на эту функцию. Из-за этого у нас есть возможность вызывать функцию до ее объявления.

fun(); // Снежные сроки

function fun() {
  console.log("Снежные сроки");
}


fun2() // ReferenceError: fun2 is not defined

let fun2 = () => {
    console.log("Снежные сроки");
}

#JavaScript

❄️ На неделе было несколько технических собеседований. Выделила для себя несколько интересных задачек, которые были на интервью 📚
Например вот одна из задач, которая показывает знания сcылочных типов в js

❕Ссылочные типы - объекты, массивы и функции. Они хранятся в памяти в виде ссылок.

Задача:

const obj1 = {
    a: 10,
    b: 20,
};

const func = (someObj) => {
    someObj.c = 30;
    return someObj;
}
const obj2 = func(obj1);
console.log(obj1 == obj2);

#Задачи #Собеседование

❄️ Эффект плато в обучении

Ребята, кто-то сталкивался с полным застоем в обучении (и не только)?

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

Здесь кстати можно вспомнить про принцип Парето - 20% усилий приносят 80% результатов, а 80% усилий – оставшиеся 20% результата.

❗️ Фаза "плато" как раз похожа на то, когда вы прикладываете 80% усилий и видите минимальные результаты.

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

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

А что делаете вы в такой ситуации? Как возвращаете интерес?

#Задачи

❄️ Про области видимости для большего понимания:

Красная зона - глобальная область видимости
Синяя зона - функциональная область видимости
Зеленая зона - блочная область видимости

❄️ Лексическая область видимости в JavaScript

Это важная тема для полного понимания работы замыканий в JavaScript. Её часто затрагивают на собеседованиях.

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

❗️ Ключевой момент: она определяется на этапе компиляции кода.

Лексическую область видимости можно разделить на два основных типа:
➖ Глобальная область видимости
➖ Локальная область видимости

🔎 Рассмотрим каждый тип подробнее:

Глобальная область видимости
Переменные, определённые вне функций или блоков, доступны в любом месте программы.

Локальная область видимости
Делится на функциональную область видимости и блочную область видимости.
Переменные, определённые внутри функции или блока, доступны только внутри этой конкретной функции или блока.

Рассмотрим базовый пример с замыканием:

function getCounter() { 
   let counter = 0; // Локальная область видимости — доступна для текущей функции и для всех вложенных функций и блоков. 
   return function() { // Возвращаемая функция имеет доступ к переменным внешней для неё функции.     
      return counter++; 
   } 
}

let count = getCounter(); 
console.log(count()); // 0 
console.log(count()); // 1 
console.log(count()); // 2`

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

❗️ В JavaScript все функции являются замыканиями именно благодаря лексической области видимости.

#Собеседование #JavaScript

❄️ Всем привет! Это первый пост в этом канале. Я решила его посветить знакомству и краткому рассказу о себе

💭 Я работаю frontend-разработчиком уже 4 года.
Мой путь в IT начался еще во время учебы в университете, когда на втором курсе я начала работать по специальности. Выбор frontend-направления был совершенно случайным. На тот момент в компании не было других открытых вакансий.

💡 Основной стек технологий:
➖ HTML5 и CSS3
➖ JavaScript (ES6+)
➖ React.js
➖ TypeScript
➖ Redux
➖ Webpack

Надеюсь, что этот канал станет платформой для обмена знаниями и опытом. Буду рада видеть ваши комментарии, предложения и вопросы! ❄️

Channel created