JavaScript заметки

Использование геттеров и сеттеров В этом примере класс Person использует геттер и сеттер для получения и установки полного имени. #классы

Что нового в Chrome 117 Три новые функции CSS позволяют легко добавлять плавные анимации появления и исчезновения. Вычисление наборов данных более высокого порядка с помощью группировки массивов. DevTools упрощает процесс локальных переопределений. И многое другое. Я Адриана Джара. Давайте узнаем, что нового ждет разработчиков в Chrome 117. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Статические методы Статические методы класса могут вызываться непосредственно на самом классе, без создания экземпляра. В этом примере класс MathUtils содержит статические методы для сложения и вычитания чисел. #классы

Скрытие POI за зданиями C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Ты фронтендщик или фронтендер? Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: отборные статьи на актуальные темы, популярные библиотеки для работы. Ждём тебя: @mood_frontend

Геттеры и сеттеры В этом примере класс Rectangle имеет геттер area, который вычисляет площадь, и сеттер width, который позволяет изменять ширину, но только если новое значение положительное. #классы

Утечки памяти в SSR Меня зовут Владимир Захаров, я расскажу про утечки памяти в SSR. На самом деле, утечки могут случиться в JavaScript везде – и на сервер-сайде, и на клиенте, поэтому информация будет полезна даже тем, у кого пока нет SSR. Давайте чуть подробнее познакомимся. Я ведущий фронтэнд-разработчик, около 8 лет в отрасли. В Зарплате.ру больше не работаю, но основной опыт, о котором хочу рассказать, получен именно там. Я люблю плавающие баги, разговоры о техдолге и шутки про ненастоящих программистов. Поговорим про утечки памяти в SSR, про работу с памятью и про то, как всё это выглядит в браузере и в nodejs. Ну, и естественно, как со всем этим жить. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Самое тупое во Фронтенде – это искать макеты В сети полно актуальных источников. И один из них – канал Макеты для верстки. Если хотите иметь крутое портфолио, обязательно подпишитесь

Наследование классов Здесь класс Bird наследует свойства и методы от класса Animal, используя ключевое слово extends. Мы также используем метод super() для вызова конструктора родительского класса. #классы

Создание кольцевой диаграммы на JavaScript Предлагаем пошаговое руководство по созданию и настройке на JavaScript интерактивной кольцевой диаграммы. Следуя ему, вы приобретете навыки и знания, которые позволят создавать персонализированные кольцевые диаграммы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Как легко прокачать навыки верстки и найти работу? Присоединяйся к каналам опытного верстальщика: 2. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

Измерение размеров объектов на фотографии Несколько дней назад, чтобы доказать что в интернете кто‑то не прав, мне пришлось «считать пиксели», чтобы оценить соотношение размеров двух предметов на фото. Тогда еще я не сообразил сразу, что можно было просто загуглить что‑нибудь вроде «Pixel ruler» и получить размер предметов в пикселях, из которого легко можно получить соотношение. Я же взял подручный MS Paint, вырезал один предмет и уместил его несколько раз внутри другого предмета, сразу узнав во сколько раз один больше другого. Но мне вдруг стало интересно немного автоматизировать этот процесс и решил сделать пиксельную рулетку сам, такую что вводишь заранее уже известный тебе размер некоторого объекта, указываешь его на фото в виде линии, и потом уже другие линии автоматом пересчитываются по отношению к этому размеру. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Практикум поможет вам преодолеть сомнения и сделать первый шаг к старту вашей IT-карьеры. На бесплатном курсе «Старт в IT» мы вместе конструктивно обсудим все нюансы популярной сферы, чтобы к концу обучения вы поняли, подходит ли она вам.  Кому подойдёт курс:  Сомневающимся На курсе мы разберём главные мифы и предрассудки, связанные с IT, чтобы развеять их языком фактов.  Интересующимся Авторы курса проанализировали рынок и готовы рассказать о новых требованиях к начинающим специалистам, об IT-профессиях и перспективах. Мечтающим  Практикум не только поможет превратить мечту в цель, но и составит выверенный маршрут прямиком к новой профессии.  Ищущим В IT есть много профессий, где вы сможете найти свое место, даже если не умеете писать код. Авторы рассказывают, а вы выбираете. Запишитесь на бесплатный курс «Старт в IT», чтобы сделать шаг вперед к новой профессии и комфортной жизни.  → Пройти бесплатный курс

Создание класса и экземпляра В этом примере мы создаем класс Animal, который имеет конструктор для инициализации свойства name и метод speak(). Затем мы создаем экземпляр класса dog и вызываем его метод speak(). #классы

Ликбез по распространенным Client-Side уязвимостям В этой статье мы покажем: как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript. как скомпрометировать администратора сайта, отправив ему личное сообщение; как атаковать разом всех пользователей при помощи комментария под статьей; как заставить пользователя отправить запрос на действия, которые он не собирается выполнять; как прослушивать WebSocket-соединения; #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Классы в ECMAScript 6 Введение классов упрощает создание объектов с прототипами #прототипы

Повышаем продуктивность разработки: магия общей ESLint конфигурации Статья будет полезна разработчикам: которые хотят унифицировать подход к форматированию кода в разных проектах; ищут проверенное решение для стандартизации кодовой базы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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