Frontend Interview - собеседования по Javascript / Html / Css

Как программисты заходят к начальнику 👉 @frontendInterview

❌ Ты опять завалил интервью? Ну ничего, зато опыт… у рекрутера, который слил тебя за 5 минут. А теперь серьёзно: если ты работаешь в IT и хочешь выйти на новый уровень, твоя карьера напрямую зависит от того, как ты проходишь собеседования. Даже крутые разработчики сливаются, потому что: • Не знают, что хотят услышать интервьюеры. • Теряются, когда просят “рассказать о себе” (да, этот вопрос тоже можно завалить). • Не умеют грамотно обсуждать зарплату. 📌 Канал Саня об IT — это канал, где: • Разбираем реальные кейсы интервью на мидлов, сеньоров и лидов. • Учимся проходить хардовые техсобесы — алгоритмы, архитектура, DevOps. • Правильно говорим про деньги — чтобы не застрять на $3000, когда можно 5000. Хочешь раз и навсегда закрыть тему интервью? Тогда заходи и подписывайся: https://t.me/+zmN3Q9RUFOsxZGJi

UI/UX тренды в 2025: угрожает ли ИИ будущему дизайнеров и какие визуальные тренды нас удивят? Мы продолжаем следить за UI-трендами, чтобы создавать красивые и удобные интерфейсы, которые не только удерживают пользователей, но и гибко адаптируются под влиянием новых технологий. И, конечно, готовы рассказать о них вам. 👉 @frontendInterview

Господи, да в чём проблема стать фронтендером? Подписался на этот канал: 👉 Фронтенд Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ! Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.

Как обработать ситуацию, когда код выбрасывает ошибку, и не сломать приложение? Конструкция try...catch позволяет выполнить произвольный код, но если в нем произошла ошибка, то программа не остановит своё выполнение, а перейдёт в блок catch, где ошибку можно обработать. В этой статье описаны принципы работы с этой конструкцией. 👉 @frontendInterview

Поговорим о любви к фронтенду? 15 февраля встречаемся на самой большой конференции Яндекса для frontend-сообщества — «Я 💛Фронтенд». В программе: 💛 Большая программа докладов — эксперты индустрии поделятся своим опытом 💛 Code in the dark — вместе с Семёном Левенсоном из Яндекс Маркета поучаствуете в соревновании по вёрстке и поймете, как интеллектуальный помощник разработчика Yandex Code Assistant меняет игру 💛 CodeRun — вместе с Никитой Дубко и Сашей Шинкевич из Контеста Яндекса познакомитесь с тренажером для прокачки скилла разработчика А ещё не забываем про движ в онлайне — следите за обновлениями сайта с 4 по 14 февраля. Cегодня стартует первый стрим с Сергеем Бережным, директором по взаимодействию с разработчиками в Яндексе. Смотрим онлайн и регистрируемся на ивент тут.

Будь на шаг впереди на собеседовании! Если ты начинающий системный аналитик или только мечтаешь им стать, то наш канал - это именно то, что тебе нужно. Здесь мы делимся реальным опытом, практическими советами и всем, что поможет уверенно стартовать в профессии. А чтобы твоя подготовка к первому собеседованию была максимально продуктивной, в закрепе тебя уже ждёт гайд "ТОП - 50 самых популярных вопросов на собеседовании системного аналитика". С этим гайдом ты будешь готов к любым вопросам и сможешь уверенно сделать первый шаг к своей мечте. Подписывайся на канал, изучай материалы и начинай путь в системной аналитике уже сегодня! Подписаться #реклама 16+ О рекламодателе

👉 @frontendInterview

🔥Podlodka React Crew – онлайн-конференция для React-разработчиков. И в новом сезоне ребята решили разобраться, какие инструменты и знания включают в роадмапы профессионального развития и насколько они применимы. Что в программе: 💬 Говорим на одном языке с пользователями: i18n в React-приложениях – Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех? 📡 OpenTelemetry для фронтенд-разработчика – Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта? 🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет? 🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать? 📅 Конференция пройдет 10-14 февраля. Ты не просто узнаешь по новые фичи и подходы, но и определишься, какие из них включить в свой roadmap и как расти дальше. 🔗 Регистрируйтесь: podlodka.io/reactcrew Промокод сообщества react_crew_2_oMGfq4 даёт скидку в 500 руб 🥳

​Что такое merge и rebase, в чем отличие друг от друга? Это два способа интеграции изменений из одной ветки в другую в системе контроля версий Git. Оба метода имеют свои особенности и подходят для разных сценариев. Merge (слияние) Объединяет изменения из одной ветки в другую, создавая новый коммит слияния (merge commit). Этот метод сохраняет историю всех коммитов, включая все ветвления и слияния. Предположим, у вас есть две ветки: main и feature. В ветке feature вы сделали несколько коммитов. Вы хотите объединить изменения из feature в main.

git checkout main
git merge feature

Rebase (перебазирование) Перемещает или переписывает базу текущей ветки на указанную базу другой ветки. Это переписывает историю коммитов, создавая новые коммиты для каждого из оригинальных коммитов. Предположим, у вас есть две ветки: main и feature. В ветке feature вы сделали несколько коммитов. Вы хотите перенести изменения из feature на текущий конец main.

git checkout feature
git rebase main

