Честный обзор на Vue Composition API — так ли он хорош?
В рунете немало статей, посвященных Composition API. Зачастую авторы с восхищением описывают свой опыт взаимодействия с новым инструментом, уделяя недостаткам и подводным камням в лучшем случае пару-тройку абзацев.
Но как часто это бывает, реальность оказалась сложнее. Авторы статьи активно использовали Composition API больше полутора лет в довольно крупном enterprise-приложении и им есть что вам об этом рассказать:
https://tproger.ru/articles/obzor-vue-composition-api-realnost-okazalas-slozhnee/
#javascript #веб
В рунете немало статей, посвященных Composition API. Зачастую авторы с восхищением описывают свой опыт взаимодействия с новым инструментом, уделяя недостаткам и подводным камням в лучшем случае пару-тройку абзацев.
Но как часто это бывает, реальность оказалась сложнее. Авторы статьи активно использовали Composition API больше полутора лет в довольно крупном enterprise-приложении и им есть что вам об этом рассказать:
https://tproger.ru/articles/obzor-vue-composition-api-realnost-okazalas-slozhnee/
#javascript #веб
Как парсить сайты в обход защиты от парсинга?
На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.
На Хабре вышел неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/
#linux #html #javascript #сsharp
На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.
На Хабре вышел неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/
#linux #html #javascript #сsharp
Менеджмент зависимостей в JavaScript — управляем хаосом
Любой JavaScript-проект начинается с желания использовать как можно меньше npm-пакетов в разработке. Но рано или поздно пакеты начинают скапливаться, строк в package.json становится всё больше, а пул-реквесты приобретают все более устрашающий вид.
В статье разбираемся в принципах работы этой магии, чтобы сделать установку более эффективной и не создавать проблем коллегам: https://tprg.ru/fqpu
#javascript
Любой JavaScript-проект начинается с желания использовать как можно меньше npm-пакетов в разработке. Но рано или поздно пакеты начинают скапливаться, строк в package.json становится всё больше, а пул-реквесты приобретают все более устрашающий вид.
В статье разбираемся в принципах работы этой магии, чтобы сделать установку более эффективной и не создавать проблем коллегам: https://tprg.ru/fqpu
#javascript
Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объём кода?
Есть такая библиотека htmx. Она позволяет создавать сложные веб-приложения на HTML и выступает как альтернатива клиентскому рендерингу на Javascript. htmx помогает переиспользовать элементы на сервере, сократить объём кода на Javascript и отказаться от сборки.
Страница проекта
Небольшой вводный гайд по работе с htmx
#инструменты #css #javascript #html #веб
Есть такая библиотека htmx. Она позволяет создавать сложные веб-приложения на HTML и выступает как альтернатива клиентскому рендерингу на Javascript. htmx помогает переиспользовать элементы на сервере, сократить объём кода на Javascript и отказаться от сборки.
Страница проекта
Небольшой вводный гайд по работе с htmx
#инструменты #css #javascript #html #веб
Тестирование UI в JavaScript: лучшие практики
Представьте, что вы сделали крутой компонент для сайта. Будет ли он выполнять свою роль и не положит ли весь проект? Эти моменты лучше проверить заранее — для этого нужны тесты.
В этом руководстве вы найдёте лучшие практики тестирования UI на JavaScript: от разработки через поведение (BDD)и соглашений об именовании до того, какие именно операции браузер должен выполнять во время тестов.
#qa #фронтенд #javascript
Представьте, что вы сделали крутой компонент для сайта. Будет ли он выполнять свою роль и не положит ли весь проект? Эти моменты лучше проверить заранее — для этого нужны тесты.
В этом руководстве вы найдёте лучшие практики тестирования UI на JavaScript: от разработки через поведение (BDD)и соглашений об именовании до того, какие именно операции браузер должен выполнять во время тестов.
#qa #фронтенд #javascript
Обзор Vue 3.3. Что изменилось и при чём тут TypeScript?
Команда Vue сообщила о выпуске версии 3.3 — «Rurouni Kenshin». В новой версии разработчики постарались улучшить опыт разработки. К примеру, было улучшено взаимодействие с SFC <script setup> на TypeScript. Также были решены многие давние проблемы с использованием Vue и TypeScript.
Рассказываем подробнее про эти и другие изменения новой версии фреймворка
#javascript #веб
Команда Vue сообщила о выпуске версии 3.3 — «Rurouni Kenshin». В новой версии разработчики постарались улучшить опыт разработки. К примеру, было улучшено взаимодействие с SFC <script setup> на TypeScript. Также были решены многие давние проблемы с использованием Vue и TypeScript.
Рассказываем подробнее про эти и другие изменения новой версии фреймворка
#javascript #веб
Изучаем все алгоритмы и структуры данных на JavaScript
В этом репозитории содержатся все базовые JavaScript-примеры многих популярных алгоритмов и структур данных.
У репозитория больше 170 тысяч звёзд, а для каждого из них есть свой файл README с пояснениями, ресурсами и видео, где их можно изучить глубже.
#javascript #веб
В этом репозитории содержатся все базовые JavaScript-примеры многих популярных алгоритмов и структур данных.
У репозитория больше 170 тысяч звёзд, а для каждого из них есть свой файл README с пояснениями, ресурсами и видео, где их можно изучить глубже.
#javascript #веб
Что новенького в ECMAScript?
ECMAScript — это стандарт JavaScript (и некоторых других языков), который устанавливает правила, синтаксис и другие критерии создания кода. Его ежегодно дополняет сообщество разработчиков.
Если не до конца понимаете суть ECMAScript, у нас есть целая статья, где подробно рассказали, что это за зверь.
Самые последние обновления ECMAScript включают в себя новые функции и методы, которые помогают разработчикам писать более гибкий и мощный код.
И вот, какие функции были добавлены в ECMAScript в 2023 году
#javascript #веб
ECMAScript — это стандарт JavaScript (и некоторых других языков), который устанавливает правила, синтаксис и другие критерии создания кода. Его ежегодно дополняет сообщество разработчиков.
Если не до конца понимаете суть ECMAScript, у нас есть целая статья, где подробно рассказали, что это за зверь.
Самые последние обновления ECMAScript включают в себя новые функции и методы, которые помогают разработчикам писать более гибкий и мощный код.
И вот, какие функции были добавлены в ECMAScript в 2023 году
#javascript #веб
Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов
— Разбор 30 самых популярных вопросов с собеседованиий.
— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.
— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.
— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.
#фронтенд #собеседование #javascript #html #веб
— Разбор 30 самых популярных вопросов с собеседованиий.
— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.
— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.
— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.
#фронтенд #собеседование #javascript #html #веб
Нашли для вас 5 сборщиков модулей приложений для Node.js
Они позволяют вам эффективно управлять зависимостями и упростят развертывание ваших приложений: https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/
#javascript #web
Они позволяют вам эффективно управлять зависимостями и упростят развертывание ваших приложений: https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/
#javascript #web
Код, написанный на JavaScript, обрабатывается движком. Но как именно это происходит «под капотом» и какие процессы в этом задействованы?
В общих чертах и с очень наглядными анимациями
А если решили погрузиться серьёзно, вот огромный цикл статей, которые раскроют внутреннее устройство Java Script лучше любой книги:
1. Обзор движка, механизмов времени выполнения, стека вызовов
2. О внутреннем устройстве V8 и оптимизации кода
3. Управление памятью, четыре вида утечек памяти и борьба с ними
4. Цикл событий, асинхронность и пять способов улучшения кода с помощью async/await
5. WebSocket и HTTP/2+SSE — что выбрать
6. Особенности и сфера применения WebAssembly
7. Веб-воркеры и пять сценариев их использования
8. Сервис-воркеры
9. Веб push-уведомления
10. Отслеживание изменений в DOM с помощью MutationObserver
11. Движки рендеринга веб-страниц и советы по оптимизации их производительности
12. Сетевая подсистема браузеров, оптимизация её производительности и безопасности
13. Анимация средствами CSS и JavaScript
14. Абстрактные синтаксические деревья, парсинг и его оптимизация
15. Классы и наследование, транспиляция в Babel и TypeScript
16. Системы хранения данных
17. Технология Shadow DOM и веб-компоненты
18. WebRTC и механизмы P2P-коммуникаций
19. Пользовательские элементы
20. Паттерны и анти-паттерны
21. JavaScript ES8 и переход на async/await
#javascript #веб
В общих чертах и с очень наглядными анимациями
А если решили погрузиться серьёзно, вот огромный цикл статей, которые раскроют внутреннее устройство Java Script лучше любой книги:
1. Обзор движка, механизмов времени выполнения, стека вызовов
2. О внутреннем устройстве V8 и оптимизации кода
3. Управление памятью, четыре вида утечек памяти и борьба с ними
4. Цикл событий, асинхронность и пять способов улучшения кода с помощью async/await
5. WebSocket и HTTP/2+SSE — что выбрать
6. Особенности и сфера применения WebAssembly
7. Веб-воркеры и пять сценариев их использования
8. Сервис-воркеры
9. Веб push-уведомления
10. Отслеживание изменений в DOM с помощью MutationObserver
11. Движки рендеринга веб-страниц и советы по оптимизации их производительности
12. Сетевая подсистема браузеров, оптимизация её производительности и безопасности
13. Анимация средствами CSS и JavaScript
14. Абстрактные синтаксические деревья, парсинг и его оптимизация
15. Классы и наследование, транспиляция в Babel и TypeScript
16. Системы хранения данных
17. Технология Shadow DOM и веб-компоненты
18. WebRTC и механизмы P2P-коммуникаций
19. Пользовательские элементы
20. Паттерны и анти-паттерны
21. JavaScript ES8 и переход на async/await
#javascript #веб
Возможности JavaScript и TypeScript, о которых многие не знают
Принесли вам годную статью, которую вы могли пропустить.
В ней рассматриваются почти все изменения и новые фичи в JavaScript и TypeScript за последние 3 года. Не все из них будут актуальны именно для вашего проекта, но знать про их существование полезно.
#javascript #веб
Принесли вам годную статью, которую вы могли пропустить.
В ней рассматриваются почти все изменения и новые фичи в JavaScript и TypeScript за последние 3 года. Не все из них будут актуальны именно для вашего проекта, но знать про их существование полезно.
#javascript #веб
JavaScript localStorage: полное руководство
LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.
В статье рассказали, как работает и как использовать localStorage
#javascript #веб
LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.
В статье рассказали, как работает и как использовать localStorage
#javascript #веб