Frontend Interview - JS HTML CSS

Используйте простейшие рабочие решения Занимаясь проектированием систем ПО, идите самым простым путём из возможных. Причём эту рекомендацию можно применять на удивление широко. Я искренне верю, что так можно делать всегда. Эта техника подходит для исправления багов, обслуживания имеющихся систем и проектирования новых. Многие инженеры, продумывая дизайн системы, представляют себе некий её «идеал»: что-то стройное, практически бесконечно масштабируемое, удобно распространяемое и так далее. Я же считаю, что это абсолютно ошибочный подход к проектированию ПО. Напротив, нужно вложить всё это время в глубокий анализ имеющейся системы, а затем реализовать простейшее рабочее решение. 👉 @frontendInterview

Какие свойства CSS можно использовать для создания анимаций и плавных переходов? Некоторые из наиболее распространенных свойств: 1. transition - позволяет задать плавный переход между двумя состояниями элемента, например, изменение цвета фона при наведении мыши. 2. animation - позволяет создавать сложные анимации с помощью ключевых кадров (keyframes), которые задают различные состояния элемента на разных этапах анимации. 3. transform - позволяет изменять форму, размер и положение элемента, включая повороты, масштабирование, смещение и т.д. 4. filter - позволяет применять различные эффекты к элементам, такие как размытие, насыщенность, яркость и т.д. 5. opacity - позволяет изменять прозрачность элемента. 6. scroll-snap - позволяет создавать плавный скроллинг между различными элементами на странице. 👉 @frontendInterview

🔥Прими участие в Хакатоне от ИТ–холдинга Т1 в Минске и поборись за призовой фонд 600 000 рублей! Когда: 14–17 октября Формат: онлайн + финал на площадке Участвуй, если ты: 🔹обучаешься на технической или ИТ–специальности; 🔹развиваешься в направлении разработки, аналитики, AI/ML, NLP или DevOps; 🔹сможешь быть в Минске 17 октября. Выбери свой кейс: ✴️FaaS система биллинга: платите ровно за то, что используете. Создай биллинговую систему для FaaS – точный расчёт с учётом времени, вызовов и памяти. ✴️Smart Support: поддержка нового поколения. Разработай ИИ-ассистента для службы поддержки с real-time подсказками из базы знаний. Почему стоит участвовать: 🔘Кейс в портфолио и полезная обратная связь от менторов Т1; 🔘Шанс проявить себя, чтобы начать карьеру в одной из крупнейших ИТ-компаний; 🔘Реальный опыт командной работы; 🔘Мерч и атмосфера сильного комьюнити — в Т1 более 5 000 джунов из 580+ вузов России и Беларуси. Регистрация открыта! ➡️ Успей до 12 октября по ссылке. #реклама О рекламодателе

Какие принципы и подходы используются при работе с CSS, чтобы обеспечить масштабируемость и поддерживаемость кода? 1. БЭМ (Блок-Элемент-Модификатор) методология: это позволяет разбить интерфейс на независимые блоки, которые можно переиспользовать в разных частях сайта. Это упрощает поддержку и масштабирование кода. 2. Использование препроцессоров CSS (например, Sass или Less): это позволяет писать более читаемый и удобный для поддержки CSS код. С помощью препроцессоров можно использовать переменные, миксины, наследование и другие функции, которые помогают уменьшить дублирование кода и упростить его поддержку. 3. Использование модульной архитектуры: это позволяет разбить CSS код на модули, которые можно переиспользовать в разных частях сайта. Модульная архитектура помогает уменьшить дублирование кода и упрощает поддержку. 4. Использование семантических классов: это позволяет создавать более читаемый и понятный для других разработчиков CSS код. Использование семантических классов упрощает поддержку и масштабирование кода. 👉 @frontendInterview

isItLetter Создайте функцию, которая проверяет, является ли переданный символ буквой. Примеры: isItLetter('a') => true, `'a' is a letter` isItLetter('1') => false, `'1' is not a letter` 👉 @frontendInterview

Современный JavaScript для нетерпеливых Язык JavaScript изначально был предназначен для написания небольших объемов кода внутри браузера, но современный JavaScript радикально отличается от своего прародителя. В наши дни программисты на JavaScript активно осваивают функциональный, объектно-ориентированный и асинхронный стили программирования, оставляя в прошлом архаичные конструкции, чреватые ошибками. Данная книга – полное, но при этом лаконичное руководство по версии JavaScript E6 и выше. Вам не потребуется знаний старых версий языка, а сразу предлагается начать с более мощных современных. 👉 @frontendInterview

Чем отличаются REST и RESTful API? REST (Representational State Transfer) — это архитектурный стиль, используемый при проектировании распределенных систем. Он был описан в диссертации Роя Филдинга в 2000 году и является основой для создания RESTful API. RESTful API — это веб-сервис, который использует протокол HTTP для обмена данными. Он предоставляет возможность получать, создавать, обновлять и удалять данные на удаленном сервере, используя стандартные HTTP-методы (GET, POST, PUT, DELETE и т. д.). RESTful API использует ресурсы (например, товары, пользователи, заказы) и URI (Uniform Resource Identifier) для доступа к этим ресурсам. Клиент отправляет запросы на сервер, указывая URI и метод HTTP, а сервер возвращает ответ, который может содержать данные в различных форматах (например, JSON или XML). Принципы RESTful API: - Клиент-серверная архитектура: сервер и клиент независимы друг от друга, что позволяет развивать их независимо. - Отсутствие состояния (stateless): каждый запрос клиента должен содержать всю необходимую информацию для его обработки, без сохранения состояния на сервере. - Кэширование: клиенты могут кэшировать ответы сервера, чтобы уменьшить количество запросов. - Единообразие интерфейса: единообразный интерфейс между клиентом и сервером упрощает взаимодействие и увеличивает его надежность. - Слои: клиент не должен знать о слоях на сервере, которые обрабатывают запросы. 👉 @frontendInterview

Я: прошу Cursor пофиксить ошибку в коде. Коктейль из умнейших нейросетей: 👉 @frontendInterview

К вопросу о кошмарном качестве книг по программированию. Моя не наглядная книга о наглядном CSS Сколько раз уже писано‑переписано о том, что современные печатные книги на компьютерную тематику — это на редкость некачественный товар. И всё равно каждый раз я не перестаю удивляться, как же их создатели не стыдятся выпускать, да ещё и продавать за деньги такой редкостный треш. И дело даже не в кривом переводе. Мы уже давно научились догадываться, что именно «хотел сказать автор» на языке оригинала. Этот этап повсеместного падения качества книг уже пройден. Теперь издательства нацелились на новые антирекорды — соревнуются, кто кого переплюнет по количеству фактических ошибок в своих творениях. Например, по ужасающим косякам в исходных кодах программ. Каждый раз хочется воскликнуть: «Ребята, вы сами‑то хоть один раз перечитали своё творение?!» 👉 @frontendInterview