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

​​Алоха товарищи!  Хотите бесплатно выучиться на React разраба? Тогда чуть ниже для вас инфа. IT Mentor - проект, где ты можешь научиться React разработке бесплатно. Оплата обучения происходит только после того, как ты начнешь работать. Первая зарплата - от 150 000 рублей. Кратко о крутых плюшках: 👉 Ты получаешь гарантию трудоустройства, если не найдешь работу - ничего не должен. 👉 Изучишь крутой стек: основы HTML, CSS, JavaScript, TypeScript, React, Redux, GIT, Scrum, Jira 👉 И получишь карьерную поддержку от экспертов бессрочно: мастер-классы, митапы, консультации и тренинги. Кому подойдет: Курс подойдет как тем кто только начинает вариться в IT, так и тем кто уже имеет опыт junior-midde и хочет прокачать свои навыки Если ты планируешь начать учиться то это очень неплохой шанс! Вот ссылка на регистрацию, и удачи!

​​💪3D-слайдер на CSS Вы напишите слайдеры изображений на чистых HTML и СSS. Меняем только CSS, разметка в HTML остается неизменной. Внешний вид из-за разного CSS при этом разительно различается, а в слайдеры можно вставить неограниченное число картинок. Читать...

JWT (JSON Web Token) Алоха товарищи фронты! Недавно решил пройти собес и меня спросили ковырялся ли я когда нибудь в JWT токенах и знаю ли я из чего он состоит. Ну и в общем я благополучно на этом вопросе посыпался, так как в целом знал что это но из чего состоит нет. Решил что этот пост будет для вас полезен, параллельно и сам закреплю эту тему. И так что это: это компактный и безопасный способ передачи информации между сторонами. Часто используется при реализации авторизации. Пример JWT-токена выглядит следующим образом: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c Этот токен состоит из трех частей, разделенных точками: 👉 заголовок токена, в котором указан алгоритм шифрования. 👉 полезная нагрузка токена, содержащая информацию о пользователе (идентификатор, имя и т.д.). 👉 подпись токена, создаваемая с использованием секретного ключа.

​​5 Tech проводит онлайн-митап по фронтенду - X5 Frontend Meetup #2 В программе: React Native, аксессибилити и возможности 11ty для создания статических сайтов, встроенные возможности GitHub, MVP версии мобильных приложений, законодательные меры в области внедрения и др. На митапе выступят Никита Дубко (подкаст «Веб-стандарты»), Андрей Поляков (торговая сеть «Чижик») и Лена Райан (X5 Tech) Дата - 12 апреля Формат - онлайн, начало в 18:00 Регистрация по ссылке

Батчинг - новая фича в React 18 Алоха товарищи фронты, наверное не все знают что в новой версии реакта появилась такая крутая штука как batching. Она объединяет несколько обновлений состояния компонента в одно перед его применением. Это снижает затраты на рендеринг и оптимизирует производительность. Пример: одно состояние изменено с помощью двух вызовов setState(), но рендеринг произойдет только один раз. handleClick() { this.setState({ count: this.state.count + 1 }); this.setState({ name: 'John' }); } В общем теперь вы знаете о ней. Удачи в экспериментах!

​​🧠Улучшаем производительность сайта с помощью CSS В статье автор расскажет о том, как можно улучшить производительность сайта с помощью обычных CSS свойств и на что стоит обращать внимание.  Читать...

​​💻Основы веба, которые должен знать начинающий разработчик В этом посте автор объяснит, как работает Интернет. Ответит на вопросы наподобие «Как браузер находит файл HTML для запрошенной веб-страницы?», «Как файл HTML превращается в интерфейс пользователя?», «Что можно сделать, чтобы ускорить этот процесс?», «Как устанавливается и поддерживается связь с сервером?» Читать...

​​Планируете начать настраивать среды разработки с Vite.js?   🚀Приходите 30 марта в 20:00 на урок, который пройдет в рамках онлайн-курса «Vue.js разработчик».  Vite отлично подходит для сложных проектов, где требуется взаимодействие с сервером. В отличие от других инструментов, он легко встраивается через терминал и может быстро разворачиваться. Приглашаем всех желающих на открытый урок, на котором рассмотрим миграцию на Vite с Vue CLI, а также его преимущества: - Мгновенное время запуска сервера разработки - Горячая замена модулей из коробки - Простая конфигурация - Поддержка модулей ES из коробки 👉🏻 Чтобы записаться на урок, пройдите вступительное тестирование https://otus.pw/DFq7/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

​​📝Оптимизируем изображения в HTML Автор научит вам оптимизировать изображения в HTML. Расскажет почему использовать background-image в CSS — не лучшая идея. Читать...

​​🤔Понять комбинаторные селекторы и селекторы потомков в CSS Автор подробно разбирает тему комбинаторных селекторов и селекторов потомков в CSS. Читать...

​​👨‍💻Angular — API композиции директив В этой статье разберетесь с новинкой из Angular 15 - API композиции директив (Directive composition API). Читать...

​​🚀Как мы выбирали технологию для фронтенда и что из этого вышло В статье автор расскажет, как они в Mango подошли к выбору единой технологии для фронтенда, с какими трудностями столкнулись и что в конце концов из этого вышло. Окончательный выбор пал на Angular. Читать...

​​Почему мы всё время начинаем и бросаем учить английский? Одна из причин — мы не знаем свой уровень языка. В итоге берёмся за контент, который нам не по силам. Например, сериал «Друзья» часто советуют смотреть тем, кто начинает учить язык, но в нём полно юмора, который начинающие пока понять не могут.  В итоге разрыв знаний удручает и мотивация снова падает. Если вы готовы дать английскому ещё один шанс, мы поможем поверить в свои силы и довести дело до конца. Приходите на бесплатную консультацию в Яндекс Практикум: - Проведём устный тест на уровень языка, - Покажем, чего реально добиться за полгода изучения, - Расскажем, как наши курсы помогут достичь цели.   Записаться

​​🤯Кастомная стратегия виртуального скроллинга для просмотра pdf Angular CDK имеет широкие возможности для скроллинга плоского списка. Если размер каждого элемента одинаков, то можно воспользоваться FixedSizeVirtualScrollStrategy: всего лишь нужно прокинуть размер элемента в пикселях, проитерироваться по данным и виртуальный скроллинг готов. Но что делать, если размер элементов разный? Данную проблему можно решить кастомной стратегией виртуального скроллинга. Читать...

​​🗂️Зачем идти в full-stack в 2023-м году? Это не очередной холивар о том, что лучше: узкая специализация или широкий профиль. Автор расскажет только об одной конкретной области – веб-разработке. Не о мобильных приложениях, машинном обучении, разработке игр или чем-то еще, а исключительно о веб-разработке Читать...

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

​​🚀Как стать джуном, которого берут на работу Что же на самом деле должен знать джун, чтобы попасть в компанию? И как к этому прийти, если за плечами нет высшего программистского образования или богатого опыта программирования в школе? Автор расскажет об этом и о том, как устроено техническое собеседование в нашей компании. Читать...

​​❔❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js?  ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!  ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/bc8u/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru