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

​​😎ContentChild, ViewChild, template reference variables В этой статье автор расскажет, почему в Angular принято писать декларативный код, и какие есть инструменты для работы с элементами шаблона. Читать...

​​Мечтали о космосе, а работаете в опенспейсе? Мы тоже… Но мечты же должны сбываться! Поэтому мы создали свои мультивселенные и решили провести там настоящие соревнования по спортивному хакингу IT’s Tinkoff CTF.  Путешественников ждут 30 порталов в новые измерения. Там предстоит пройти миссии, набрать максимальное количество баллов и, конечно, разгадать все пасхалки.  Задания будут интересны разработчикам, SRE- и QA-инженерам, аналитикам и другим ИТ-специалистам. А еще вы сможете потренироваться на тестовых заданиях и выбрать лигу по своим скиллам.  Лучшим командам — вселенский почет и денежные призы до 360 000 рублей! Покорять мультивселенные отправимся 15 и 16 июля. Участвовать можно онлайн и очно в 14 ИТ-хабах Тинькофф по всей России. Офлайн-участников ждут квизы, настолки, крутой мерч и нетворкинг с экспертами. 🚀Переходите на IT’s Tinkoff CTF, читайте подробности и регистрируйтесь! Да пребудут с вами силы мультивселенной капибары! (Упс… кажется, мы спалили первую пасхалку, Хьюстон) Ерид: LdtCKZmzw

​​😈Битва CLIs: почему мы отказались от Angular CLI в пользу Nx В этой статье автор расскажет, почему лучше использовать Nx для всех Angular-проектов, какие проблемы решает этот инструмент и чем он лучше Angular CLI. Читать...

​​😍Работа с формами в Angular — модуль работы с формами и обертки полей В этой статье автор покажет один из способов работы с формами в Angular-проектах, который упрощает создание новых форм и изолирует зависимость от внешней UI-библиотеки. Читать...

Хочешь во Frontend, но боишься, что после дорогих курсов не найдешь работу? Или что зарплата не оправдает ожиданий на начальном этапе? Kata Academy предлагает тебе поступить на курс, полностью отучиться, устроиться на работу и только после этого оплатить обучение. Да ещё и зарплату минимальную гарантируют 80к со старта. Если же ты не осилил курс и тебя отчислят — ничего платить не нужно. Не найдешь работу с зарплатой выше 80 тысяч? Тоже ничего не платишь. То есть Kata инвестирует в тебя, а на себя берет все риски по обучению. В чем подвох, спросишь ты? Ни в чем. Всё прозрачно: после твоего трудоустройства по специальности ты оплачиваешь обучение в размере 17% от зарплаты. Возврат инвестиций, так сказать.  Для поступления требуется: выполнить тестовое задание и быть готовым к переезду в Москву или Петербург после обучения. Интересно? Записывайся в текущий набор: https://clck.ru/34hZjB

​​🔥Способы создания авторизации на сайте. Руководство с примерами. Безопасность в браузере В этой статье автор расскажет, как защитить сайт от взлома, на сколько это сложно и возможно ли в принципе гарантировать 100% защиту, а также вы узнаете какие процессы происходят в момент когда пользователь нажимает на кнопку Sign In и Sign Up. Читать...

​​🤔Наблюдение за температурой: введение в холодные и горячие Observable в rxjs В этой статье автор расскажет, почему RxJS разработчик рано или поздно сталкивается с такими понятиями, как cold и hot observable, и почему потоки, использующие операторы мультикастинга, иногда называют теплыми потоками, а также вы узнаете чем горячий поток отличается от холодного, и можно ли холодный поток превратить в горячий. Читать...

​​⚡️Как сделать декларативный роутинг диалогов в Angular на примере Taiga UI В этой статье автор расскажет, почему на фронтенде нужно открывать модальные окна по определенному пути, и почему ангуляр не предоставляет такой возможности из коробки, а также вы узнаете почему нужно выбирать императивный подход, если не планируется переиспользовать такое решение в будущем. Читать...

​​Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно

​​🤔Разница между debounceTime и throttleTime В этой статье автор расскажет, почему оператор debounceTime не пропустит ни один эмит, к mergeMap, пока после предыдущего эмита не пройдёт то кол-во времени, которое указано в операторе, а также вы узнаете зачем нужно ограничить количество кликов по кнопке. Читать...

​​🤔Детокс для i18n В этой статье автор расскажет, почему для локализации сайтов требуются очень простые вещи, занимающие всего пару процентов от всего функционала тяжеловеса i18n, и как можно избавиться от i18next без потери функционала, а также вы узнаете как сделать проект Vue 3 с i18next. Читать...

