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

♥️ Все наши каналы по JS / PHP / Python, подпишись ♥️ @seniorFront - всё про фронтенд, практика, примеры кода, интересные статьи @web_craft - php, Laravel, фронтенд @sWebDev - обзор библиотек JS / CSS @python_practics - всё про Python, обучающие материалы, полезные советы и статьи

Различия протоколов TCP и UDP TCP – транспортный протокол передачи данных в сетях TCP/IP, предварительно устанавливающий соединение с сетью. UDP – транспортный протокол, передающий сообщения-датаграммы без необходимости установки соединения в IP-сети. Разница между протоколами TCP и UDP – в так называемой "гарантии доставки". TCP требует отклика от клиента, которому доставлен пакет данных, подтверждения доставки, и для этого ему необходимо установленное заранее соединение. Также протокол TCP считается надежным, тогда как UDP получил даже именование “протокол ненадежных датаграмм. TCP исключает потери данных, дублирование и перемешивание пакетов, задержки. UDP все это допускает, и соединение для работы ему не требуется. Процессы, которым данные передаются по UDP, должны обходиться полученным, даже и с потерями. TCP контролирует загруженность соединения, UDP не контролирует ничего, кроме целостности полученных датаграмм. 👉 @frontendInterview

Merged String Checker Создайте функцию, которая проверит, можно ли составить строку s из символов двух других строк - part1 и part2. При этом символы в part1 и part2 нельзя менять местами. Пример: 'codewars' is a merge from 'cdw' and 'oears': s: c o d e w a r s = codewars part1: c d w = cdw part2: o e a r s = oears 👉 @frontendInterview

React. Сборник рецептов. Практические приемы работы с фреймворком React Книга посвящена практическому применению фреймворка React. Описано создание простых приложений и приложений со сложным интерфейсом, рассмотрены вопросы маршрутизации в приложениях и управление их состоянием. Даны примеры реализации интерактивного взаимодействия с пользователем, подключения к различным службам бэкенда, таким как REST и GraphQL, описана работа с библиотеками компонентов. Подробно рассматривается безопасность приложений, процесс их тестирования, даны советы по обеспечению доступности. Приводятся практические рекомендации по повышению производительности и созданию прогрессивных веб-приложений. 👉 @frontendInterview

Почему этот код нестабилен? Поскольку setState() является асинхронным, установка нового состояния на основе предыдущего состояния иногда может пойти не так. В таких сценариях нужно использовать синтаксис функции обратного вызова для установки состояния. Тогда в prevState будет актуальное значение. const [state, setState] = useState(0); setState((prevState) => prevState + 1); 👉 @frontendInterview

👉 @frontendInterview

Не могу найти работу. Нет откликов на резюме. Не зовут на собеседование. 😞 Эти проблемы возникают у многих в процессе поиска работы и решать их нужно с сертифицированным карьерным консультантом, таким как Оксана Синягина. Оксана работает в сфере IT уже 17 лет и  отлично знает рынок труда в IT. В своем Телеграм канале Оксана делится: ✅  Актуальными трендами и возможностями, которые предлагает IT-сфера. 💡 ✅  Рассказывает, какие навыки и знания нужны для успешного старта и роста в айти. 🚀 ✅  Делится полезными материалами для самообразования и развития профессиональных компетенций. 📚 ✅  Раскрывает секреты успешного прохождения собеседований и взаимодействия с работодателями. 🗣 Подпишись на канал Оксаны и __получи бесплатный гайд__ "Как настроить LinkedIn, чтобы он работал на вас" 🎁 >> Перейти на канал Реклама. Синягина О.В. ИНН 526309956960. Erid:LjN8KL7CS

Дизайн в FIGMA с нуля. Бесплатный курс + портфолио Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб. Узнать больше #реклама yudaevschool.online О рекламодателе

