Содержимое раздела 1

.\n\nРазные хештеги нужны для организации и упрощения поиска контента в социальных сетях, а также для навигации по веб-страницам без перезагрузки, направляя пользователя к определенному разделу или элементу страницы. Это делает информацию более доступной и интерактивной.\n\nХештеги помогают нам быстро находить интересующую информацию в интернете и перемещаться по веб-страницам, не перезагружая их целиком.\n\n👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти к Списку всех вопросов на Frontend Developer. Ставь 👍 если нравится контент.\n\n🔐 База собесов | 🔐 База тестовых","datePublished":"2024-05-30T09:05:08Z","dateModified":"2024-05-30T09:05:08Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3514},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/197","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/197","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/197","headline":"Как id может участвовать в ссылке ? Спросят с вероятностью 3% id атрибут элемента может использоваться для со…","articleBody":"Как id может участвовать в ссылке ?\nСпросят с вероятностью 3%\n\nid атрибут элемента может использоваться для создания якорных ссылок (anchor links), которые позволяют переходить к определённому разделу или элементу на странице. Это особенно полезно для навигации по длинным страницам, позволяя пользователям быстро перейти к интересующему их контенту без необходимости прокручивать страницу вручную.\n\nКак это работает:\n\n1️⃣ Установите атрибут id для целевого элемента на странице. Должен быть уникальным в пределах страницы.\n\n\n2️⃣ Создайте ссылку с атрибутом href, значение которого начинается с символа #, за которым следует id целевого элемента.\nПерейти к целевой секции\n\n3️⃣ Когда пользователь кликает по такой ссылке, браузер автоматически прокручивает страницу до элемента с соответствующим id.\n\n\n\n \n\n\n\n

Перейти к Секции 1

\n

Перейти к Секции 2

\n\n\n\n

Секция 1

\n

Некоторый контент...

\n\n\n\n

Секция 2

\n

Ещё некоторый контент...

