WebDev+ | Веб-разработка
8.32K subscribers
505 photos
241 videos
10 files
700 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
Когда приходит март

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

Особенно приятно в начале весны воплотить свои мечты в реальность. Специально для этого Нетология снижает цену на свои курсы до 60%.

Акция действует с 1 по 9 марта включительно. Скидки уже включены в стоимость.

Записаться на курс: https://go.avnxt.site/c213aa0064c4c8a0

Давайте менять жизнь вместе.
👍31
🖥 Wappalyzer

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

Нужно добавить плагин в свой браузер и на нужном веб-сайте нажать на его иконку.

#полезныйресурс #учись
🔥1
🏠 DOM: что такое объектная модель документа простыми словами

В этой статье, Вы разберётесь с объектной моделью документа (DOM), узнаете для чего это нужно и как эти знания применять на практике.

#полезныйресурс #учись
👍1
📝10 вопросов для интервью на начальном уровне React

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

#полезныйресурс #учись #javascript
🛠 Как за 3 простых шага создать свой VPN и прокси-сервер

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

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

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

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

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

#полезныйресурс #учись #css
👍3
📚 Небольшая подборка ​​VPN

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

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

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

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

#полезныйресурс
👍5
✏️ Пишем фронтенд-компоненты на ванильном JS

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

#полезныйресурс #учись #javascript
👍2🔥1
🪃 Как устроены цикл событий и стек вызовов в JavaScript

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

#учись #полезныйресурс #javascript
🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
🕹 Пишем игру на JavaScript

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

#javascript #игры #css #html
👍52
Комплексная разработка веб-приложений с помощью React и Node.js

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

#javascript #учись #полезныйресурс
1👍1🔥1
🔌Более 20 полезных компонентов для Vue

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

#учись #полезныйресурс
👍3👎2
📝 Пишем чистый код при помощи деструктуризации объектов в JavaScript

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

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

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

#учись #полезныйресурс #javascript
👍4👎1
⌛️Как использовать ::before и ::after в CSS для создания собственных анимаций и переходов

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

#полезныйресурс #учись #css
🔥2
🏎 Какой цикл самый быстрый в JavaScript?

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

#полезныйресурс #учись #javascript
👍3
📊 ​​Vue или React? Кратко о возможном росте технического долга и что лучше для начинающих

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

#учись #полезныйресурс #javascript
👍1
📉📈 Как создать трекер расходов с SheetJS

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

#учись #полезныйресурс #javascript
🤔2😁1
📖Насколько вы знаете JavaScript?

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

#javascript #полезныйресурс #учись
💎 Лучшие способы вызова API на Javascript

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

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