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

👉 @frontendInterview

После 3-х месяцев обучения вы научитесь пользоваться библиотекой React, использовать Type-скрипт и тестировать веб-приложения с помощью юнит-тестов и cypress. → Начните учиться бесплатно

Невероятные эмоции и неожиданные сюжетные повороты Скидка 20% по промокоду «TGRM20» на все книги. Бесплатная доставка по РФ! Перейти на сайт #реклама 16+ alpinabook.ru О рекламодателе

Хоумворк™ для студентов Мы - образовательный проект для студентов. Поможем в подборе материала любой сложности и по любому предмету. Работаем с 2001 года. Опытные специалисты и сотни тысяч довольных студентов. По промокоду HWTG20 дарим скидку 20% на первый заказ! Переходите в наш удобный бот;) Начать #реклама О рекламодателе

Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript! 🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний. Вы освоите создание программ с использованием основных конструкций языка, сможете составлять программы из нескольких модулей и научитесь анализировать ошибки в коде с помощью отладочной печати. 💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности. Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉 Реклама. АНПОО "ХЕКСЛЕТ КОЛЛЕДЖ". ИНН 7839056670.

👉 @frontendInterview

🔤 У нас часто спрашивают: "Какие каналы мы читаем в телеграме?" Хотим посоветовать крутой канал CodeRoll | Frontend, где вы найдете: - задачи для собеседований - полезные статьи и новости для разработчиков - необычные инструменты для веб-разработки ✅ Не реклама, личная рекомендация.

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 18 января.

​Какие хуки React вы знаете? - useState: используется для управления состоянием в функциональных компонентах. - useEffect: используется для выполнения побочных эффектов в функциональных компонентах, таких как получение данных или подписка на события. - useContext: используется для доступа к значению контекста React в функциональном компоненте. - useRef: Используется для создания изменяемых ссылок на элементы или значения, которые сохраняются между рендерами. - useCallback: Используется для мемоизации функций, чтобы предотвратить ненужные повторные рендеры. - useMemo: используется для мемоизации значений с целью повышения производительности за счет кэширования ресурсоемких вычислений. - useReducer: Используется для управления состоянием с помощью функции редьюсера, аналогично тому, как работает Redux. - useLayoutEffect: похож на useEffect, но эффект выполняется синхронно после всех мутаций DOM. Эти хуки предоставляют мощные инструменты для управления состоянием, обработки побочных эффектов и повторного использования логики в функциональных компонентах React. 👉 @frontendInterview

🚀 True Frontender — твой навигатор в фронтенде! 🚀 👨‍💻 Здесь ты найдёшь: - Экспертные советы и гайды по JavaScript, React, TypeScript и другим технологиям. - Реальные кейсы из собеседований, чтобы ты всегда был готов. - Практические рекомендации, основанные на личном опыте в разработ 💡 True Frontender — это твой персональный гид по фронтенду, где каждый совет — результат настоящего опыта. 🌟 Присоединяйся пока не потерял @TrueFrontender!

👉 @frontendInterview

Все кто выбрал вариант 1 - молодцы 👍 Остальным рекомендую с этим разобраться в первую очередь! Это простые и очень мощные инструменты для адаптивных макетов Например, чтобы расположить элементы как на картинке достаточно добавить 2 свойства для родительского блока: flex; align-items: (один из вариантов) Но это только верхушка айсберга, чтобы понастоящему разобраться - поиграйтесь с этим тренажером Ребята разложили все по полочкам, а задания можно выполнять прямо в браузере 😼 P.S. выравнивать нужно будет в основном котов

​Какие основные функции Next.js вы знаете? - getStaticProps: этот метод используется для получения данных во время сборки и предварительного рендеринга страницы в виде статического HTML. Он гарантирует, что данные будут доступны во время сборки и не будут изменяться при последующих запросах.

 export async function getStaticProps() {
   const res = await fetch('https://api.example.com/data');
   const data = await res.json();

   return {
     props: {
       data
     }
   };
 }

- getServerSideProps: Этот метод используется для получения данных по каждому запросу и предварительного рендеринга страницы на сервере. Его можно использовать, когда вам нужно получить данные, которые могут часто изменяться или зависят от пользователя.

 export async function getServerSideProps() {
   const res = await fetch('https://api.example.com/data');
   const data = await res.json();

   return {
     props: {
       data
     }
   };
 }

- getStaticPaths: этот метод используется в динамических маршрутах для указания списка путей, которые должны быть предварительно отрисованы во время сборки. Обычно используется для получения данных для динамических маршрутов с параметрами. export async function getStaticPaths() { const res = await fetch('https://api.example.com/posts'); const posts = await res.json(); const paths = posts.map((post) => ({ params: { id: post.id } })); return { paths, fallback: false }; } 👉 @frontendInterview

Войти в IT создали годный проект для всех Frontend разработчиков: 1️⃣ Прокачай свои навыки программирования без особых усилий 2️⃣ Каждый день на канале выходят курсы и статьи от ведущих специалистов на рынке IT 3️⃣ Больше не нужно тратить кучу времени на поиск хороших, бесплатных обучающих материалов в интернете P.S. Мы сами уже давно подписаны и иногда берем контент у них 😏

Извлечь домен из URL Напишите функцию, которая принимает URL-адрес в виде строки и возвращает доменное имя из этого адреса. Примеры: "http://github.com/carbonfive/raygun" => "github" "https://www.cnet.com" => "cnet" 👉 @frontendInterview