#дайджествакансий
Signal - Frontend разработчик (React, TypeScript) 💵250 000 - 300 000 ₽
Перфомикс - Middle javascript разработчик 💵 200 000 - 250 000 ₽
Wildbox - Middle frontend developer 💵 70 000 - 160 000 ₽
IFuture - Senior Frontend Developer (React) 💵 300 000 - 350 000 ₽
HEADREAM - Junior frontend-разработчик 💵 до 110 000 ₽
Friend Lee - Junior+ Nextjs developer 💵 50 000 - 90 000 ₽
Signal - Frontend разработчик (React, TypeScript) 💵250 000 - 300 000 ₽
Перфомикс - Middle javascript разработчик 💵 200 000 - 250 000 ₽
Wildbox - Middle frontend developer 💵 70 000 - 160 000 ₽
IFuture - Senior Frontend Developer (React) 💵 300 000 - 350 000 ₽
HEADREAM - Junior frontend-разработчик 💵 до 110 000 ₽
Friend Lee - Junior+ Nextjs developer 💵 50 000 - 90 000 ₽
spb.hh.ru
Вакансия Frontend разработчик (React, TypeScript) в Москве, работа в компании Signal (вакансия в архиве c 22 августа 2024)
Зарплата: от 250000 до 300000 ₽ за месяц. Москва. Требуемый опыт: 3–6 лет. Занятость: полная. Дата публикации: 23.07.2024.
Feature-Sliced Design (FSD) - современная методология проектирования архитектуры фронтенд-приложений, ориентированная на разделение кода на функциональные модули или слайсы (slices).
👉 Официальная документация 👈
Основная мысль методологии - разбиение кода на функциональные модули, разделяющуюся конкретной функциональностью.
💪 Преимущества FSD:
Масштабируемость - легко масштабировать большой проект
Модульность - приложение делится на независимые модули, которые можно разрабатывать и тестировать отдельно
Слои - специальные слои, каждый из которых отвечает за свой уровень абстракции
Подбор материалов:
Копаем глубже в Feature-Sliced Design / Александр Моргунов Samokat.tech
Feature-Sliced Design: опыт применения фронтенд-архитектуры в React-приложении / Антон Усков VK Tech
Архитектура в React: правильная структура приложения [Frontend]
НУ ЧЕ ПАЦАНЫ, FEATURE SLICED DESIGN?
👉 Официальная документация 👈
Основная мысль методологии - разбиение кода на функциональные модули, разделяющуюся конкретной функциональностью.
💪 Преимущества FSD:
Масштабируемость - легко масштабировать большой проект
Модульность - приложение делится на независимые модули, которые можно разрабатывать и тестировать отдельно
Слои - специальные слои, каждый из которых отвечает за свой уровень абстракции
Подбор материалов:
Копаем глубже в Feature-Sliced Design / Александр Моргунов Samokat.tech
Feature-Sliced Design: опыт применения фронтенд-архитектуры в React-приложении / Антон Усков VK Tech
Архитектура в React: правильная структура приложения [Frontend]
НУ ЧЕ ПАЦАНЫ, FEATURE SLICED DESIGN?
feature-sliced.design
Welcome | Feature-Sliced Design
Architectural methodology for frontend projects
👍2🔥1
Anonymous Quiz
37%
setTimeout
43%
while
13%
promise
7%
console.log
❤1
Stackoverflow выпустил годовые результаты опроса разработчиков о языках, технология, тулзах в 2024
Из интересного:
- самый популярный ЯПJavaScript (на втором Python и на третьем Java )
- самый популярный фреймворк фронтендаReact.js
Из интересного:
- самый популярный ЯП
- самый популярный фреймворк фронтенда
survey.stackoverflow.co
2024 Stack Overflow Developer Survey
In May 2024, over 65,000 developers responded to our annual survey about coding, the technologies and tools they use and want to learn, AI, and developer experience at work. Check out the results and see what's new for Stack Overflow users.
👍2
(около 40 минут на тех. часть)
1. Сборщик мусора в JavaScript. В каких случаях могут быть утечки?
2. Что такое Event Loop? Как работают микро и макро таски?
3. Что такое FSD? Какие есть другие виды архитектуры? Сравните.
4. Что такое tree shaking? Расскажите про оптимизацию бандла.
5. Способы оптимизации react приложений.
6. Какие принципы у SOLID?
7. Как применяется принцип dependency inversion на практике в javascript?
8. Какие существуют паттерны проектирования?
9. Какие паттерны применяются на практике в react приложениях?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤1
Какие есть типы данных в JavaScript ?
1️⃣ String (Строка): Представляет собой последовательность символов и используется для работы с текстом. Пример:
2️⃣ Number (Число): Означает числовое значение, которое может быть целым или дробным. Примеры:
3️⃣ BigInt: Используется для представления целых чисел произвольной длины, превышающих пределы
4️⃣ Boolean (Логический тип): Представляет два значения:
5️⃣ undefined: Обозначает отсутствие значения. Переменная, которой не было присвоено значение, автоматически получает значение
6️⃣ null: Также обозначает отсутствие значения, но, в отличие от
7️⃣ Symbol: Представляет уникальный и неизменяемый идентификатор, часто используемый для создания уникальных ключей объектов. Каждый созданный
8️⃣ Object (Объектный тип данных): Объекты в JavaScript представляют собой набор пар
"Hello, world!".52, 3.14. Также включает специальные значения, такие как Infinity, -Infinity и NaN (Not-a-Number, результат некорректной математической операции).Number. Пример: 9009999554440991n.true (истина) и false (ложь), используемые для выполнения логических операций.undefined.undefined, присваивается переменной явно, чтобы указать на отсутствие значения.Symbol уникален и не совпадает с другими Symbol."ключ-значение", где ключами могут быть строки или символы (Symbols), а значениями могут быть любые типы данных, включая другие объекты. Они позволяет хранить коллекции различных значений и более сложные структуры данных. Обьектами являются массивы [], функции function fn() {} , даты let now = new Date() и сами обьекты {}Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
💪 Вчера получил оффер на 4к$ 💵
❓ ❓ Вопросы с собеседования ❓ ❓
1. Чем отличаются
2. Чем отличается
3. При каком запросе происходит кеширование?
4. Что такое
5. Что такое
6. Что такое
7. Специфичность селекторов
8. Чей вес селектора больше
9. Этапы рендера в react приложении?
10. Бандл приложение. Чем формируется? Для чего нужен?
11. Способы оптимизации бандла
12. Расскажите про ваш опыт настройки сборщика приложений
13. Что такое микро-фронтенды?
14. JavaScript однопоточный или многопоточный?
15. Есть ли возможность сделать дополнительный поток? Вебворкеры.
16. Что позволяет писать асинхронный код в JS?
17. Что такое микро и макротаски?
18. Какие проблемы можем получить с большим количеством замыканий?
19. Сборщик мусора в JS
20. Концепция жизненного цикла в классовых компонентах
21. Как называется метод аналога
22. Как использовать
23. Как использовать
24. Как использовать
25. В чем отличие
26. Контролируемые и неконтролируемые компоненты. Расскажите отличие
27.
28. Для чего придумали стейт-менеджеры (
29. Какую проблему решает
»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»
30. Кейс: приходит джуниор или миддл с оценкой задачи в 50 часов. Ваши действия?
31. Расскажите ваш опыт управления командой
»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»
1. Чем отличаются
http от https?2. Чем отличается
get запрос от post?3. При каком запросе происходит кеширование?
4. Что такое
preflight запрос?5. Что такое
CORS? Кто прописывает доступность CORS?6. Что такое
css-in-js? Приведи примеры. Особенности css-in-js?7. Специфичность селекторов
8. Чей вес селектора больше
inline-style или !important?9. Этапы рендера в react приложении?
10. Бандл приложение. Чем формируется? Для чего нужен?
11. Способы оптимизации бандла
12. Расскажите про ваш опыт настройки сборщика приложений
13. Что такое микро-фронтенды?
14. JavaScript однопоточный или многопоточный?
15. Есть ли возможность сделать дополнительный поток? Вебворкеры.
16. Что позволяет писать асинхронный код в JS?
17. Что такое микро и макротаски?
18. Какие проблемы можем получить с большим количеством замыканий?
19. Сборщик мусора в JS
20. Концепция жизненного цикла в классовых компонентах
21. Как называется метод аналога
PureComponent?22. Как использовать
useCallback?23. Как использовать
useMemo?24. Как использовать
useEffect?25. В чем отличие
useEffect от useLayoutEffect?26. Контролируемые и неконтролируемые компоненты. Расскажите отличие
27.
useRef что это такое и как его использовать?28. Для чего придумали стейт-менеджеры (
redux, mobx и тд) 29. Какую проблему решает
redux?»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»
30. Кейс: приходит джуниор или миддл с оценкой задачи в 50 часов. Ваши действия?
31. Расскажите ваш опыт управления командой
»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9
Зарплаты фронтенд разработчиков
(в РФ)
👼 Junior:
👨🏫 Middle:
👨💻 Middle+:
🥷 Senior:
🧔♂️ Team lead:
(в РФ)
👼 Junior:
30 000 - 120 000👨🏫 Middle:
100 000 - 250 000👨💻 Middle+:
170 000 - 300 000🥷 Senior:
280 000 - 450 000 🧔♂️ Team lead:
350 000 - 700 000⚡6
Как я поднял оффер с 350 до 420 в 2021 или о важности переговоров
Несколько лет назад я брал менторинг у очень опытного лида. Он мне советовал множество различных книг по карьере и ИТ. Одна из них Договориться можно обо всем! Как добиваться максимума в любых переговорах. Прочитав ее, благополучно забыл на несколько месяцев.
Через несколько месяцев начал проходить собеседования и меня очень заинтересовала позиция в крупной европейской компании(Компания А), успешно прошел собес и получил оффер, но по деньгам хотелось больше. Тут я вспомнил пару глав из книги о переговорах и смысл там был: нужно всегда торговаться и не бояться этого делать, называть максимальную цифру изначально и потом уже сводить к средней.
Параллельно прошел другой собес в банк (но там я не хотел работать). Получил оффер в 380 (+ премия) ~= 400 и пошел торговаться с компанией А. Мой сообщение было примерно такое:
Итого:оффер на 420 + квартальная премия
Несколько лет назад я брал менторинг у очень опытного лида. Он мне советовал множество различных книг по карьере и ИТ. Одна из них Договориться можно обо всем! Как добиваться максимума в любых переговорах. Прочитав ее, благополучно забыл на несколько месяцев.
Через несколько месяцев начал проходить собеседования и меня очень заинтересовала позиция в крупной европейской компании(Компания А), успешно прошел собес и получил оффер, но по деньгам хотелось больше. Тут я вспомнил пару глав из книги о переговорах и смысл там был: нужно всегда торговаться и не бояться этого делать, называть максимальную цифру изначально и потом уже сводить к средней.
Параллельно прошел другой собес в банк (но там я не хотел работать). Получил оффер в 380 (+ премия) ~= 400 и пошел торговаться с компанией А. Мой сообщение было примерно такое:
Мне очень понравился ваш проект и команда, я бы хотел с вами работать, но мне параллельно прислали оффер на 420(!). Очень с вами хочется работать, но по деньгам тоже не хочется проигрывать. Можем обсудить это и приблизиться к этой сумме?
Итого:
Литрес
Договориться можно обо всем! Как добиваться максимума в любых переговорах — Гэвин Кеннеди Альпина Паблишер Альпина Диджитал | Литрес
Добровольные уступки, сделанные одной стороной, не смягчают другую сторону – они делают ее позицию еще более жесткой!Вы стоите на пороге важной сделки, просите повышения или пытаетесь договориться с …
🔥6👏1