\n\n\n\n\n\nВ этом примере, кликая на \"Перейти к Секции 1\" или \"Перейти к Секции 2\", пользователь будет направлен к соответствующему разделу на странице.\n\nДополнительные применения:\n\n✅ Создание навигационного меню: Используется для быстрого доступа к разделам на одностраничных сайтах или длинных лендингах.\n✅ Ссылки на заметки: Позволяет создавать внутренние ссылки в документах или статьях, упрощая навигацию по тексту.\n\nИспользование id в ссылках делает веб-страницы более удобными для пользователей, облегчая доступ к нужной информации и улучшая общий пользовательский опыт.\n\n👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти к Списку всех вопросов на Frontend Developer. Ставь 👍 если нравится контент.\n\n🔐 База собесов | 🔐 База тестовых","datePublished":"2024-05-29T09:05:11Z","dateModified":"2024-05-29T09:05:11Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":6,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3786},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":20},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/196","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/196","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/196","headline":"Собрал для тебя больше 1000 джуниор вакансий и стажировок. По ссылке ниже ты получишь доступ к: 1) Агрегатору…","articleBody":"Собрал для тебя больше 1000 джуниор вакансий и стажировок.\n\nПо ссылке ниже ты получишь доступ к:\n\n1) Агрегатору сотен Junior вакансий и стажировок с разных источников: телеграм каналы, hh, linkedIn и многие другие.\n\n2) Списку из 60 разных источников вакансий и стажировок.\n\n👉 Переходи по этой ссылке и пользуйся!","datePublished":"2024-05-29T07:05:11Z","dateModified":"2024-05-31T07:05:12Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3322},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/195","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/195","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/195","headline":"Для чего нужен cors ? Спросят с вероятностью 3% CORS (Cross-Origin Resource Sharing) — это механизм безопасно…","articleBody":"Для чего нужен cors ?\nСпросят с вероятностью 3%\n\nCORS (Cross-Origin Resource Sharing) — это механизм безопасности, который позволяет ограничивать или разрешать доступ веб-ресурсов из одного домена к ресурсам на другом домене. Он был введен для решения проблем, связанных с политикой одного источника (Same-Origin Policy), которая предотвращает взаимодействие между ресурсами из разных источников, чтобы защитить данные от межсайтовых атак.\n\nОсновные задачи\n\n1️⃣Обеспечение безопасности\n✅CORS помогает предотвратить атаки, такие как XSS (Cross-Site Scripting) и CSRF (Cross-Site Request Forgery), ограничивая доступ к ресурсам на сервере только с доверенных доменов.\n\n2️⃣Разрешение легитимного кросс-доменного обмена данными\n✅CORS позволяет легитимным веб-приложениям запрашивать ресурсы с других доменов. Это важно для современных веб-приложений, которые часто взаимодействуют с API и ресурсами, размещенными на разных серверах.\n\nКак он работает\n\nДобавляет новые HTTP-заголовки, которые позволяют серверу сообщать браузеру, разрешено ли выполнение кросс-доменных запросов. \n\n1️⃣HTTP-заголовки, используемые для CORS\n\n✅Access-Control-Allow-Origin: Определяет, какие домены могут обращаться к ресурсам сервера.\n✅Access-Control-Allow-Methods: Определяет, какие HTTP-методы (например, GET, POST, PUT, DELETE) разрешены для кросс-доменных запросов.\n✅Access-Control-Allow-Headers: Определяет, какие заголовки могут быть использованы в кросс-доменных запросах.\n✅Access-Control-Allow-Credentials: Указывает, разрешено ли отправлять куки и авторизационные данные вместе с запросом.\n✅Access-Control-Max-Age: Указывает, как долго результаты проверки могут кэшироваться.\n\n2️⃣Процесс CORS-запроса\n\nПростой запрос (Simple Request)\n✅Запросы с методами GET, HEAD или POST и с ограниченным набором безопасных заголовков считаются простыми и обрабатываются напрямую.\n\nПредварительный запрос (Preflight Request)\n✅Для методов, отличных от GET, HEAD и POST (или если используются нестандартные заголовки), браузер сначала отправляет \"предварительный\" запрос с методом OPTIONS. Этот запрос проверяет, разрешен ли кросс-доменный доступ.\n✅Если сервер разрешает запрос, он отвечает с соответствующими заголовками CORS. Только после этого браузер отправляет основной запрос.\n\nПример простого запроса:\n\nЗапрос:\nGET /resource HTTP/1.1\nHost: api.example.com\nOrigin: http://anotherdomain.com\n\nОтвет:\nHTTP/1.1 200 OK\nAccess-Control-Allow-Origin: http://anotherdomain.com\nContent-Type: application/json\n\n{\"message\": \"Success\"}\n\nПример предварительного запроса:\n\nПредварительный запрос:\nOPTIONS /resource HTTP/1.1\nHost: api.example.com\nOrigin: http://anotherdomain.com\nAccess-Control-Request-Method: POST\nAccess-Control-Request-Headers: Content-Type\n\nОтвет на предварительный запрос:\nHTTP/1.1 204 No Content\nAccess-Control-Allow-Origin: http://anotherdomain.com\nAccess-Control-Allow-Methods: POST\nAccess-Control-Allow-Headers: Content-Type\nAccess-Control-Max-Age: 86400\n\nОсновной запрос (если предварительный запрос успешен):\nPOST /resource HTTP/1.1\nHost: api.example.com\nOrigin: http://anotherdomain.com\nContent-Type: application/json\n\n{\"data\": \"Some data\"}\n\nОтвет на основной запрос:\nHTTP/1.1 200 OK\nAccess-Control-Allow-Origin: http://anotherdomain.com\nContent-Type: application/json\n\n{\"message\": \"Data received\"}\n\nCORS (Cross-Origin Resource Sharing) — это механизм безопасности, который позволяет ограничивать или разрешать доступ веб-ресурсов из одного домена к ресурсам на другом домене. Он помогает защитить данные от межсайтовых атак и разрешает легитимные кросс-доменные запросы, обеспечивая взаимодействие между веб-приложениями и API, размещенными на разных серверах. CORS добавляет специальные HTTP-заголовки для управления доступом и может включать предварительные запросы для проверки разрешений.\n\n👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти К списку 1429 вопроса на Frontend разработчика. Ставь 👍 если нравится контент\n\n🔐 База собесов | 🔐 База тестовых","datePublished":"2024-05-28T18:07:09Z","dateModified":"2024-05-28T18:07:09Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4497},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":43},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":95}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/190","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/190","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/190","headline":"Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день. Присоединяй…","articleBody":"Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день. \n\nПрисоединяйтесь: @FrontendPortal","datePublished":"2024-05-28T16:07:12Z","dateModified":"2024-05-30T16:07:17Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3435},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":38},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":45}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/189","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/189","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/189","headline":"Что такое inline blok в отличии от inline элемента ? Спросят с вероятностью 3% Есть несколько значений для св…","articleBody":"Что такое inline blok в отличии от inline элемента ?\nСпросят с вероятностью 3%\n\nЕсть несколько значений для свойства display, которые определяют, как элемент будет отображаться на странице. Два из этих значений — inline и inline-block — имеют некоторые сходства, но и значительные отличия.\n\n1️⃣ Inline элементы\n\nЭлементы с display: inline; ведут себя как часть текста. Это значит, что:\n\n- Они располагаются на одной строке с другими инлайн-элементами или текстом, если только ширина родительского элемента не заставляет их обтекать.\n- У инлайн-элементов нельзя задать ширину (width) и высоту (height), так как размеры определяются содержимым.\n- Вертикальные отступы (margin-top и margin-bottom) и вертикальные внутренние отступы (padding-top и padding-bottom) не влияют на расстояние между инлайн-элементами вертикально, хотя могут влиять на фоновое изображение или цвет.\n- Горизонтальные отступы и внутренние отступы применяются нормально.\n\nПримеры инлайн-элементов: , , .\n\n2️⃣ Inline-block элементы\n\nЭлементы с display: inline-block; комбинируют некоторые свойства инлайн и блочных элементов:\n\n- Как и инлайн элементы, эти элементы располагаются на одной строке с другими инлайн-элементами или текстом.\n- В то же время, у них можно задать ширину и высоту, как у блочных элементов.\n- Вертикальные и горизонтальные отступы (margin и padding) работают как у блочных элементов, влияя на расстояние вокруг элемента во всех направлениях.\n- Элементы могут содержать другие блочные или инлайн элементы.\n\nЭто делает его очень удобным для создания компонентов пользовательского интерфейса, которые должны располагаться в одной строке (например, кнопок), но при этом требуют точного контроля над размерами и отступами.\n\nОсновное отличие между inline и inline-block элементами заключается в том, что inline-block сочетает в себе способность располагаться в строке с другими элементами, как у inline элементов, и при этом позволяет контролировать размеры и отступы, как у блочных элементов. Это делает inline-block мощным инструментом для создания сложных компонентов интерфейса, которые требуют одновременно и горизонтального выравнивания, и точного контроля над макетом.\n\n👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти к Списку всех вопросов на Frontend Developer. Ставь 👍 если нравится контент.\n\n🔐 База собесов | 🔐 База тестовых","datePublished":"2024-05-28T11:30:08Z","dateModified":"2024-05-28T11:30:08Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":3,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4773},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":31},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":17},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/188","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/188","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/188","headline":"Linux как секс! Если зубрить его по книжкам, то кроме теории и деградации, ты ничему не научишься. В канале B…","articleBody":"Linux как секс!\n\nЕсли зубрить его по книжкам, то кроме теории и деградации, ты ничему не научишься.\n\nВ канале BashDays ты найдешь лучшие Linux и Bash практики. Действующий девопс-инженер, самобытно и с долей юмора, травит темы:\n\n- Рекавери файлов через grep\n- Почему коты гадят в макбуки \n- Как отключить логирование\n- Неочевидные трюки на Bash\n- Сниффер SSH на strace \n\nИ это только цветочки. А если заскучал, поиграй с друзьями в piu-piu и надери им бэкенд. Рекомендую!\n\nВ BashDays даже джуны становятся сеньорами.\n\nПодписывайся, это самый простой способ прокачать свои хард-скиллы: — @bashdays","datePublished":"2024-05-28T09:30:12Z","dateModified":"2024-05-30T09:30:22Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3620},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":23},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/187","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/187","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/187","headline":"Какие минусы у react ? Спросят с вероятностью 3% React — это популярная библиотека для построения пользовател…","articleBody":"Какие минусы у react ?\nСпросят с вероятностью 3%\n\nReact — это популярная библиотека для построения пользовательских интерфейсов, созданная и поддерживаемая Facebook. Хотя React обладает многими преимуществами, такими как компонентный подход, виртуальный DOM и реактивное обновление, он также имеет некоторые недостатки. Рассмотрим основные минусы React:\n\n1️⃣Высокий порог вхождения для новичков\n\n✅Сложность экосистемы: React сам по себе может быть относительно простым для понимания, но экосистема вокруг него (Redux, React Router, JSX, Webpack и т.д.) может быть сложной для новичков. Разработчикам нужно освоить много дополнительных инструментов и библиотек, чтобы использовать React эффективно.\n✅JSX: Хотя JSX делает код более декларативным, он может показаться непривычным и сложным для разработчиков, не знакомых с ним.\n\n2️⃣Быстро меняющаяся экосистема\n\n✅Частые обновления: React и его экосистема быстро развиваются, и это может затруднить поддержание кода в актуальном состоянии. Разработчикам часто приходится адаптировать свои проекты к новым версиям и изменениям.\n✅Несовместимости: Бывают случаи, когда обновления ломают обратную совместимость, что требует дополнительного времени и усилий на обновление проекта.\n\n3️⃣Настройка проекта\n\n✅Boilerplate код: Создание нового проекта на React может потребовать значительного количества начального кода и конфигурации. Хотя инструменты, такие как Create React App, упрощают этот процесс, для более сложных проектов часто требуется ручная настройка Webpack, Babel и других инструментов.\n✅Сложность сборки: Настройка сборочного процесса для оптимизации производительности и поддержки различных окружений может быть сложной задачей.\n\n4️⃣Производительность\n\n✅Проблемы с производительностью при большом количестве компонентов: Несмотря на оптимизации, такие как виртуальный DOM, большие и сложные React-приложения могут столкнуться с проблемами производительности. Неправильное управление состоянием или неоптимизированные компоненты могут привести к избыточным перерисовкам и снижению производительности.\n✅Рендеринг больших списков: Работа с большими списками данных может быть медленной, и разработчикам приходится использовать такие техники, как виртуализация (например, react-window или react-virtualized) для улучшения производительности.\n\n5️⃣SEO (Search Engine Optimization)\n\n✅Проблемы с индексированием: Хотя React позволяет создавать динамичные и интерактивные приложения, серверный рендеринг (Server-Side Rendering, SSR) или статическая генерация (Static Site Generation, SSG) могут потребоваться для улучшения SEO. Это добавляет сложность в настройку и разработку.\n✅Дополнительные инструменты: Для улучшения SEO могут потребоваться дополнительные инструменты и библиотеки, такие как Next.js.\n\nХотя React предлагает множество преимуществ для разработки пользовательских интерфейсов, он также имеет свои минусы. К ним относятся высокий порог вхождения для новичков, быстро меняющаяся экосистема, сложности с настройкой проектов, проблемы с производительностью при большом количестве компонентов, сложности с SEO, отсутствие строгих правил и рекомендаций по структуре проекта и увеличение размера бандла из-за множества зависимостей. Эти недостатки могут затруднить работу с React.\n\n👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти К списку 1429 вопроса на Frontend разработчика. Ставь 👍 если нравится контент\n\n🔐 База собесов | 🔐 База тестовых","datePublished":"2024-05-27T18:05:07Z","dateModified":"2024-05-27T18:05:07Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":10,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4827},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":36},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":35},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":10}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/186","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/186","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/186","headline":"⚡️ Нашли еще два полезных канала по Frontend разработке: @JavaScript_Learning @Frontend_Formula","articleBody":"⚡️ Нашли еще два полезных канала по Frontend разработке:\n@JavaScript_Learning\n@Frontend_Formula","datePublished":"2024-05-27T16:05:08Z","dateModified":"2024-05-29T16:02:43Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3785},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/185","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/185","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/185","headline":"Зачем изучение функционального языка ? Спросят с вероятностью 3% Изучение функционального языка предлагает ун…","articleBody":"Зачем изучение функционального языка ?\nСпросят с вероятностью 3%\n\nИзучение функционального языка предлагает уникальную перспективу и набор преимуществ, дополняющих понимание и навыки, полученные от императивного и объектно-ориентированного программирования. Вот несколько ключевых причин, по которым стоит изучать функциональное программирование:\n\n1️⃣ Чистота функций и побочные эффекты\n\nАкцентирует внимание на использовании чистых функций, которые возвращают одинаковый результат для одинаковых входных данных и не имеют побочных эффектов (т.е., не изменяют состояние вне своей области видимости). Это делает код более предсказуемым, упрощает отладку и тестирование.\n\n2️⃣ Неизменяемость данных\n\nДанные часто рассматриваются как неизменяемые. Это означает, что вместо изменения существующих данных создаются новые версии этих данных с применёнными изменениями. Такой подход упрощает разработку многопоточных приложений и помогает избежать ошибок, связанных с изменяемым состоянием.\n\n3️⃣ Первоклассные и высшие функции\n\nОбрабатывают функции как \"граждан первого класса\", позволяя использовать их в качестве аргументов других функций, возвращать их из функций и присваивать переменным. Это открывает двери для мощных абстракций и шаблонов проектирования, таких как функции высшего порядка, каррирование и композиция функций.\n\n4️⃣ Упрощение параллельного и асинхронного кода\n\nНеизменяемость данных и чистые функции делают функциональные программы более подходящими для параллельного выполнения, поскольку отсутствие общего изменяемого состояния снижает риск возникновения гонок данных. Это делает функциональное программирование особенно актуальным для современных приложений, где асинхронное выполнение и обработка больших объёмов данных на клиенте и сервере становятся всё более важными.\n\n5️⃣ Функциональное мышление\n\nРазвивает навык декомпозиции проблемы на небольшие, независимые части, которые затем могут быть решены с помощью чистых функций. Этот подход может применяться и в нефункциональных языках программирования, улучшая структуру и читаемость кода.\n\n6️⃣ Разнообразие и инновации\n\nВдохновило множество инноваций в области компьютерных наук, от ленивых вычислений до монад. Изучение функциональных языков может расширить горизонты разработчика и предложить новые подходы к решению задач.\n\nХотя функциональное программирование может казаться сложным на первый взгляд, оно предлагает мощные абстракции и принципы, которые могут значительно улучшить качество ПО. Оно способствует написанию кода, который легче понять, тестировать и поддерживать, а также обеспечивает полезные навыки, применимые в широком спектре программных проектов.\n\n👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти к Списку всех вопросов на Frontend Developer. Ставь 👍 если нравится контент.\n\n🔐 База собесов | 🔐 База тестовых","datePublished":"2024-05-27T09:05:10Z","dateModified":"2024-05-27T09:05:10Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4807},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":20}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/184","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/184","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/184","headline":"Оплачиваемая стажировка и трудоустройство без опыта — ну ничего себе 😳 Все возможно с Добровольным квалификац…","articleBody":"Оплачиваемая стажировка и трудоустройство без опыта — ну ничего себе 😳\n\nВсе возможно с Добровольным квалификационным экзаменом! Это бесплатный проект Правительства Москвы, где ты можешь показать свои знания по специальности, запомниться потенциальным работодателям и получить оффер в престижные компании Москвы.\n\nТебя ждет всего три шага:\n1️⃣ Пройди тест\nПосле регистрации на сайте ДКЭ тебе будет доступно 70 профессий по 7 направлениям. Выбирай тест по своей специальности и проверь уровень своих знаний!\n2️⃣ Реши кейс\nЕсли ты успешно сдал тест, тебя пригласят на следующий этап, где ты с другими участниками в команде будешь решать реальный кейс одного из работодателей.\n3️⃣ Стань победителем\nОкажись в числе лучших по общему количеству баллов за оба этапа и получи шанс попасть на оплачиваемую стажировку с дальнейшим трудоустройством.\n\nГотов проявить себя? Регистрируйся и начинай проходить тест — https://dke.moscow\n\n Реклама. АНО \"РАЗВИТИЕ ЧЕЛОВЕЧЕСКОГО КАПИТАЛА\", АНО \"РЧК\". ИНН 7710364647. erid: LjN8KBk54","datePublished":"2024-05-27T08:05:13Z","dateModified":"2024-05-28T08:18:01Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru","image":"https://img.telemetr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3419},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":33}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/183","url":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/183","mainEntityOfPage":"https://telemetr.io/ar/channels/1917151177-easy_javascript_ru/posts/183","headline":"Что есть во фронтенде, кроме JS ? Спросят с вероятностью 3% Используются также HTML (HyperText Markup Languag…","articleBody":"Что есть во фронтенде, кроме JS ?\nСпросят с вероятностью 3%\n\nИспользуются также HTML (HyperText Markup Language) и CSS (Cascading Style Sheets). Эти технологии являются основой веб-разработки и работают вместе для создания и стилизации веб-страниц.\n\nHTML\n\nИспользуется для создания структуры веб-страницы. Он позволяет вставлять различные элементы на страницу, такие как текст, изображения, видео, формы для ввода данных и многое другое. С помощью HTML можно описывать, какая структура будет у страницы, где будут располагаться заголовки, абзацы, ссылки и другие элементы.\n\nCSS\n\nИспользуется для оформления веб-страниц, задавая стили для HTML-элементов. Это может включать изменения цветов, шрифтов, расстояний между элементами, анимации и многое другое. CSS позволяет создавать адаптивные веб-страницы, которые корректно отображаются на устройствах с разными размерами экранов.\n\nДавайте рассмотрим простой пример, где мы используем HTML для создания структуры веб-страницы и CSS для стилизации:\n\n\n\n \n \n\n\n\n

Привет, мир!

\n

Это пример веб-страницы.

\n\n\n\n\nВ этом примере HTML используется для определения структуры страницы с заголовком и абзацем текста. Внутри тега