Всем привет!

Выпустила видео, в котором мы разбираем последний тип XSS - атаки на основе DOM.

Узнаем, как работают фрагменты URI и почему они опасны для приложения. Рассмотрим практики защиты - экранирование динамического контента и использование библиотеки node-esapi. Также поговорим о тестировании на XSS уязвимости.

Жду ваши комментарии и репосты, если найдете видео полезным ❤️

Серия книг "Вы не знаете JS" в вашу библиотеку

Далеко не все разработчики по-настоящему глубоко знают JavaScript. Отличным способом восполнить этот пробел станет изучение серии книг "Вы не знаете JS" от Кайла Симпсона. Это 6 книг, каждая из которых охватывает определенную область JavaScript.

Книга 1: "Начните и Севершенствуйтесь"
Введение в JavaScript, основные концепции и синтаксис. Отличная начальная точка для новичков.

Книга 2: "Область видимости и замыкания"
Вторая книга посвящена важным концепциям области видимости и замыканий в JavaScript. Это ключ к пониманию того, как организовано хранение и доступ к переменным и функциям.

Книга 3: "this и прототипы объектов"
Третья книга объясняет работу контекста this и прототипного наследования объектов в JavaScript. Понимание этих тем критически важно для профессионального JS разработчика.

Книга 4: "Типы и синтаксис"
Эта книга рассказывает о разных типах данных в JavaScript и особенностях его синтаксиса. Отличный справочник по языку.

Книга 5: "Асинхронность и производительность"
Охватывает сложную тему асинхронного JS кода - колбеки, промисы, асинхронные циклы и т.д. Обязательно к прочтению.

Книга 6: "ES6 и за его пределами"
Последняя книга рассказывает о нововведениях стандарта ES6 и других современных возможностях JavaScript.

Как видите, эта серия охватывает практически все ключевые аспекты JavaScript. Прочитав ее, вы гарантированно выведете свои знания JS на качественно новый уровень. Рекомендую!

Ставьте 🔥, если читали что-то из этой серии книг!

P.s. буду рада, если поделитесь подборкой со знакомыми, которым может быть это интересно ❤️

Хотите сделать canvas в Three.js, который будет растягиваться на весь экран?

В этом уроке я покажу как настроить резиновый canvas, который автоматически подстраивается под размер окна пользователя.

Вы узнаете как правильно задавать ширину и высоту canvas, следить за событием resize, обновлять настройки камеры и рендерера. Разберем как ограничить соотношение пикселей, чтобы избежать падения FPS. И научимся переключать полноэкранный режим.

Полезное видео для разработки адаптивной Three.js сцены под любые размеры экрана.

Смотри и перестань мучиться с фиксированным canvas ❤️

☕️ На кофейное топливо, для создания следующих крутых уроков)

Привет, всем!

Работа с датами в JS часто вызывает головную боль?

Я знаю решение, которое сделает вашу жизнь проще!
В этом посте я расскажу про библиотеку Moment.js - удобный инструмент для форматирования, парсинга и манипуляции датами в JavaScript.

P.s. Вроде я как-то кидала ее в подборках, но она мне упрощает жизнь часто, так что пишу отдельный постик

Вы узнаете:
- Как установить и подключить Moment.js
- Как форматировать даты
- Как выполнять операции с датами
- Как валидировать даты

Привет всем!

На этой неделе выйдет урок по Three.js, посвященный различным геометриям, которые существуют в библиотеке, ну а дальше будет видео направленное на оттачивание знаний на практике.

Думала, что бы такого сделать, чтобы затронуть то, что мы прошли и не сильно использовать еще не освоенные знания, решила, что проект в котором будет работа с группами, геометриями, и плавныйми анимационными переходами должна быть как раз кстати ❤️

Приложу небольшую превьюшку, ставь 🔥 если нравится идея для небольшого проекта!

Хотите быстро разобраться со всеми геометриями в Three.js?

Тогда это видео для вас! За 20 минут мы пройдем все основные классы геометрий - BoxGeometry, CircleGeometry, ConeGeometry, CylinderGeometry, SphereGeometry, TorusGeometry и многие другие.

Разберем как создавать базовые фигуры, а также более сложные объекты вроде торов, сфер и многогранников. И я покажу как строить свои собственные геометрии с помощью BufferGeometry.

Обязательно посмотри это видео, если хочешь быстро разобраться со всеми вариантами геометрий в Three.js ❤️


☕️ На кофейное топливо

Callback функции - неотъемлемая часть React приложений. Но их частые вызовы могут негативно сказаться на производительности.

К счастью, есть простой способ оптимизировать callback вызовы с помощью debounce. Эта техника позволяет сократить количество вызовов функции, выполняя её не чаще чем раз в заданный промежуток времени.

В статье я решила рассказать, что такое debounce, как его применить в React с помощью библиотеки lodash (не кидайтесь камнями тут, это вполне оправдано, если в проекте используется много функциональности из этой библиотеки) и как написать собственный кастомный хук с debounce логикой (если нет желания тянуть lodash).

Прочитав, вы научитесь оптимизировать вызовы callback и улучшить производительность своего React приложения.

☕️ На кофейное топливо

Привет всем 👋

Спасибо всем, кто поддержал мой блог и, думаю, особенно курс по Three.js - вы просто космос!

Очень приятно, что вам нравится мой контент и вы готовы помочь его развитию. Любые донаты, даже небольшое, позволяют компенсировать расходы на поддержание блога и создание нового контента.

Если вы еще не успели поддержать проект - это отличный способ помочь его развитию. Вместе мы сделаем этот ресурс еще более полезным для всех нас.