​​Вы фронтендер и ещё не слышали об Astro?    Это фреймворк, который стремительно набирает популярность и конкурирует с популярным NextJS. Он ориентирован на производительность сайта, а ещё с ним можно использовать любую библиотеку: React, Vue, Angular и другие.   Дмитрий Безуглый (8+ лет опыта в Яндекс, VK и Frogly) решил разобраться, чем же так хорош Astro, поэтому ничего не планируйте на 8 июня — будем строить приложение в прямом эфире!    Поговорим об основных концепциях фреймворка, его архитектурных паттернах и подходах, которые позволяют достичь такой оптимизации.    Встречаемся 8 июня в 19:00 (GMT+3) Не забудьте зарегистрироваться!

Анонсируем дни любви к фронтенду 💛 С 10 по 17 июня в пятый раз пройдет наша большая конференция «Я 💛 Фронтенд» 2023, где мы обсудим новости веба и дизайна, поделимся опытом и посмотрим на хороший код. Всю неделю вас ожидают онлайн-доклады, трансляции и воркшопы, а закончится всё большой офлайн-встречей сразу в нескольких локациях: в Москве и Ереване. Принять участие в ней можно будет и в онлайн-формате. Кроме докладов, по традиции мы проводим CTF (Capture the Flag) — игровой фронтендерский турнир из нескольких заданий, который начнётся уже 10 июня. Смотрите, как это было в прошлом году. Полную программу «Я 💛 Фронтенд» можно посмотреть на лендинге. Регистрируйтесь до 7 июня, чтобы попасть в офлайн и быть в курсе всех активностей. А ещё приходите в наш чат — там будет много полезного.

​​🧑🏼‍💻10 игр для изучения JavaScript В этой статье автор расскажет, про десять фантастических игр, с помощью которых вы можете изучать JavaScript, а также вы узнаете как можно изучать язык, играя в игры. Читать...

👨‍💻 Упрощаем клиенту ввод адреса на сайте или в приложении В этом поможет Геосаджест — новый сервис API Яндекс Карт. С помощью него можно облегчить пользователям заполнение своих данных — Геосаджест подскажет адрес или организацию при вводе. Так получается избежать ошибок в названиях улиц или городов. Более удобный ввод адреса при заказе работает на улучшение UX. Плюс повышаются шансы, что клиент завершит заказ, а значит повысится и конверсия в покупки. Геосаджест пригодится всем компаниям, где заполняют документы и заявки онлайн: интернет-магазины, службы доставки, банки, колл-центры. Получить ключ можно по ссылке.

​​🧑🏼‍💻Автоответчик на запросы доступа к файлам в гугл почте В этой статье автор расскажет, как создать скрипт, который будет рассылать авто ответы на запросы доступа к файлам, и как скрипт может проверять наличие новых непрочитанных писем, а также вы узнаете как он может заполнять электронное письмо с автоматическим ответом деталями, характерными для каждого запроса. Читать...

​​Начните путь в фулстек-разработку. Освойте навыки фронтенд- и бэкенд-разработчика на одном курсе — с Яндекс Практикумом. После курса выпускники смогут разрабатывать веб-приложения целиком: фронтенд и бэкенд. За 18 месяцев вы научитесь создавать интерфейс, и настраивать то, что «под капотом» — механику действий, хранение данных и так далее. А это в два раза больше карьерных возможностей, чем у фронтендеров и бэкендеров. Обучение подходит для новичков, которые ещё не пробовали писать код, — мы поможем понять принципы программирования в первых модулях.  Вот что будет на курсе ◾️ Программа 2023 года и самые актуальные технологии. ◾️ HTML, CSS, JavaScript, TypeScript, React, Node.js, Docker и алгоритмы. ◾️ Лайвкодинг, реальные проекты для НКО и бизнеса в добавок к учебным. ◾️ Карьерная поддержка: резюме, портфолио, собеседования. → Попробуйте курс бесплатно Реклама АНО ДПО "Образовательные технологии Яндекса», ИНН:7704282033, erid: LjN8KNBCa.

​​😈Архитектура front-end приложений — react, react native, angular В этой статье автор расскажет, какими свойствами должна обладать хорошая архитектура, и почему проект делится на компоненты, за исключением компонентов, которые имеют связь с Redux, а также вы узнаете почему структура и правила не должны зависеть от бизнес логики проекта, его тематики. Читать...