Frontender's notes. Страница 23

​​Алоха товарищи! Нашел для вас неплохой вариант оплачиваемой стажировки: Яндекс открыл набор на лето. Вкратце о стажировке: 👉 Основные направления: фронтенд, бэкенд, мобильная разработка, аналитика, машинное обучение, тестирование и информационная безопасность.  👉 Длится от трех до шести месяцев, говорят можно совмещать с учебой и начинать хоть сейчас (не обязательно ждать лета).  👉 Все будет проходить в офисах Яндекса в Москве, Санкт-Петербурге, Екатеринбурге, Сочи, Новосибирске и Нижнем Новгороде. Если вы из другого города — вас привезут в Москву и поселят за счет компании. 👉 У Яндекса много сложных инфраструктурных проектов, так что получите реальный опыт и полезные знакомства.  Что требуется от вас: Нужно пройти отбор. Этапы отбора также зависят от направления, но стандартно нужно выполнить тестовое задание и пройти два-три технических интервью. В любом случае от вас ждут, что вы уже разбираетесь в базовых алгоритмах и структурах данных и умеете писать код на одном из ЯП. Остальному научат на практике. Ну и напоследок скажу что по статистике каждый второй становится штатным сотрудником Яндекса. Верю, что вы эту статистику измените и каждый из вас по итогу получит офер, так что вперед!

Всем привет 👋  В этом году мы готовим для вас много новых статей и проектов. И хотим узнать, чем вы живете и дышите в мире IT. Поделитесь, пожалуйста, ссылками и ресурсами — что вы сейчас смотрите, читаете, слушаете из профессиональных ресурсов? Это займёт меньше минуты.  👉 Опрос тут Спасибо за уделенное время 🙏

​​Подборка материалов для погружения в Angular: выбор сотрудников Selectel При построении веб-сервисов наши фронтенд-разработчики используют Angular — один из топ-фреймворков с высокой скоростью разработки и низким порогом вхождения. Но несмотря на последнее, во время изучения могут возникнуть трудности с потоками, отписками и другими абстракциями. Поэтому мы попросили коллег порекомендовать полезные ресурсы, которые помогут в освоении этих тем. Подробности под катом. Читать...

Замораживание объектов в JS Всем привет товарищи фронты! Сегодня небольшой пост на тему вполне рядового но не самого часто используемого метода для объектов в JS - .freeze() .freeze() предотвращает добавление свойств к объекту, удаление старых свойств из объекта и изменение существующих, что довольно полезно в современной парадигме ООП. Пример кода: const obj = {foo: 'bar'}; ➡️ Перед замораживанием: можно добавить, изменить или удалить свойства obj.lumpy = 'woof'; delete obj.foo; ➡️ Замораживаем Object.freeze(obj); ➡️ Так можно проверить Object.isFrozen(obj); // === true ➡️ Теперь никакие изменения не произойдут obj.foo = 'quux'; Удачи в экспериментах!

​​Принципы SOLID на JS, теперь точно простым языком, но не очень коротко SOLID — универсальный набор принципов разработки поддерживаемого программного обеспечения. В данной статье я попытался разъяснить свое понимание принципов SOLID в отношении языка JavaScript: особенности реализации, некоторые синтаксические конструкции и, конечно, примеры из жизни. Если вам стало интересно, то прошу под кат. Читать...

​​JUG Ru Group приглашает вас выступить на JS-конференции HolyJS 2023 Spring! В этом году конференция будет идти четыре дня: 15–16 мая в онлайне и 21–22 мая в офлайне в Москве. И вы можете выступить на ней. Что даст выступление на HolyJS? 👉 Развитие личного бренда и улучшение навыка публичных выступлений. 👉 Возможность обсудить рабочие задачи в неформальной обстановке.   👉 Билет на все конференции весны от JUG Ru Group. 👉 Общение с комьюнити и экспертами Программного комитета. Можно выбрать любой формат — классический доклад, воркшоп, дискуссию или предложить что-нибудь свое. Вам помогут подготовиться, проведут репетиции, а после конференции вы получите запись в 4K на YouTube, чтобы поделиться ей с друзьями и коллегами. Выбирайте тему на сайте или предлагайте свои идеи и подавайте заявку на выступление до 20 февраля. Билеты на HolyJS 2023 Spring уже в продаже.

​​Понять TypeScript c помощью теории множеств Я пишу на TS уже довольно давно. Но некоторые вопросы все еще сбивают меня с толку: что такое never, и почему он так странно себя ведет? Чем отличаются any и unknown? Почему const x: {} = true — не ошибка? Оказывается, если перевести TS на язык теории множеств, всё встанет на свои места! Читать...

​​React теперь в телеграм! - 40,14% разработчиков сайтов использовали React в 2022 году — это самая популярная библиотека для создания пользовательских интерфейсов; - 196 850 звёзд у React на GitHub; - 25,12% разработчиков хотят изучить React; - 16.9 млн раз пользователи установили React  С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!  От создаталей популярного JS канала javascriptv 🔥 Подписаться

​​Искусственный интеллект как React-разработчик Представляю вашему вниманию перевод этой замечательной статьи, в которой автор просит ChatGPT разработать компонент модального окна на React. Читать...

​​Групповой видеозвонок на сайт Ещё одна история изучения и использования технологии WebRTC (Web Real-time Communication). Краткое описание создания готовой библиотеки для её переиспользования в разных проектах. Читать...

