Как парсить сайты в обход защиты от парсинга?

На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.

На Хабре есть неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/

#linux #html #javascript #сsharp

Айтишная реальность

Изучение Vue.js в 2023 году: дорожная карта разработчика

Изучение Vue.js стоит начать с того, что это популярный JavaScript-фреймворк для создания пользовательских интерфейсов. Ядро Vue включает в себя библиотеку ядра и маршрутизатор, а сам фреймворк пригоден для постепенного внедрения, в отличие от аналогов-монолитов.

А дорожная карта для поможет выбрать, что и зачем учить в 2023 году: https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/

#javascript #веб

Айтишная реальность

Нашли для вас 5 сборщиков модулей приложений для Node.js

Они позволяют вам эффективно управлять зависимостями и упростят развертывание ваших приложений: https://tproger.ru/articles/5-razlichnyh-instrumentov-dlya-obedineniya-prilozhenij-node-js/

#javascript #web

Айтишная реальность

Менеджмент зависимостей в JavaScript — управляем хаосом

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

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

#javascript

Айтишная реальность

Как парсить сайты в обход защиты от парсинга?

На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.

На Хабре вышел неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/

#linux #html #javascript #сsharp

Айтишная реальность

Честный обзор на Vue Composition API — так ли он хорош?

В рунете немало статей, посвященных Composition API. Зачастую авторы с восхищением описывают свой опыт взаимодействия с новым инструментом, уделяя недостаткам и подводным камням в лучшем случае пару-тройку абзацев.

Но как часто это бывает, реальность оказалась сложнее. Авторы статьи активно использовали Composition API больше полутора лет в довольно крупном enterprise-приложении и им есть что вам об этом рассказать:

https://tproger.ru/articles/obzor-vue-composition-api-realnost-okazalas-slozhnee/

#javascript #веб

Айтишная реальность

«Мужик, а у тебя есть шпаргалка по CSS, HTML и JS? Держи, мужик, шпаргалку по CSS, HTML и JS»

Очень удобная интерактивная шпаргалка, в которой собрана не только полезная информация по работе с CSS, HTML и JS но и различные генераторы, символы, эмодзи и полезные ссылки.

Сохраните, чтобы не потерять: https://htmlcheatsheet.com/css/

#шпаргалки #css #html #javascript

Айтишная реальность

Пет-проект: пишем игру на JS/TS

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

Вот небольшой гайд по созданию мини-игры, цель которой — как можно быстрее воспроизвести фразу, чтобы уложиться в таймер:

https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/

#веб #gamedev #javascript #фронтенд

Айтишная реальность

Видите полезные ресурсы для изучения JavaScript? А они есть

1. The AirBnB style guide — всё о стиле кода на JavaScript: https://github.com/airbnb/javascript

2. 30 seconds of code — бомбический ресурс с полезными сниппетами. От Linked List до алгоритмов с объяснением кода: https://www.30secondsofcode.org/js/p/1

3. JavaScript-algorithms. Алгоритмы и структуры данных — важная штука в любом языке и JavaScript не исключение. На сайте есть куча примеров с пояснениями и ссылками для дополнительного изучения: https://github.com/trekhleb/javascript-algorithms

Сохраните себе, чтобы не потерять.

#javascript #начинающим

Айтишная реальность

Просто добротная шпаргалка по JavaScript с примерами

Содержит разделы по циклам, массивам, переменным, функциям и т.д. Удобно, чтобы быстро проверить синтаксис JS и скопировать пример кода. Сохраняйте и пользуйтесь:

https://htmlcheatsheet.com/js/

#javascript #шпаргалка

Айтишная реальность

Если вы думаете, что вы достаточно скурпулёзный веб-разработчик, только посмотрите на этот чек-лист!

Его создатели говорят, что если пробежаться по нему и поставить галочку напротив каждого пункта, получится куда более лучшая версия вашего же сайта. И это очень похоже на правду, ведь это действительно огромный чек-лист, в котором затронуты совершенно разные стороны вашего сайта: от шрифтов, JS и CSS до SEO и производительности.

Осторожно, назад пути уже не будет: https://frontendchecklist.io

#веб #css #javascript #seo

Айтишная реальность

Годнота для JavaScript-разработчиков: дорожная карта с пояснениями и полезными материалами на 2022 год

Как всегда, кратко — на картинках, а более подробно — в статье: https://tproger.ru/articles/javascript-s-nulja-dorozhnaja-karta/

#javascript #шпаргалка

Айтишная реальность

Простой гайд, как реализовать лайк двойным нажатием с помощью HTML, CSS и JS.

CodePen проекта: https://codepen.io/rebelchris/pen/LYNjaRQ

#css #javascript #html

Айтишная реальность

Как делают полностью изменяющиеся при прокрутке сайты?

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

Делимся подробным руководством, которое поможет научиться создавать страницы с анимацией, изменяющейся при прокрутке страницы, на чистом JavaScript: https://css-tricks.com/scroll-triggered-animation-vanilla-javascript/

#фронтенд #javascript

Айтишная реальность

Это самый милый codepen-проект, который вы сегодня увидите

Этот чихающий дракончик создан, чтобы продемонстрировать возможности библиотеки Three.js. А суть проекта заключается в том, чтобы заставить дракона чихнуть с помощью кликов — чем их больше, тем сильнее чих:

https://codepen.io/Yakudoo/pen/yNjRRL

#css #javascript #html

Айтишная реальность

Делимся годным репозиторием с более 39 тысяч звезд, который отлично подойдет для проверки знаний по JavaScript или подготовки к собеседованию:

https://github.com/lydiahallie/javascript-questions

Сохраните себе, чтобы не потерять.

#javascript

Айтишная реальность

Об этих инструментах JavaScript говорят незаслуженно мало

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

В этой статье собрали самые удобные инструменты JavaScript, о которых вы могли не знать: https://tproger.ru/articles/instrumenty-javascript-o-kotoryh-nezasluzhenno-malo-govorjat/

#javascript #инструменты

Айтишная реальность

Только посмотрите, какой интересный проект на JS: веб-версия легендарного iPod с авторизацией через Spotify и Apple Music.

И как вишенка на торте — работающий Click Wheel, пасхалки и открытые исходники: https://tannerv.com/ipod/

#веб #javascript

Айтишная реальность

Уверены, что разбираетесь в трендах JavaScript?

В январе были опубликованы результаты State of JS 2020, опроса JS-разработчиков из 137 стран. И JavaScript Rising Stars 2020, топа лучших JS-проектов по количеству звёзд на GitHub.

На основе этих данных мы составили целый тест, который покажет, насколько хорошо вы разбираетесь в современном JavaScript:

https://tprg.ru/JsqB

#тест #javascript

Айтишная реальность

Как исполняется код JavaScript

Понимание того, как работает движок, реально помогает писать качественный код без лагов и лишних костылей. Зная, как происходит преобразование, вы сможете гораздо лучше использовать возможности языка — и наконец понять, почему в JavaScript столько «странностей».

Если хотите разобраться в теме глубже, вот подборка отличных материалов:
1️⃣ Краткая статья с классными анимациями
2️⃣ Большой разбор на русском (19 статей, после которых вы станете гуру JS).
3️⃣ Наглядный ресурс для визуализации порядка выполнения JS-кода

#javascript #веб

Айтишная реальность