Селекты, инпуты, батоны и прочие обитатели форм Зачем они нужны, если есть куча библиотек с красивыми кастомными элементами? Нужны! и важно уметь с ними работать ✔️ С нативным элементом можно предсказуемо взаимодействовать клавиатурой ✔️ Не возникает косяков с положением выпадающих элементов на экране ✔️ Элемент соответствует настройкам операционной системы ✔️ Контролы доступны скринридерам ✔️ Элемент будет доступен пользователям с ограниченными возможностями Чтобы разобраться во всех тонкостях создания нативных форм, рекомендую эти тренажеры Тренажер «Погружение в формы» Проходить можно прямо в браузере, подача - огонь 🔥

Селекты, инпуты, батоны и прочие обитатели форм Зачем они нужны, если есть куча библиотек с красивыми кастомными элементами? Нужны! и важно уметь с ними работать ✔️ С нативным элементом можно предсказуемо взаимодействовать клавиатурой ✔️ Не возникает косяков с положением выпадающих элементов на экране ✔️ Элемент соответствует настройкам операционной системы ✔️ Контролы доступны скринридерам ✔️ Элемент будет доступен пользователям с ограниченными возможностями Чтобы разобраться во всех тонкостях создания нативных форм, рекомендую эти тренажеры https://htmlacademy.ru/courses/html-forms Проходить можно прямо в браузере, подача - огонь 🔥

👉 @frontendInterview

Ищу помощницу по дизайну интерьеров. Пост для тех, кто хочет работать удаленно, занимаясь творческой профессией. Работа заключается в создании уютных пространств и стильных интерьеров. Можно работать из дома за ноутбуком. - Для работы достаточно несколько часов в день, вам не придется сидеть в офисе с 9 до 17. - Высшее образование не требуется, всему научу сама. - На обучение достаточно 1-2 часа в день, так как вся информация структурирована и очень доступно изложена. Я помогу вам разобраться в профессии дизайнер интерьеров, объясню с чего начать и покажу весь процесс работы от и до. Дам первых клиентов и скрипты продаж. Учеников много не набираю, чтобы была возможность уделить внимание каждому. Успевайте зарегистрироваться, пока места еще есть. Начать обучение можно по ссылке «Зарегистрироваться». Зарегистрироваться #реклама udesignschool.ru О рекламодателе

​Что такое ErrorBoundary в React? Error boundaries- это компоненты, которые отлавливают ошибки JavaScript, возникающие в любом дочернем компоненте, сообщают об этих ошибках и отображают резервный UI. Классовый компонент становится предохранителем при определении в нем нового метода жизненного цикла componentDidCatch(error, info) или static getDerivedStateFromError() :

 class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props)
     this.state = { hasError: false }
   }

   componentDidCatch(error, info) {
     // Вы также можете отправлять ошибки в специальный сервис по их обработке
     logErrorToMyService(error, info)
   }

   static getDerivedStateFromError(error) {
      // Обновляем состояние, чтобы при следующем рендеринге использовался запасной UI
      return { hasError: true };
    }

   render() {
     if (this.state.hasError) {
       // Вы можете рендерить любой резервный интерфейс
       return <h1>{'Что-то пошло не так.'}</h1>
     }
     return this.props.children
   }
 }

После этого, предохранитель используется как обычный компонент: <ErrorBoundary> <MyWidget /> </ErrorBoundary> 👉 @frontendInterview

Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен. С 6 по 12 декабря проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. За эти 7 дней обучения ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Узнаешь сколько можно зарабатывать и как работать; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов. 👉 Проскочить на интенсив бесплатно

erid: LjN8KKVxp 👋Уважаемая публика, не проходите мимо! Только у нас на вебинаре вы узнаете то, чего ещё никогда не знали! 🔥Проникнитесь невероятными лайфхаками в жанре team lead survival на бесплатном уроке «Agile Circus: как выжить в цирке гибкой разработки ПО»: регистрация   На занятии обсудим: — зачем вообще нужны гибкие подходы к организации процессов разработки (и поддержки) ПО и можно ли обойтись без них. — как правильно выбирать способ организации разработки программного обеспечения. — что делать в ситуации, когда одна команда не справляется. Вебинар будет полезен тимлидам, руководителям разработки, проектным и продуктовым менеджерам, которые недовольны текущими процессами в своей компании. 👉Понравился урок — берите полный курс «Team Lead разработки», его можно пройти по скидке Чёрной пятницы, и даже в рассрочку. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.