WebDEV
8.97K subscribers
2.2K photos
12 videos
2.72K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
📑 За 2020 год количество новых вирусов на macOS увеличилось в 10 раз

Atlas VPN провела исследование, в результате которого выяснила, что за 2020 год на macOS появилось 674 273 новых вирусов и зловредов. В сравнении с 2019 годом их количество увеличилось более чем в 10 раз.

WebDEV #новости
💡 Методы массивов в JavaScript

▍sort

Метод сортирует массив, основываясь на функции, которая принимает первый и второй элемент. Этот метод изменяет сам массив. Если в массиве порядок элементов не был изменен, метод возвращает 0, если изменён — 1.

let arr = [1, 7, 3, -1, 5, 7, 2];
const sorter = (firstEl, secondEl) => firstEl - secondEl;
arr.sort(sorter);

console.log(arr);
// [-1, 1, 2, 3, 5, 7, 7]

WebDEV #советы #coding #js #web
🎁 Бесплатная раздача для подписчиков

Специально для подписчиков наших каналов о программировании, мы бесплатно раздаем файл 📦 Glossy Bank Card Kit через UI8 Bot. Чтоб получить этот файл бесплатно, достаточно нажать на кнопку под постом.

Внимание! Раздача ограничена по времени.
🔥 Лучшее на канале за неделю

1
. 5 HTML-трюков, о которых никто не говорит.

2. PapaParse — быстрый парсер CSV для JavaScript.

3. Методы массивов в JavaScript.
📑 Появилось расширение для Chrome, которое заменяет пароли пиксельными рисунками

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

WebDEV #новости #chrome
Forwarded from Контент | DEV
WebDEV #test #typescript

Выберите правильный вариант 👇🏼
Бесплатные ресурсы для веб-разработки. Шрифты

https://fonts.google.com — библиотека более 800 свободно распространяемых шрифтов, интерактивный каталог для их просмотра, и прикладные программные интерфейсы для использования веб-шрифтов посредством CSS и на Андроиде.

https://www.fontspace.com — библиотека шрифтов с возможностью быстрого настраиваемого предварительного просмотра и удобной загрузки. Каждый шрифт добавляется и классифицируется реальными людьми. Также каждый шрифт проверяется на наличие проблем с качеством.

https://www.1001fonts.com — библиотека шрифтов с простой прямой загрузкой.

https://www.fontsquirrel.com — высококачественные бесплатные шрифты со всего Интернета.

WebDEV #ресурсы
Бесплатные ресурсы для веб-разработки. Графики и визуализация данных

📊 https://www.chartjs.org — простые, понятные и привлекательные диаграммы JavaScript на основе HTML5. Chart.js — это простой способ бесплатно добавить анимированные интерактивные графики на ваш сайт.

📊 https://d3js.org — это библиотека JavaScript для управления документами на основе данных. D3 помогает оживить данные с помощью HTML, SVG и CSS. Акцент D3 на веб-стандартах предоставляет вам все возможности современных браузеров, не привязывая себя к проприетарной структуре, сочетая мощные компоненты визуализации и управляемый данными подход к манипуляциям с DOM.

📊 https://threejs.org — легковесная кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D графики при разработке веб-приложений. Three.js скрипты могут использоваться совместно с элементом HTML5 CANVAS, SVG или WebGL.

WebDEV #ресурсы
📖 Разработка веб-приложений с помощью PHP и MySQL
🖋 Люк Веллинг, 2017

Исчерпывающее учебное пособие по разработке веб-приложений, управляемых базами данных, с использованием PHP и MySQL! Эта книга предназначена для тех, кто знаком с основами HTML и ранее разрабатывал программы на современных языках программирования, но, возможно, не занимался программированием для Веб или не использовал реляционные базы данных. В ней подробно описано применение последних версий PHP и MySQL для построения крупных коммерческих Web-сайтов. Основное внимание в книге уделено реальным приложениям.

Заслуживают особого внимания главы, посвященные объектно-ориентированному программированию на PHP, динамической генерации документов, доступу к веб-службам с помощью XML и SOAP и созданию приложений Web 2.0 с помощью Ajax. Основное отличие этого издания от предыдущего состоит в том, что материалы и весь исходный код полностью переписаны для версий PHP 7 и MySQL 5.7.

💾 Скачать книгу

WebDEV #book #php #sql #web
🛠 Octotree — расширение браузера, которое отображает дерево кода в репозиториях GitHub и значительно улучшает просмотр файлов в библиотеках и проектах с открытым исходным кодом. Доступно в Chrome, Firefox, Edge, Opera и Safari.

WebDEV #инструменты #js
WebDEV #test #typescript

Выберите правильный вариант 👇🏼
📑 Chrome станет быстрее и безопаснее благодаря использованию протокола HTTPS по умолчанию

Для перехода на сайт пользователи часто вводят в адресной строке только доменное имя. Браузеры автоматически подставляют протокол по умолчанию. Раньше в Chrome это был «http: //». Начиная с версии 90 по умолчанию будет использоваться «https: //». Это улучшит конфиденциальность, а также увеличит скорость загрузки, поскольку исчезнет лишний редирект.

Если сайт не поддерживает HTTPS, то Chrome после неудачной попытки подключения будет возвращаться к протоколу HTTP. Изменения сначала появятся в десктопных версиях браузера и на Android, а затем в приложении на iOS.

WebDEV #новости
💡 Генераторы в JavaScript

Генератор определяет, какое значение будет возвращено при следующем вызове next().

function* greeter() {
yield 'Hi';
yield 'How are you?';
yield 'Bye';
}

const greet = greeter();

console.log(greet.next().value);
// 'Hi'

console.log(greet.next().value);
// 'How are you?'

console.log(greet.next().value);
// 'Bye'

console.log(greet.next().value);
// undefined

А вот пример использования генератора для бесконечных значений:

function* idCreator() {
let i = 0;
while (true)
yield i++;
}

const ids = idCreator();

console.log(ids.next().value);
// 0

console.log(ids.next().value);
// 1

console.log(ids.next().value);
// 2
// etc...

WebDEV #советы #coding #js #web
🔥 Лучшее на канале за неделю

1
. Графики и визуализация данных.

2. Octotree — расширение браузера, которое отображает дерево кода в репозиториях GitHub и значительно улучшает просмотр файлов в библиотеках и проектах с открытым исходным кодом.

3. Разработка веб-приложений с помощью PHP и MySQL.
📑 Появился сервис для быстрого и бесплатного создания своих тем для Visual Studio Code

Разработчик Майк Тромба (Mike Tromba) представил сервис VS Code Theme Studio. Он позволяет создавать собственные темы для Visual Studio Code в интуитивно понятном веб-интерфейсе. После завершения работы пользователь получает JSON-файл с параметрами темы.

WebDEV #новости #vs
WebDEV #test #typescript

Выберите правильный вариант 👇🏼
CodePen Amazing - канал, на который выкладывают самые клевые проекты с CodePen.

Смотрите, вдохновляйтесь, творите!

- > @codepen_amazing