Спасибо за поддержку, друзья! Вы огонь! 🔥

Вновь книжная подборка, сегодня хочу рассказать про книгу "Грокаем Алгоритмы"

Для современного программиста знание базовых алгоритмов и структур данных просто необходимо. Одной из лучших книг, чтобы в простой и доступной форме изучить эти важные темы, является "Грокаем Алгоритмы" от Адитья Бхаргава.

Вот почему эта книга так хороша:

1. Простой и понятный язык.
Автор объясняет сложные алгоритмы, используя простые аналогии из повседневной жизни.

2. Визуальный подход.
Множество иллюстраций и диаграмм наглядно демонстрируют работу каждого алгоритма.

3. Примеры на Python и JavaScript.
Вся теория подкреплена рабочим кодом.

4. Охват основных тем.
Сортировки, поиск, графы, динамическое программирование и другие важные алгоритмы.

5. Практический подход.
Применение алгоритмов для решения реальных задач.

Книга отлично подойдет и новичкам, и опытным разработчикам. Рекомендую!

Ставьте 🔥, если уже читали!

P.s. буду рада, если поделитесь подборкой со знакомыми, которым может быть это интересно ❤️

Привет всем!

Помните, я закидывала превью нашего следующего проекта для пактики пройденной теории по three.js? 😏

На том посте было много огонечков, так что переходите и смотрите новое видео, в нем я покажу как создать интерактивную сетку из геометрий. Из нового (того, чего нет в курсе) расскажу как отслеживать клики на геометрии с помощью Raycaster, а так же покажу как применять анимации из библиотеки Tween для плавных движений.

Полезный урок для закрепления навыков three.js на практике!

☕️ На кофейное топливо

​​Время пополнять нашу библиотеку 📚

Хочу поделиться с вами почему стоит прочитать книгу "Чистый код".

Эта книга - настоящая классика о том, как писать хороший код. В ней собраны практические советы от известного программиста Роберта Мартина.

Основные темы:
- Делаем код понятным для других разработчиков
- Принципы именования переменных и функций
- Обработка ошибок
- Рефакторинг без изменения функционала
- Структурирование кода и классов
- Написание хороших тестов

Эта книга не зависит от конкретных языков программирования. В ней - универсальные советы, которые помогут сделать ваш код чище и лучше.

Книга обязательна к прочтению для всех, кто хочет повысить качество своего кода. Очень рекомендую!

☕️ На кофейное топливо

#книги

Привет всем!

Немного торможу с выпуском новых видео ввиду начала подготовки к докладу на HolyJS, поэтому давайте выберем, что вы хотели бы увидеть больше на этой неделе, накидайте реакций;

Часть про безопасность -> 👾

Следующую серию по three.js -> 🦄

P.s. Доклад будет связан с three.js, пока на этапе подготовки, но уже есть доступ к выступлению от комитета конференции)

Хотите сделать отладку приложений на Three.js удобнее?

Тогда смотрите новое видео по Three.js! В нем я покажу как добавить счетчик FPS, создать интерфейс с настройками при помощи dat.gui, группировать параметры в папки и многое другое.

Вы научитесь делать слайдеры, чекбоксы, цвета, для управления свойствами объектов и материалов.

Обязательно посмотри это видео, если хочешь улучшить процесс разработки и отладки в своих проектах!

☕️ На кофейное топливо

Всем привет!

Ко мне уже несколько раз и в лс приходили и в комментах писали, поэтому думаю, что пора впихнуть небольшой проект вне нашего курса по three.js, для нетерпеливых, которые хотят быстро научиться добавлять модели к себе в проект...

Но просто добавлять модель - достаточно скучно, поэтому думаю быстро показать как:
- Добавить простую модель
- Добавить составную модель
- Заставить ожить анимацию, накинутую на модели

Как вам план с таким проектом, интересно?

Если да, то жду комменты и огонечки под постом 😏

​​Время пополнять библиотеку для новичков 📚

Хочу поделиться с вами почему стоит прочитать книгу "JavaScript на примерах".

Эта книга отлично подойдёт тем, кто хочет изучить JavaScript "в действии" - на практических примерах и задачах.

В книге вы не найдёте сухой теории и описаний синтаксиса. Вместо этого - множество примеров кода, которые наглядно демонстрируют возможности JavaScript:

- Работа с переменными и типами данных
- Условия, циклы, функции
- Массивы, объекты, классы
- DOM, события, AJAX
- Анимация, визуализация данных
- Работа с формами и валидация
- Тестирование и отладка

Книга отлично подходит для новичков, которые хотят сразу начать программировать на JavaScript, а не изучать сухую теорию.

Рекомендую к изучению всем, кто пока что плавает в основах!

☕️ На кофейное топливо

#книги

Привет всем!

Много кто просил, поэтому всем, кто хочет научиться быстро импортировать и анимировать 3D модели в приложение three.js советую посмотреть мое новое видео, всего 12 минут и этот навык ваш 😏

Всем хорошего дня и прекрасного кода, жду ваши лайки и комментарии ❤️

☕️ На кофейное топливо

Привет всем!

Недавно WebDevSandbox прошел достаточно важный майлстоун, а именно нас уже больше 1к на YouTube, спасибо вам за это 🔥

Именно поэтому я хотела бы устроить живой созвон со всеми, кому интересны дальнейшие планы проекта, да и просто поболтать (мне это важно, чтобы лучше узнать свою аудиторию).

Скажи, хочешь / не хочешь, когда сможешь? 😏