​🛠 Как за 3 простых шага создать свой VPN и прокси-сервер

Даже если вам не нужно обходить блокировки, виртуальная частная сеть и прокси-сервер могут потребоваться для доступа к неработающим в России сервисам или для защиты данных от злоумышленников. В данной статье рассказывается, как настроить и раздать OpenVPN через Pritunl и прокси Shadowsocks с помощью Outline.

#полезныйресурс

🌪 Tailwind CSS или как быстро создать современные веб-сайты, не выходя из Html-кода

Это “utility-first” CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Основная идея состоит в том, что при разработке проекта вам не нужно иметь дело с таблицами стилей. Tailwind предоставляет большое разнообразие CSS-классов, каждый из которых имеет собственную функцию. Вместо традиционного создания класса .btn путём добавления множества атрибутов, в Tailwind можно просто применить классы bg-blue-500 py-2 px-4 rounded к кнопке.

📝 ​Большая интерактивная шпаргалка по Tailwind CSS

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

#полезныйресурс #учись #css

📚 Небольшая подборка ​​VPN

Virtual Private Network или коротко VPN — это сеть связанных между собой серверов, в каждом из которых открыт доступ в интернет. Когда человек подключается к VPN, эта сеть берёт 2–4 сервера, соединяет их в «цепочку» и через эту цепочку подключает пользователя к интернету как бы с другого устройства. Для простых задач бесплатного VPN сервиса вполне хватит:

Proton VPN — неплохой VPN‑сервис, доступный на всех основных платформах. В бесплатной версии можно подключаться с одного устройства к серверам в трёх странах на выбор. При этом нет никаких логов и ограничений на количество трафика

Touch VPN — очень простой и бесплатный сервис, который доступен на всех устройствах. Моментально включается и выключается одной кнопкой. Стойкое SSL-шифрование обеспечит полную безопасность

Windscribe — популярный VPN сервис, основной плюс которого — 10 ГБ бесплатного трафика в месяц и возможность выхода в интернет через 25 серверов в 11 странах

#полезныйресурс

✏️ Пишем фронтенд-компоненты на ванильном JS

Реализовать компонент можно без применения сторонних инструментов, а как это сделать на ванильном JS, читайте в этой статье.

#полезныйресурс #учись #javascript

🪃 Как устроены цикл событий и стек вызовов в JavaScript

Цикл событий (event loop) — ключ к асинхронному программированию на JavaScript. Сам по себе язык однопоточный, но использование этого механизма позволяет создать дополнительные потоки, чтобы код работал быстрее. В этой статье, Вы разберётесь, как устроен стек вызовов и как они связаны с циклом событий.

#учись #полезныйресурс #javascript

​🕹 Пишем игру на JavaScript

В этой статье напишем нечто похожее на динозаврика от Google. В этом коде присутствует: обработка нажатий, движение объектов и непосредственно прыжок динозаврика.

#javascript #игры #css #html

⚒ ​Комплексная разработка веб-приложений с помощью React и Node.js

React  —  популярная фронтенд-библиотека JavaScript для создания интерактивных пользовательских интерфейсов. Node.js  —  среда бэкенд-разработки JavaScript, которая позволяет создавать масштабируемые веб-приложения с высокой производительностью и низкой задержкой. Сочетание этих двух технологий дает огромные преимущества при комплексной разработке веб-приложений. В этой статье разберётесь насколько хорошо совмещаются React и Node.js для создания быстрых сайтов, которые легко поддерживаются в течение долгого времени.

#javascript #учись #полезныйресурс

🔌 ​Более 20 полезных компонентов для Vue

Хотите сделать интерфейс вашего приложения на основе Vue уникальным и привлекательным? Сегодня существует множество готовых компонентов, которые позволят Вам достигнуть желаемого и сэкономить время.

#учись #полезныйресурс

📝 Пишем чистый код при помощи деструктуризации объектов в JavaScript

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

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

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

#учись #полезныйресурс #javascript

⏳⌛️Как использовать ::before и ::after в CSS для создания собственных анимаций и переходов

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

#полезныйресурс #учись #css

📚 Большая коллекция бесплатных учебных ресурсов по программированию

#учись #полезныйресурс

🏎 Какой цикл самый быстрый в JavaScript?

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

#полезныйресурс #учись #javascript

📊 ​​Vue или React? Кратко о возможном росте технического долга и что лучше для начинающих

В статье ставится проблема избыточной сложности использования фреймворка React.js при богатстве его функций, описана возможная тенденция роста технического долга и зависимость между предоставляемыми средствами и величиной технического долга.

#учись #полезныйресурс #javascript

📉📈 Как создать трекер расходов с SheetJS

В этой статье, Вы научитесь создавать и управлять электронными таблицами с помощью JavaScript. Попрактикуетесь в процессе создания трекера расходов.

#учись #полезныйресурс #javascript

📖 ​Насколько вы знаете JavaScript?

Если хотите проверить свои знания, то этот репозиторий для Вас. Тут собрано огромное количество тестовых вопрос по JS с вариантами ответов и подробными объяснениями.

#javascript #полезныйресурс #учись

💎 Лучшие способы вызова API на Javascript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. Узнайте о наиболее удобных способах вызова API на Javascript с помощью библиотек с открытым исходным кодом: XMLHttpRequest, Fetch и Axios.

#полезныйресурс #javascript #учись

🧾 ​5 способов избежать повторного рендеринга компонентов React

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

#полезныйресурс #учись

💰 У Альфа банка проходит акция «Деньги вам и друзьям», в которой и приглашающий и приглашенный получают по 1000 ₽.

Для этого приглашенному необходимо лишь получить пластиковую карту и сделать покупку на любую сумму (с 18 лет). Если у вас еще нет карты, Вы можете оформить ее по этой ссылке https://alfa.me/OWQVMw и получить 1000 ₽, тем самым поддержать канал и автора.

После оформления Вы сможете начинать звать своих друзей. Акцию Альфа банка, в которой можно заработать до 50000₽ продлили до 11 мая.

Спасибо, что подписаны на канал ❤️

📖 Методы массивов в JavaScript для новичков: советы, рекомендации и примеры

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

#полезныйресурс #учись #javascript

🧮 9 советов по работе с консолью JavaScript, которые помогут оптимизировать отладку

Один из самых простых способов отладки в JavaScript  —  логирование с использованием console.log. Но, помимо него, есть множество других методов работы с консолью, которые позволяют выполнить отладку качественней и оперативней.

#полезныйресурс #учись #javascript