Типичный программист
81.4K subscribers
2.65K photos
889 videos
8 files
7.44K links
Всё самое интересное по программированию

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

VK: vk.com/tproger

Регистрация в перечне РКН: https://tprg.ru/mJwo
Download Telegram
Честный обзор на Vue Composition API — так ли он хорош?

В рунете немало статей, посвященных 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
Менеджмент зависимостей в JavaScript — управляем хаосом

Любой JavaScript-проект начинается с желания использовать как можно меньше npm-пакетов в разработке. Но рано или поздно пакеты начинают скапливаться, строк в package.json становится всё больше, а пул-реквесты приобретают все более устрашающий вид.

В статье разбираемся в принципах работы этой магии, чтобы сделать установку более эффективной и не создавать проблем коллегам: https://tprg.ru/fqpu

#javascript
Убираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объём кода?

Есть такая библиотека htmx. Она позволяет создавать сложные веб-приложения на HTML и выступает как альтернатива клиентскому рендерингу на Javascript. htmx помогает переиспользовать элементы на сервере, сократить объём кода на Javascript и отказаться от сборки.

Страница проекта

Небольшой вводный гайд по работе с htmx

#инструменты #css #javascript #html #веб
Тестирование UI в JavaScript: лучшие практики

Представьте, что вы сделали крутой компонент для сайта. Будет ли он выполнять свою роль и не положит ли весь проект? Эти моменты лучше проверить заранее — для этого нужны тесты.

В этом руководстве вы найдёте лучшие практики тестирования UI на JavaScript: от разработки через поведение (BDD)и соглашений об именовании до того, какие именно операции браузер должен выполнять во время тестов.

#qa #фронтенд #javascript
Обзор Vue 3.3. Что изменилось и при чём тут TypeScript?

Команда Vue сообщила о выпуске версии 3.3 — «Rurouni Kenshin». В новой версии разработчики постарались улучшить опыт разработки. К примеру, было улучшено взаимодействие с SFC <script setup> на TypeScript. Также были решены многие давние проблемы с использованием Vue и TypeScript.

Рассказываем подробнее про эти и другие изменения новой версии фреймворка

#javascript #веб
Изучаем все алгоритмы и структуры данных на JavaScript

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

У репозитория больше 170 тысяч звёзд, а для каждого из них есть свой файл README с пояснениями, ресурсами и видео, где их можно изучить глубже.

#javascript #веб
Что новенького в ECMAScript?

ECMAScript — это стандарт JavaScript (и некоторых других языков), который устанавливает правила, синтаксис и другие критерии создания кода. Его ежегодно дополняет сообщество разработчиков.

Если не до конца понимаете суть ECMAScript, у нас есть целая статья, где подробно рассказали, что это за зверь.

Самые последние обновления ECMAScript включают в себя новые функции и методы, которые помогают разработчикам писать более гибкий и мощный код.

И вот, какие функции были добавлены в ECMAScript в 2023 году

#javascript #веб
Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов

Разбор 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
Код, написанный на 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 localStorage: полное руководство

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage

#javascript #веб