Собираетесь ли вы развиваться и заниматься программированием на новогодних праздниках? Что именно будете делать?
Anonymous Poll
30%
Попробую освоить новые инструменты и подходы к разработке
0%
Приму участие в хакатонах
4%
Посмотрю фильмы и сериалы про IT
33%
Поработаю над собственными проектами — добавлю новую функциональность
32%
Почитаю книги и статьи по программированию — расширю кругозор
48%
Просто отдохну и наберусь сил
2%
Свой вариант (напишу в комментариях)
🤩 Шпаргалка по Puppeteer: на заметку разработчику Node.js
Puppeteer — библиотека Node.js, разработанная Google для управления headless Chrome/Chromium через протокол DevTools.
Она позволяет автоматизировать тестирование UI, парсинг, тестирование скриншотов и многое другое.
📌 Читать
Puppeteer — библиотека Node.js, разработанная Google для управления headless Chrome/Chromium через протокол DevTools.
Она позволяет автоматизировать тестирование UI, парсинг, тестирование скриншотов и многое другое.
📌 Читать
Вы узнаете про конкретные техники атак, которые не ограничиваются простой вставкой тегов, а также про атаки с использованием XS-Leaks. Это вид атак, нацеленных на встроенные побочные каналы веб-платформы, которая позволяет злоумышленнику обходить same-origin policy в веб-браузерах.
Please open Telegram to view this post
VIEW IN TELEGRAM
🧰 Что нового в DevTools Chrome 120: подборка ключевых улучшений для фронтендера
1. Инструмент анализа Privacy Sandbox для понимания использования файлов cookie на сайтах и следования рекомендациям по новым API Chrome, обеспечивающим конфиденциальность.
2. Улучшенный список игнорирования: по умолчанию скрипты из
3. Изменения в source maps: поле
4. Новый переключатель режима ввода при удаленной отладке: теперь можно переключаться между сенсорным вводом и вводом с помощью мыши при удаленной отладке вкладки Chrome.
5. Панель "Elements" теперь показывает URL для узлов
6. Эффективная политика безопасности содержимого в панели "Application": теперь можно просматривать детали политики безопасности содержимого (CSP) для проверяемого фрейма.
7. Улучшенная отладка анимаций: во вкладке "Animations" теперь можно кликать в любом месте заголовка временной шкалы, чтобы установить указатель воспроизведения.
8. Диалоговое окно "Доверяете ли вы этому коду?" в "Sources" и предупреждение о self-XSS в "Console": это помогает предотвратить атаки self-XSS, когда пользователь вставляет вредоносный код в DevTools.
9. Точки останова обработчиков событий в web workers и worklets: Отладчик теперь также останавливает выполнение при соответствующих событиях в web workers и worklets.
10. Новый значок медиа для элементов
11. Переименование "Preloading" в "Speculative loading": это отражает поведение более точно.
1. Инструмент анализа Privacy Sandbox для понимания использования файлов cookie на сайтах и следования рекомендациям по новым API Chrome, обеспечивающим конфиденциальность.
2. Улучшенный список игнорирования: по умолчанию скрипты из
/node_modules/ и /bower_components/ теперь игнорируются в отладчике. Также улучшена обработка исключений, позволяя останавливать выполнение кода при перехвате исключений.3. Изменения в source maps: поле
ignoreList теперь используется вместо x_google_ignoreList.4. Новый переключатель режима ввода при удаленной отладке: теперь можно переключаться между сенсорным вводом и вводом с помощью мыши при удаленной отладке вкладки Chrome.
5. Панель "Elements" теперь показывает URL для узлов
#document: это упрощает отладку фреймов.6. Эффективная политика безопасности содержимого в панели "Application": теперь можно просматривать детали политики безопасности содержимого (CSP) для проверяемого фрейма.
7. Улучшенная отладка анимаций: во вкладке "Animations" теперь можно кликать в любом месте заголовка временной шкалы, чтобы установить указатель воспроизведения.
8. Диалоговое окно "Доверяете ли вы этому коду?" в "Sources" и предупреждение о self-XSS в "Console": это помогает предотвратить атаки self-XSS, когда пользователь вставляет вредоносный код в DevTools.
9. Точки останова обработчиков событий в web workers и worklets: Отладчик теперь также останавливает выполнение при соответствующих событиях в web workers и worklets.
10. Новый значок медиа для элементов
<audio> и <video>: при клике на значок открывается панель "Media" для отладки этих элементов.11. Переименование "Preloading" в "Speculative loading": это отражает поведение более точно.
Angular v17 содержит новый встроенный поток управления для
Благодаря отзывам сообщества в процессе RFC команда Angular остановились на синтаксисе
Поток управления улучшает эргономику, поэтому вам не нужно импортировать директивы в автономные компоненты.
Ставьте 👍, если нравятся такие краткие заметки.
#angular
if, switch и for.Благодаря отзывам сообщества в процессе RFC команда Angular остановились на синтаксисе
@.Поток управления улучшает эргономику, поэтому вам не нужно импортировать директивы в автономные компоненты.
Ставьте 👍, если нравятся такие краткие заметки.
#angular
Please open Telegram to view this post
VIEW IN TELEGRAM
Frontend Roadmap.pdf
1.9 MB
🗺 Roadmap по современному фронтенду от KTS
Федор Биличенко, фронтенд-тимлид в KTS, делится своим взглядом на развитие фронтенд-разработчика.
Статья подойдет как для начинающих специалистов, так и для более опытных, которые хотели бы получить какой-то ориентир для дальнейшего развития.
Федор Биличенко, фронтенд-тимлид в KTS, делится своим взглядом на развитие фронтенд-разработчика.
Статья подойдет как для начинающих специалистов, так и для более опытных, которые хотели бы получить какой-то ориентир для дальнейшего развития.
1. Визуализация снэпшотов кучи JavaScript: новая версия включает возможность визуализации снэпшотов кучи V8, сохраняемых в формате
.heapsnapshot. Это позволяет лучше анализировать производительность и утечки памяти, предоставляя как традиционное табличное представление, так и графическое представление связей между объектами в памяти.2. Переход к определению из подсказок TypeScript: позволяет быстро переходить к определению элементов кода прямо из всплывающих подсказок в TypeScript, что ускоряет навигацию и повышает эффективность работы с кодом.
3. Поддержка TypeScript 5.3
#новости #devtool
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Самые полезные каналы для программистов в одной подборке!
Сохраняйте себе, чтобы не потерять 💾
🔥Для всех
Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
#️⃣C#
Библиотека шарписта
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel
☁️DevOps
Библиотека devops’а
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
🐘PHP
Библиотека пхпшника
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты
🐍Python
Библиотека питониста
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты
☕Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков
👾Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту
🦫Go
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go
🧠C++
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++
💻Другие профильные каналы
Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
💼Каналы с вакансиями
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈
🤖Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT
Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *
* Организация Meta запрещена на территории РФ
Сохраняйте себе, чтобы не потерять 💾
🔥Для всех
Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
#️⃣C#
Библиотека шарписта
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel
☁️DevOps
Библиотека devops’а
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
🐘PHP
Библиотека пхпшника
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты
🐍Python
Библиотека питониста
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты
☕Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков
👾Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту
🦫Go
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go
🧠C++
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++
💻Другие профильные каналы
Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
💼Каналы с вакансиями
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈
🤖Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT
Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *
* Организация Meta запрещена на территории РФ
• V8 — высокопроизводительный движок JavaScript и WebAssembly от Google, используемый в Chrome и Node.js
• SpiderMonkey — движок JavaScript и WebAssembly от Mozilla, используемый в Firefox и других проектах
• JavaScriptCore — фреймворк от Apple для выполнения программ JavaScript в приложениях на Swift, Objective-C и C
• ChakraCore — движок JavaScript с API C для добавления поддержки JavaScript в любой проект на C или C++
• QuickJS — легковесный и встраиваемый движок JavaScript, поддерживающий спецификацию ES2020
• txiki.js — небольшой и мощный JavaScript runtime, использующий QuickJS-ng и libuv
• Bun — все-в-одном инструментарий для JavaScript и TypeScript приложений, основанный на JavaScriptCore
• Node.js — открытый, кроссплатформенный JavaScript runtime environment
• Deno — современный JavaScript runtime с поддержкой TypeScript и JSX
• engine262 — реализация ECMA-262 на JavaScript
• graaljs — JavaScript движок, оптимизированный для React Native
• Hermes — движок JavaScript, оптимизированный для React Native
• Duktape — встраиваемый JavaScript движок с акцентом на портативность и компактность
• MuJS — легковесный интерпретатор JavaScript, предназначенный для встраивания в другое ПО
• nashorn — открытая реализация спецификации ECMAScript Edition 5.1, написанная на Java
• tiny-js — очень простой (~2000 строк) интерпретатор JavaScript для встраивания в приложения
• elk — минималистичный встраиваемый движок JavaScript, реализующий небольшое подмножество ES6
• Rhino — реализация JavaScript на Java
• Napa.js — многопоточный JavaScript runtime на базе V8
• lo — JavaScript runtime, написанный на Zig
• elsa — минимальный JavaScript/TypeScript runtime, написанный на Go
• boa — экспериментальный лексер, парсер и интерпретатор JavaScript, написанный на Rust
• workerd — серверный runtime JavaScript/Wasm, основанный на технологии Cloudflare Workers
• dune — открытая, кроссплатформенная оболочка вокруг движка V8, написанная на Rust
• mjs — движок JavaScript для микроконтроллеров с ограниченными ресурсами
• JerryScript — легковесный движок JavaScript для IoT
• Espruino — JavaScript-интерпретатор для микроконтроллеров
• njs — подмножество языка JavaScript, позволяющее расширять функциональность nginx
• J2v8 — набор Java bindings для V8, ориентированный на производительность и тесную интеграцию с V8
👉 GitHub Gist
Please open Telegram to view this post
VIEW IN TELEGRAM
Gist
A list of JavaScript engines, runtimes, interpreters
A list of JavaScript engines, runtimes, interpreters - javascript_engines_and_runtimes.md
This media is not supported in your browser
VIEW IN TELEGRAM
👉 Как работает память в V8
👉 Жизненный цикл памяти
👉 Сборка мусора:
☑️ Что такое мусор, зачем вообще его собирать?
☑️ Какие задачи есть у любого сборщика мусора ?
☑️ Minor GC (Scavenge)
☑️ Major GC (mark-sweep-compact)
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Иногда бывает сложно разработать/отладить стили для различных состояний элемента, таких как наведение, фокус и т. д.
Выше показано, как мы можем перевести элемент в такие состояния в DevTools, чтобы легко решить эту проблему☝️
#devtool #tip by Shripal Soni
Выше показано, как мы можем перевести элемент в такие состояния в DevTools, чтобы легко решить эту проблему☝️
#devtool #tip by Shripal Soni