​​Вопросы с собеседований: объясните, как this работает в JavaScript

Использование this гарантирует, что функция работает именно с тем объектом, в контексте которого вызвана, если это не стрелочная функция. У стрелочных функций контекст this определяется в момент создания функции.

Значение this называется контекстом вызова и будет определено в момент вызова функции. Значением this является объект перед точкой, в контексте которого вызван метод.

#основы #собеседование #javascript

​​Реализуем генератор паролей на сайте

Чтобы точно быть уверенным в том, что пользователь не будет устанавливать простой для перебора пароль и ставить свой аккаунт под угрозу взлома, нужно упростить создание такого пароля.И вот один из неплохих проектов.

Random Password Generator — вкладка генератора паролей, созданная с помощью CSS и JavaScript. Исходники: https://codepen.io/dev_loop/pen/vYYxvbz

#codepen

​​разработчик выпустил утилиту, которая уродует код

Она называется Shittier — в противовес утилите Prettier.

Shittier форматирует код так, что он становится почти нечитаемым, но при этом остаётся рабочим. Утилита добавляет пробелы, табы и разрывы строк в структуру кода JS, меняет регистр букв.

Разработчик, конечно, добавил дисклеймер, что утилита сделана веселья ради и забавы для, лучше не использовать её на продакшн-коде.

Но вообще, так и любой джун может...

​​5 новых функций CSS, которые вы обязаны знать в 2024 году

Рассказали о 5 новых функциях в CSS: о cелекторе :has(), запросах к контейнерам, вложенности CSS, text-wrap:balance и :focus-visible: https://tproger.ru/articles/5-novyh-funkcij-css--kotorye-vy-obyazany-znat-v-2024-godu

#css #тренды

​​...после того, как узнала, что в Tinder с ней общался не настоящий парень, а СhatGPT

​​Уверены, что знаете CSS Flexbox достаточно хорошо?

CSS Flexbox — это инструмент для создания гибких и адаптивных макетов в веб-разработке. Он позволяет расположить элементы в контейнере так, чтобы они могли гибко реагировать на размер экрана или окна браузера.

Сделали тест, в котором можете проверить, насколько хорошо вы понимаете концепции и свойства Flexbox, которые делают его таким мощным инструментом: https://tproger.ru/articles/css-flexbox-test

#css

​​Angular 17: что нового?

Разбор обновлений Angular 17, в котором рассказали о новых фичах фреймворка и изменениях в синтаксисе и рендеринге: https://tproger.ru/articles/angular-17--chto-novogo

#angular

​​Тренды и новинки в мире CSS и веб-дизайна

Нейросети, no-code, потребность в «пересборке» взаимодействия веб-дизайнеров с заказчиками и другие технологические и организационные факторы обозначили себя в 2023 и продолжат оказывать влияние на отрасль в наступившем году.

Чтобы быть в тренде, сохраняйте себе статью, в которой рассказали о трендах в CSS и веб-дизайне в 2024 году. Статья поможет разобраться в том, что нужно знать, какие скиллы имеет смысл качать и какие инструменты использовать: https://tproger.ru/articles/trendy-i-novinki-v-mire-css-i-veb-dizajna

#дизайн #тренды

​Фронтендеры: Это ошибки бэкенда.

Бэкендеры: На нашей стороне нет ошибок, ищите у себя.

Тем временем где-то в серверной:

Создаём генератор персонажа

Этот codepen-проект Kodama Generator показывает необычную стороны возможностей CSS и JavaScript для создания персонажей с рандомизацией некоторых деталей.

Исходники: https://codepen.io/pavlovsk/pen/rNYwKeo

#codepen

​​Оператор cache: в поиске Google перестанет работать в ближайшее время

Оператор cache: нужен, чтобы найти кэшированную версию страницы, генерируемую Google, даже если не удаётся перейти на сайт.

Дэнни Салливан, представитель Google SearchLiaison, рассказал об удалении возможности просмотреть кэшированную версию страницы через добавление «cache:» к URL-адресу в поиске.

Как отмечает Салливан, оператор cache: — одна из старейших функций Google, необходимая, чтобы пользователи не теряли доступ к данным, когда сайт недоступен. Сейчас таких ситуаций практически не происходит, поэтому было решено от функции отказаться.

Салливан надеется, что в будущем Google договорится с Internet Archive об интеграции ссылок на копии сайтов из The Wayback Machine в раздел «Об этом результате». А пока будет так.

#интернет #google

​​Как научиться анимациям в CSS за 20 минут?

В CSS существует два способа создания анимаций: переходы (transitions) и анимации (animations). В статье рассказываем, на что способен каждый из них: https://tproger.ru/articles/kak-nauchitsya-animaciyam-v-css-za-2-minut

#css

​​Жаль этого добряка...