​​Журнал Академии Яндекса — интересно об IT Помогает молодым IT-специалистам работать с удовольствием и эффективно → Расскажет, как попасть в компанию, которая вдохновляет. → Научит правильно организовать работу, расти в глазах коллег (и профессионально). → Поможет на лету решать проблемы, стать своим в сообществе и работать без стресса. → Покажет, как устроена работа в Яндексе изнутри — с точки зрения команд, продуктов и технологий. → Подсветит гиковские темы: от старых компьютерных игр до редких языков программирования. Подписывайтесь, чтобы не пропустить свежие публикации!

​​Осваиваем TypeScript: 21 лучшая практика при написании кода TypeScript является популярным открытым языком программирования, идеально подходящим для современной разработки. За счёт своей продвинутой системы типов он позволяет писать более надёжный, обслуживаемый и масштабируемый код. Однако, чтобы задействовать весь потенциал этого языка и создавать высококачественные проекты, важно понимать лучшие практики и следовать им. В этой статье мы углубимся в мир TypeScript и изучим 21 лучшую практику, с помощью которых вы сможете повысить свой навык работы с этим языком. Эти практики охватывают широкий спектр тем и сопровождаются конкретными вариантами применения в реальных проектах. Независимо от того, являетесь ли вы начинающим либо опытным разработчиком на TS, эта статья даст вам ценное понимание и рекомендации, которые помогут писать более чистый и эффективный код. Читать...

​​Делаем свернутый контент доступным с помощью hidden=until-Found Сворачивающиеся разделы с контентом, называемые как аккордеон, являются распространенным шаблоном пользовательского интерфейса. Однако контент, скрытый в свернутых разделах, становится невозможным для поиска по странице пользователем. Кроме того, нельзя ссылаться на текстовые фрагменты внутри свернутой области. HTML-атрибут hidden=until-found и событие beforematch могут решить эти проблемы. Добавляя hidden=until-found в контейнер для вашего скрытого контента, вы позволяете браузеру искать текст в этой скрытой области и открывать раздел, если совпадение найдено. Эта функция не только позволяет выполнять поиск на странице в скрытых разделах, но и делает этот скрытый контент доступным для поисковых систем. Google Search даже сформирует ссылки, которые прокручиваются до обнаруженного фрагмента. Эти функции доступны в Chrome 102, поэтому давайте посмотрим, как они работают. Читать...

​​Js, трюки, наблюдения, бенчмарки и как Лиса уничтожает Хром. Я протестировал всё, что вам было лень Разные трюки я тестировал на Google Chrome 107.0.5304.107 и Mozilla Firefox 107.0 на Windows 10. Чтобы результаты всегда были железно воспроизводимыми, я отключил все С-State’ы, ядра зафиксировал на 5 ГГц. У меня 9900К, это Coffee Lake c AVX256, какие оптимизации применит Jit для вашего процессора — я не знаю, результат на вашем компьютере может отличаться от моего, в т.ч. из-за микроархитектуры процессора. Скорость парсинга кода тоже входит в бенчмарк, поэтому браузер с быстрым парсером будет впереди. Читать...

​​Микросервис головного мозга. Рецепты качества Эта статья подготовлена на основе доклада «Микросервис головного мозга» Михаила Трифонова, Lead frontend Cloud и основателя frontend-сообщества TeamSnack. Мы разберём когда необходимы микрофронты, каким должен быть технологический стек, как нарезать мироксервисы и какие существуют стандарты при построении микросервисной архитектуры. Эта статья, по сути, продолжение первой части «Микросервис головного мозга. Пилим всё, что движется». В ней Михаил рассказывал, как ему с командой удалось ускорить разработку с помощью микросервисного подхода. Они поэтапно строили микросервисную архитектуру, распилили монолит, UIKIT и создали архитектуру. Читать...

​​Красивая иконка на табло Яндекс Браузера Переведя статью об иконках сайта, я конечно же решил настроить всё как надо на своих проектах. То есть на личном сайте и сервисе по генерации иконок (было бы странно создавать такой сервис, и не настроить для него иконки как следует). Однако, столкнулся с парочкой проблем.  Читать...

​​Топ-15 шпаргалок для программистов и WEB-разработчиков Поскольку технологии веб-программирования быстро развиваются, нам приходится изучать много нового. Некоторые языки и фреймворки настолько сложны, что вы можете не помнить весь синтаксис и других тонкостей. Поэтому хорошие люди придумали шпаргалки, в которые можно быстро глянуть и вытянуть необходимое для себя. Если вам не хочется делать заметки самим, то не стоит беспокоиться, потому что шпаргалки доступны по любому предмету в Интернете. Чтобы помочь вам в учебе, автор составил этот список лучших шпаргалок. Читать...

​​Как создать свой первый сайт на JavaScript: бесплатный курс На бесплатном курсе Нетологии вы познакомитесь с разработкой на JavaScript и сами попробуете написать код — создадите сайт по персонажам вселенной Marvel. Курс подойдёт тем, у кого нет опыта в разработке. Вы оцените JavaScript-разработку изнутри и узнаете, как сделать первые шаги в новую профессию.  Зарегистрироваться → https://netolo.gy/UcW Реклама. ООО «Нетология»