CodeRoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

Функции должны делать что-то одно ❗️ Это самое важное правило в программной инженерии Когда функции делают больше, чем одно, их сложнее составлять, тестировать и рассуждать о них Когда вы можете изолировать функцию только для одного действия, ее можно легко рефакторить (переписывать, исправлять), и ваш код будет читаться намного чище Coderoll | Frontend

Вопрос с собеседования: ❓Что такое инкапсуляция? Инкапсуляция - это механизм, который объединяет данные и методы, манипулирующие этими данными, и защищает и то и другое от внешнего вмешательства или неправильного использования. Когда методы и данные объединяются таким способом, создается объект. Почитать подробнее на Хабре Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

Оптимизация рендеринга React-компонентов: как не навредить Всё идёт хорошо, пока компоненты не начинают ререндериться без причины, нагружая браузер. Чем больше состояние и пропсов, тем сильнее страдает производительность. В этом материале разберём: ✅ Почему React-компоненты перерисовываются? ✅ Когда стоит использовать useMemo и useCallback? ✅ Как React.memo может ускорить рендер? ✅ Какие инструменты помогают анализировать производительность? Читай статью и избавляйся от лагов 👇 👀 Читать Coderoll | Frontend

❓Какими способами можно визуально скрыть элемент? с помощью свойства display; с помощью свойства opacity; с помощью свойства visibility; с помощью position:absolute; уменьшить размеры элемента до нуля. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Вопрос с собеседования: ❓Расскажите про тег keygen Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи. Подробнее — раз, два Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

Вопрос с собеседования: ❓Что такое HTTPS? HTTPS (HyperText Transfer Protocol Secure) — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности. Данные в протоколе HTTPS передаются поверх криптографических протоколов SSL или TLS. В отличие от HTTP с TCP-портом 80, для HTTPS по умолчанию используется TCP-порт 443 Почитать подробнее Ставь ❤️если знаешь ответ Если нет — ставь 💅 #web

❓ Что такое Asynchronous JavaScript? Ответ: Asynchronous JavaScript позволяет выполнять задачи без блокировки основного потока выполнения. Это достигается с помощью механизмов, таких как Callbacks, Promises, Async/Await и Web Workers. Асинхронность особенно важна при работе с операциями ввода-вывода (например, запросами к серверу). Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

711 собесдований и 51 оффер получили наши ученики за лето - 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

711 собесдований и 51 оффер получили наши ученики за лето - 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

❓Что такое слоистая архитектура (Layered Architecture) и зачем она нужна во фронтенде? Слоистая архитектура — это подход, при котором код разделяется на логические слои, каждый из которых отвечает за свою зону ответственности. Обычно это: UI слой (компоненты), слой бизнес-логики, слой работы с API и слой хранилища данных. Такой подход помогает: 1) изолировать ответственность каждого слоя; 2) улучшить читаемость и поддержку кода; 3) упростить тестирование; 4)снизить связность и повысить масштабируемость. Во фронтенде слоистая архитектура позволяет удобно расширять приложение, не ломая уже работающие части. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Contrast Checker — проверка контраста цвета для доступного UI Проблема низкоконтрастного текста часто мешает пользователям с нарушениями зрения. Не хочешь терять аудиторию? Убедись, что твои цвета соответствуют WCAG! 👀 Попробовать Coderoll | Frontend

❓ Что такое Event Loop и как он работает? Ответ: Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Избегайте отрицательных условных конструкций Не усложняйте условные конструкции и не создавайте негативных сценариев проверок Держите в голове простое правило: ➕ Не создавайте условия с НЕ 🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице 🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер 🔩 Не получен статус 503 ➡️ Получен статус 503 Иначе позитивные сценарии будут звучать как комбинация двух НЕ Coderoll | Frontend

Собес через неделю Ты открыл 10 вкладок с темами и не знаешь, за какую хвататься? 😮‍💨 Знакомо: учишь всё подряд, и не успеваешь ничего? Диагностика Jumse решает ровно эту проблему. Проходишь полный скрининг за час и получаешь карту знаний: срез по каждой теме твоего стека на трёх уровнях (хорошо / провисает / критично). По каждому провалу — приоритет, что подтянуть первым. Это тот же детальный отчёт, который в корпоративной версии видит HR. Только теперь он у тебя на руках — до собеса, а не вместо оффера. 💵 1 990 ₽ — дешевле одного проваленного собеса 👉 Получить карту пробелов А познакомиться с платформой можно бесплатно! Ждем в канале и у нас на сайте. _______________________________________________ Реклама. ИП "Андреева Мария Сергеевна", ИНН 771001057735. erid: 2VtzquWm4hz1

НЕ:РОЗЫ - магазин подарков Сложность: #средняя Жанр: #LandingPage Язык: #RU 👉Открыть макет Coderoll Frontend | #макеты

❓ В чем разница между REST API и GraphQL? REST API – стандартная архитектура API, где есть фиксированные эндпоинты (/users,/posts). Клиент получает фиксированный ответ. GraphQL – позволяет клиенту запрашивать только нужные данные, без лишней нагрузки. GraphQL хорош, когда нужно минимизировать сетевой трафик, а REST проще в реализации и лучше кешируется. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Браузер для фронтенд-разработчиков Polypane позволяет одновременно просматривать сайт на разных экранах, тестировать доступность и контрастность, синхронизировать скроллинг и клики между всеми экранами, поддерживает hot-reload для фреймворков вроде React и Vue, а также предоставляет данные по SEO и производительности. 👀 Потыкать браузер #web

Qwik – фреймворк для мгновенных веб-приложений Qwik – это новый взгляд на SSR и рендеринг. Он подгружает JS только при необходимости, что делает сайты супер быстрыми. 🔥 Что дает Qwik? ✔️ Почти мгновенный рендеринг ✔️ Минимум JS-кода в браузере ✔️ Отлично подходит для больших проектов 👀 Попробовать Coderoll | Frontend

711 собесдований и 51 оффер получили наши ученики за лето - 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