Основные отличия История коммитов Merge: Сохраняет всю историю, включая коммиты слияния. История показывает, когда и как происходили слияния веток. Rebase: Переписывает историю, делая её линейной. История показывает, как если бы все изменения были сделаны последовательно, без ветвлений. Коммиты слияния Merge: Создает новый коммит слияния, который объединяет изменения из двух веток. Rebase: Не создает коммит слияния. Перебазирование "переносит" коммиты одной ветки на другую. Конфликты Merge: Конфликты решаются один раз при слиянии. Rebase: Конфликты могут возникнуть на каждом коммите, и их нужно решать поэтапно. Применение Merge: Хорош для сохранения полного контекста истории разработки, особенно в командной работе. Rebase: Хорош для поддержания чистой, линейной истории, особенно перед слиянием ветки в основную ветку, например, main или master. 👉 @frontendInterview

Binary Addition Реализуйте функцию, которая складывает два числа и возвращает их сумму в двоичном виде. Преобразование может быть выполнено до или после сложения Возвращаемое двоичное число должно быть строкой Пример:

1, 1  //  "10" (1 + 1 = 2 in decimal or 10 in binary)
5, 9  //  "1110" (5 + 9 = 14 in decimal or 1110 in binary)

👉 @frontendInterview

Устойчивый веб-дизайн Без сомнения, "Устойчивый веб-дизайн" является обязательным чтением для веб-дизайнеров и front-end разработчиков во всем мире. Тут собрана история и философия веба. Раскрыты идеи веб-разработки. 👉 @frontendInterview

Без опыта вы не найдёте работу в Москве на HeadHunter Но есть выход: перспективную и престижную работу легко найти в канале «Москва: работа, вакансии, удаленка». Там собраны вакансии для молодых специалистов и тех, кто хочет совмещать учебу с работой. Вы найдёте лучшие предложения от Яндекса, Сбера, Т-Банка и других крупных компаний, у которых офис в Москва-сити. Уже нашли вакансию для тебя: https://t.me/+FC6cg-3KYF43ZTRi Подписаться #реклама О рекламодателе

​Что думаешь про SSR? Server-Side Rendering (SSR) — это метод рендеринга веб-страниц на сервере перед их отправкой в браузер клиента. В отличие от Client-Side Rendering (CSR), где основная работа по рендерингу выполняется на стороне клиента, SSR позволяет создать HTML-код страницы на сервере и отправить его уже готовым для отображения в браузере. Преимущества Улучшение SEO: - Поисковые системы могут более эффективно индексировать страницы, так как они получают полностью рендеренный HTML-код. - SSR обеспечивает лучшую видимость для поисковых роботов, что важно для сайтов, ориентированных на SEO. Быстрое время до первого отрисовки (First Paint): - Пользователи быстрее видят начальное содержимое страницы, так как браузер получает готовый HTML. - Это может улучшить восприятие производительности и снизить показатель отказов. Социальные сети и предварительный просмотр: - SSR упрощает создание мета-тегов и содержимого для социальных сетей, что позволяет правильно отображать предварительный просмотр страниц при их шаринге. Лучший пользовательский опыт на медленных устройствах: - Так как большая часть вычислений выполняется на сервере, клиентские устройства с низкой производительностью быстрее отображают контент. Недостатки Увеличение нагрузки на сервер: - Сервер должен обрабатывать и рендерить каждую страницу, что может требовать больше ресурсов по сравнению с CSR. - Это может потребовать более мощного серверного оборудования или масштабирования для обработки большого трафика. Увеличение времени отклика сервера: - Рендеринг страниц на сервере может занять дополнительное время, особенно для сложных страниц с большим количеством данных. - Это может привести к увеличению времени ответа сервера. Сложность настройки и поддержки: - Настройка SSR требует дополнительных знаний и усилий по сравнению с CSR. - Поддержка и отладка SSR-приложений может быть более сложной из-за необходимости управлять состоянием на сервере и клиенте. Гибридные решения могут быть сложными: - Комбинирование SSR с CSR для достижения оптимальной производительности и функциональности (например, использованием технологии Hydration) может усложнить архитектуру приложения. Примеры Next.js для React: - Популярный фреймворк, который облегчает создание SSR-приложений на основе React. - Поддерживает гибридные приложения с SSR для начальной загрузки и CSR для последующего взаимодействия. Nuxt.js для Vue.js: - Фреймворк, предоставляющий мощные возможности для SSR с использованием Vue.js. - Упрощает создание универсальных приложений с возможностью переключения между SSR и CSR. 👉 @frontendInterview

Клавиатура прожжённого разраба 👉 @frontendInterview

Крупнейший университет искусственного интеллекта Приглашаем на бесплатный однодневный интенсив по AI! Освой искусственный интеллект для профессионального роста: создавай нейросети, автоматизируй бизнес-задачи и зарабатывай на AI-решениях. ✨ 8 000+ студентов со всего мира ✨ 600+ AI-проектов, созданных студентами ✨ Сборная Университета — победители крупнейших AI-хакатонов России ✨ Стажировки в крупнейших компаниях России (РЖД, Ростелеком, РУДН, Совкомбанк, Самолет и другие) ✨ Трудоустраиваем выпускников в крупнейшие компании (Яндекс, ВТБ, Сбербанк, Роскосмос и другие) Будем рады видеть тебя в наших рядах! Узнать больше #реклама 16+ neural-university.ru О рекламодателе