👩💻 Используем принципы “Чистого кода” в контексте JavaScript
✏ Избегайте отрицательных условных конструкций
Не усложняйте условные конструкции и не создавайте негативных сценариев проверок
Держите в голове простое правило:
➕ Не создавайте условия с НЕ
🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице
🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер
🔩 Не получен статус 503 ➡️ Получен статус 503
Иначе позитивные сценарии будут звучать как комбинация двух НЕ
Coderoll | Frontend
Функции
✏ Избегайте отрицательных условных конструкций
Не усложняйте условные конструкции и не создавайте негативных сценариев проверок
Держите в голове простое правило:
➕ Не создавайте условия с НЕ
🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице
🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер
🔩 Не получен статус 503 ➡️ Получен статус 503
Иначе позитивные сценарии будут звучать как комбинация двух НЕ
Coderoll | Frontend
👍1
❓ Что такое Event Loop и как он работает?
Ответ:
Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1
Contrast Checker — проверка контраста цвета для доступного UI
Проблема низкоконтрастного текста часто мешает пользователям с нарушениями зрения. Не хочешь терять аудиторию? Убедись, что твои цвета соответствуют WCAG!
👀 Попробовать
Coderoll | Frontend
Проблема низкоконтрастного текста часто мешает пользователям с нарушениями зрения. Не хочешь терять аудиторию? Убедись, что твои цвета соответствуют WCAG!
👀 Попробовать
Coderoll | Frontend
❓Что такое слоистая архитектура (Layered Architecture) и зачем она нужна во фронтенде?
Слоистая архитектура — это подход, при котором код разделяется на логические слои, каждый из которых отвечает за свою зону ответственности. Обычно это: UI слой (компоненты), слой бизнес-логики, слой работы с API и слой хранилища данных.
Такой подход помогает:
1) изолировать ответственность каждого слоя;
2) улучшить читаемость и поддержку кода;
3) упростить тестирование;
4)снизить связность и повысить масштабируемость.
Во фронтенде слоистая архитектура позволяет удобно расширять приложение, не ломая уже работающие части.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
💅1
711 собесдований и 51 оффер получили наши ученики за лето
- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка
и другие.... + 11 оффер за сентябрь за сентябрь
В нашем канале много ценного для разработчиков по подготовке к собесам👇
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFGDkXJR ИП Галактионов Тихон Витальевич, ИНН 771618975809
- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка
и другие.... + 11 оффер за сентябрь за сентябрь
👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из фронтендеров.
В нашем канале много ценного для разработчиков по подготовке к собесам👇
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFGDkXJR ИП Галактионов Тихон Витальевич, ИНН 771618975809
❓ Что такое Asynchronous JavaScript?
Ответ:
Asynchronous JavaScript позволяет выполнять задачи без блокировки основного потока выполнения. Это достигается с помощью механизмов, таких как Callbacks, Promises, Async/Await и Web Workers. Асинхронность особенно важна при работе с операциями ввода-вывода (например, запросами к серверу).
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1👍1
Вопрос с собеседования:
❓Что такое HTTPS?
HTTPS (HyperText Transfer Protocol Secure) — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности. Данные в протоколе HTTPS передаются поверх криптографических протоколов SSL или TLS. В отличие от HTTP с TCP-портом 80, для HTTPS по умолчанию используется TCP-порт 443
Почитать подробнее
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
❓Что такое HTTPS?
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
Вопрос с собеседования:
❓Расскажите про тег keygen
Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.
Подробнее — раз , два
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
❓Расскажите про тег keygen
Подробнее —
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
❓Какими способами можно визуально скрыть элемент?
с помощью свойства display;
с помощью свойства opacity;
с помощью свойства visibility;
с помощью position:absolute;
уменьшить размеры элемента до нуля.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Оптимизация рендеринга React-компонентов: как не навредить
Всё идёт хорошо, пока компоненты не начинают ререндериться без причины, нагружая браузер. Чем больше состояние и пропсов, тем сильнее страдает производительность.
В этом материале разберём:
✅ Почему React-компоненты перерисовываются?
✅ Когда стоит использовать useMemo и useCallback?
✅ Как React.memo может ускорить рендер?
✅ Какие инструменты помогают анализировать производительность?
Читай статью и избавляйся от лагов 👇
👀 Читать
Coderoll | Frontend
Всё идёт хорошо, пока компоненты не начинают ререндериться без причины, нагружая браузер. Чем больше состояние и пропсов, тем сильнее страдает производительность.
В этом материале разберём:
✅ Почему React-компоненты перерисовываются?
✅ Когда стоит использовать useMemo и useCallback?
✅ Как React.memo может ускорить рендер?
✅ Какие инструменты помогают анализировать производительность?
Читай статью и избавляйся от лагов 👇
👀 Читать
Coderoll | Frontend
Вопрос с собеседования:
❓Что такое инкапсуляция?
Инкапсуляция - это механизм, который объединяет данные и методы, манипулирующие этими данными, и защищает и то и другое от внешнего вмешательства или неправильного использования. Когда методы и данные объединяются таким способом, создается объект.
Почитать подробнее на Хабре
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
❓Что такое инкапсуляция?
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
👩💻 Используем принципы “Чистого кода” в контексте JavaScript
Функции должны делать что-то одно
❗️ Это самое важное правило в программной инженерии
Когда функции делают больше, чем одно, их сложнее составлять, тестировать и рассуждать о них
Когда вы можете изолировать функцию только для одного действия, ее можно легко рефакторить (переписывать, исправлять), и ваш код будет читаться намного чище
Coderoll | Frontend
Функции
Функции должны делать что-то одно
❗️ Это самое важное правило в программной инженерии
Когда функции делают больше, чем одно, их сложнее составлять, тестировать и рассуждать о них
Когда вы можете изолировать функцию только для одного действия, ее можно легко рефакторить (переписывать, исправлять), и ваш код будет читаться намного чище
Coderoll | Frontend
⚡️Группа хакеров взломала сервера Skillbox, Geekbrains, Skillfactory и ещё 12 онлайн-школ, чтобы выгрузить их курсы в Telegram
Юристы пытаются удалить каналы за Авторские Права🤡 – потому вот актуальные ссылки на архивы:
По школам:
├ Skillbox (1.12 ТБ)
├ Нетология (846 ГБ)
├ SkillFactory (720 ГБ)
├ GeekBrains (934 ГБ)
└ Другие (3.21 ТБ)
По ЯП:
├ Python (1.48 ТБ)
├ SQL (982 ГБ)
├ C++ (590 ГБ)
├ С (318 ГБ)
├ GoLang (290 ГБ)
└ Другие (3.17 ТБ)
Ссылка на общий архив: @schools_hack_arc
Юристы пытаются удалить каналы за Авторские Права🤡 – потому вот актуальные ссылки на архивы:
По школам:
├ Skillbox (1.12 ТБ)
├ Нетология (846 ГБ)
├ SkillFactory (720 ГБ)
├ GeekBrains (934 ГБ)
└ Другие (3.21 ТБ)
По ЯП:
├ Python (1.48 ТБ)
├ SQL (982 ГБ)
├ C++ (590 ГБ)
├ С (318 ГБ)
├ GoLang (290 ГБ)
└ Другие (3.17 ТБ)
Ссылка на общий архив: @schools_hack_arc
😁1
TsParticles
Мощная библиотека для создания интерактивных анимаций частиц, которая легко настраивается и поддерживает интеграцию с популярными фреймворками.
👀 Посмотреть
Coderoll | Frontend
Мощная библиотека для создания интерактивных анимаций частиц, которая легко настраивается и поддерживает интеграцию с популярными фреймворками.
👀 Посмотреть
Coderoll | Frontend
❓Что такое Lazy Loading?
Lazy Loading — это техника отложенной загрузки ресурсов (например, изображений или скриптов), когда они загружаются только тогда, когда становятся необходимыми (например, при прокрутке страницы). Это улучшает производительность приложения.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1