Frontender's notes. Страница 19
15018
@frontendnoteschannel
Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.
-
Frontender's notes
🤔Почему Banditypes — самая маленькая TS-библиотека для валидации схем Удивительно, но базовый функционал валидации с приятным API можно упихнуть в 400 байт, если сконцентрироваться на размере и добавить пару грязных хаков. В этой статье узнаете, как можно добится такого результата. Читать... 
-
Frontender's notes
-
Frontender's notes
🔥Общие шаблоны и нюансы использования React Query В этой статье вы узнаете о нескольких концепциях, которые демонстрируют некоторые шаблоны для простых решений, обращая внимание на некоторые нюансы, которые могут возникнуть на этом пути. Обратите внимание, что react-query теперь называется TanStack Query, и эти концепции можно использовать в Vue, Solid и Svelte. В этой статье React он по-прежнему будет называться React Query (RQ). Читать... 
-
Реклама
-
Frontender's notes
✨То, чего мне не хватает в CSS За последние несколько недель автор прочитал два потрясающих списка желаний Дэйва Руперта и Эрика Мейера. В 2022 году мы получили много новых CSS функций , его любимые из них - контейнерные запросы (Container Query), :has и subgrid. В этой статье автор поделиться с вами тем, что хотел бы однажды увидеть в CSS. Читать... 
-
Frontender's notes
Frontend meetup (Online) 1. Быть Senior Frontend Developer в 2023: Экспертиза, карьера и общество — Александр Гузенко, IT_ONE В докладе попробуем систематизировать средние по палате необходимые требования к Senior Frontend Developer к 2023 году. Разберем, чем синьор отличается от мидла, посмотрим на хард скилы, софт скилы, точки роста для синьора. 2. CLI для фронтендеров. Делаем лучше, а не хуже — Алексей Попков, Толока В докладе поговорим, как превратить скриптописательство в системный подход, какие есть основные критерии качества, и как сделать инструмент, которому будет рада вся команда. 3. Обзор полезных инструментов разработчика — Павел Теренин, Juniper Square В моем докладе инструменты разделены на две секции: инструменты для отладки верстки и стилей, и инструменты для отладки кода и оптимизации быстродействия. ➖➖➖ 🗓 15 марта, начало в 19:00 мск, Среда 🌐 ОНЛАЙН ✅ Регистрация на мероприятие 
-
Frontender's notes
👌Декомпозиция и интерфейс vue-компонентов В большом vue-приложении всегда есть необходимость в декомпозиции компонентов и их логики. В этой статье приводятся размышления и некоторые выводы относительно подходов к декомпозиции vue-компонентов и их интерфейсу. Если вы узнали в описании свой компонент или кейс, не принимайте близко к сердцу. Это обсуждение, а не осуждение😁 Читать... 
-
Frontender's notes
🌟Angular. Работа с template-driven формами Разработчики angular, как правило знают, что для работы с формами существует два подхода: reactive forms и template driven forms. Также, хорошо известно, что для работы с формами разработан такой функционал как валидация, однако исчерпывающе описано его применения для подхода reactive forms. В этой статье вы рассмотрите как можно получить те же преимущества для template driven подхода. Читать... 
-
Frontender's notes
Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. 🗓 Начинаем 9 марта! Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. 📌Запишитесь прямо сейчас! 
-
Frontender's notes
-
Frontender's notes
SEO для разработчика и верстальщика: основные SEO-требования к разработке сайтов Подготовил подробную инструкцию, как сделать SEO-friendly сайт и учесть все основные SEO-требования на этапе разработки сайта. Это статья очень важна, так как соблюдение SEO-требований на этапе создания нового сайта позволяет сэкономить много денег и времени на внесении дополнительных правок. Ниже представлена подробная инструкция с основными SEO-требования, которые необходимо предусмотреть на этапе создания нового сайта. Читать... 
-
Frontender's notes
Data Science – стремительно развивающаяся отрасль на стыке бизнеса и интернет-технологий 🧑💻 Согласно данным рекрутинговых агентств в России несколько тысяч компаний находятся в активном поиске специалистов в этой области, а заработная плата на практике не имеет верхнего предела. Совместная магистерская онлайн-программа «Науки о данных» Университета науки и технологий МИСИС и СберОбразования даст вам актуальные знания и навыки в программировании, математике, машинном и «глубоком» обучении. Ваш образовательный процесс будет отслеживать команда методистов, преподавателей и тьюторов с опытом организации обучения в Data Science более 3 лет. Вы получите все преимущества очной формы обучения – диплом государственного образца, общежитие, проездной и др. Вы реализуете ряд проектов лично и в команде – это поможет сформировать профессиональное портфолио. Студенты программы получают консультацию от карьерного коуча, проходят стажировки и в дальнейшем трудоустраиваются в ведущие IT-компании России, среди которых: Сбер, VK, Huawei, Аскон, ЦИФРА, «Гринатом», «АЛРОСА», «Альфа-Банк», «Тинькофф Банк», «Газпромнефть-Центр» и другие. Подробнее о программе 📌 
-
Frontender's notes
Как кастомизировать стандартные страницы ошибок Данная статья описывает утилиту для генерации статических страниц ошибок, используемых в качестве замены стандартным страницам. В статье подробно описаны возможности утилиты, среди которых шаблонизация, стилизация, локализация, генерация сниппетов для настройки сервера. Проект является Open Source, и открыт для новых идей и запросов. Читать... -
Frontender's notes
Стрелочные функции и что о них стоит помнить Идея написать статью про стрелочные функции в 2023 году выглядит не самой очевидной, но я постараюсь объяснить свою мотивацию. Я разработчик, который пришел в профессию после того, как в JavaScript появились такие инструменты как классы, async/await, стрелочные функции и т.д.. В результате, я воспринимаю их как данность и не всегда понимаю, какой важный вклад они внесли в современный JS. И из-за этого непонимания в коде появляются ошибки, которых можно избежать, если оглянуться назад и изучить, какие проблемы эта технология была призвана решить в момент выхода. В этой статья я хочу разобраться: зачем появились стрелочные функции, чем они отличаются от обычных, и какие особенности содержат. Читать... 
-
Frontender's notes
Frontend-разработчики, Сбер приглашает вас познакомиться и пройти все этапы отбора в команду на One Day Offer, который состоится 5 марта ⚡️ Если вы уже больше двух лет занимаетесь коммерческой разработкой, знаете React и получили профильное образование — не упустите возможность стать частью команды и получить оффер всего за один день. 👉 Чем вы будете заниматься, если успешно пройдете техническое интервью? Поддерживать и развивать официальный сайт СберБанка — онлайн-витрину сервисов и продуктов банка, а также его экосистемы. Команда фронтенда в Сбере состоит из 100+ крутых специалистов топ-компаний мира и использует в своей работе автоматизированную инфраструктуру разработки в облаках и только самый современный стек: React, TypeScript, NodeJS, Webpack, PostCSS и др. Если вы хотите стать частью команды — переходите по ссылке, регистрируйтесь на One Day Offer и готовьтесь к собеседованию 😉 
-
Frontender's notes
Краткое описание баги от QA 
-
Реклама
-
Frontender's notes
Еще одна новая фича JS - structuredClone Приветствую товарищи фронты! Сегодня в статейке на хабре вычитал что JS наконец таки научился делать глубокое клонирование объектов. Способы были и раньше конечно но специального метода для этого не было. Это пример: const calendarEvent = {title: "Builder.io Conf",date: new Date(123),attendees: ["Steve"]}const copied = structuredClone(calendarEvent)Пишут что он умеет: 👉 Клонировать бесконечно вложенные объекты и массивы. 👉 Клонировать циклические ссылки. 👉 Клонировать широкий спектр типов JavaScript, таких как:Date,Set,Map,Error,RegExp,ArrayBuffer,Blob,File,ImageDataи многие другие. 👉 Передавать любые передаваемые объекты. На практике я пока его не применял но звучит как что-то интересное, да и судя по caniuse он работает во всех браузерах, кроме IE
-
Frontender's notes
Фронтендеры, ищете работу? Есть вариант! Принёс горячие вакансии от Alfa Digital — цифрового подразделения Альфа-Банка 🔥 Нужны: — Senior Frontend Developer — Python Developer Big Data — Java Developer — Tech Lead Frontend — IT Lead Подробнее узнать о них и отозваться можно в канале Alfa Digital, тут настоящий карьерный хаб для разработчиков и других IT-специалистов: интервью, рассказы о командах, кейсы, анонсы хакатонов и митапов, вакансии, карьерные советы и даже мемы. Стоит подписаться 🅰️ 
-
Frontender's notes
Алоха товарищи фронты настоящие и будущие! Отличные новости для тех, кто хотел бы влиться в разработку и ищет для этого хорошие варианты в Москве, Алматы или Белграде. Яндекс открывает набор в свои Летние школы в трех столицах по направлениям разработки интерфейсов, мобильной разработки (iOS, Android, Flutter), бэкенд-разработки (Python, Java, C++, Go) и в Школу для менеджеров; 👉 Обучение будет состоять из 2 частей: онлайн-лекции и практика в хабах Яндекса; 👉 Если успешно пройдете теоретический онлайн этап, но проживаете в другом городе, Яндекс оплатит дорогу и проживание. 👉 И самый смак: самые-самые успешные выпускники Летних школ Яндекса смогут получить оффер в штат компании или приглашение на стажировку. Что требуется от вас: 👉 Выбрать школу, ознакомиться с требованиями и отправить заявку; 👉 Успешно выполнить тестовое, которое будет опубликовано 15 марта. Обучение начнется летом. Удачи!