Бесплатные ресурсы для веб-разработки. Иллюстрации

⧩ https://iradesign.io — создавайте свои собственные потрясающие иллюстрации используя наши потрясающие градиенты и нарисованные вручную компоненты эскиза.

⧩ https://interfacer.xyz — это коллекция высококачественных бесплатных ресурсов по дизайну, созданных самыми талантливыми и замечательными людьми в Интернете. Вы можете использовать их все в коммерческих проектах.

⧩ https://blush.design — легко создавайте и настраивайте потрясающие иллюстрации из коллекций, созданных художниками со всего мира. Попробуйте, это весело.

WebDEV #ресурсы

Бесплатные ресурсы для веб-разработки. Иконки

> https://icons8.com — бесплатные иконки в форматах PNG и SVG.

> material.io/resources/icons — значки материалов доступны в пяти стилях и различных загружаемых размерах. Иконки основаны на базовых принципах материального дизайна.

> https://iconmonstr.com — бесплатный, чудовищно большой и постоянно растущий источник простых иконок.

WebDEV #ресурсы

📖 Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML 5 [5-е издание]
🖋 Робин Никсон, 2019

Новое (5-е) издание признанного бестселлера, описывающее как клиентские, так и серверные аспекты веб-разработки. Эта книга поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Книга наполнена ценными практическими советами, содержит подробный теоретический материал. Для закрепления материала автор рассказывает, как создать полнофункциональный сайт, работающий по принципу социальной сети, включая рассказ о React.js.

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

WebDEV #book #html #css #js #php #mysql #sql #web

🛠 Medium Zoom — классная JavaScript библиотека, которая добавляет на сайт возможность создания зума для картинок как на сайте Medium'a. Библиотека обладает рядом преимуществ: управление зумом мышкой или клавиатурой, SD качество в HD при зуме, анимация в 60fps и много еще.

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

WebDEV #test #php

Выберите правильный вариант 👇🏼

📑 Google выпустила квест-приглашение на Google I/O 2021

Компания Google запустила новый сайт. На нём пользователям предлагается пройти квест с выполнением разных задачек. В случае успеха, поисковый гигант рассказывает подробности о грядущей Google I/O 2021.

WebDEV #новости #google

💡 Сравнение объектов

▍Часть 1

Частая ошибка у новичков в JavaScript — это неправильное сравнение объектов. Дело в том, что переменные объектов хранят в памяти ссылку на объект, а не сам объект. Один из способов сравнения двух объектов — предварительное преобразование их в JSON строку. Однако у этого способа есть недостаток: не факт, что порядок в объекте сохранится. Более безопасный способ сравнения объектов — использование специальной библиотеки, которая сравнивает объекты на более глубоком уровне (к примеру isEqual от loadash).

Примеры кода рассмотрим в следующей части.

Продолжение следует...

WebDEV #советы #coding #js #web

🔥 Лучшее на канале за неделю

1. Топ-9 самых популярных языков программирования с высокими зарплатами.

2. Medium Zoom — классная JavaScript библиотека, которая добавляет на сайт возможность создания зума для картинок как на сайте Medium'a.

3. Бесплатные ресурсы для веб-разработки: Иллюстрации | Иконки.

📑 Google Chrome заблокировал HTTP, HTTPS и FTP-доступы на порте 10080 из-за хакерской угрозы

В 2020 году специалист по кибербезопасности Сэми Камкар обнаружил новую версию NAT Slipstreaming атаки. С её помощью хакеры могли размещать на сайте вредоносные скрипты, которые отправляли специально созданный ответ в обход NAT брандмауэра пользователя. В результате, злоумышленники получали доступ к любому порту TCP/UDP в его внутренней сети.

WebDEV #новости #google

WebDEV #test #php

Выберите правильный вариант 👇🏼

Бесплатные ресурсы для веб-разработки. Редакторы кода

> Visual Studio Code [VS Code] — редактор исходного кода, разработанный Microsoft для Windows, Linux и macOS. Позиционируется как «лёгкий» редактор кода для кроссплатформенной разработки веб- и облачных приложений.

> Sublime Text — проприетарный текстовый редактор. Поддерживает плагины на языке программирования Python. Разработчик позволяет бесплатно и без ограничений ознакомиться с продуктом.

WebDEV #ресурсы

Бесплатные ресурсы для веб-разработки. Цветовые палитры

> coolors.co — создавайте идеальную палитру или вдохновляйтесь тысячами красивых цветовых схем.

> colorhunt.co — это бесплатная и открытая платформа для подбора цветов с тысячами модных цветовых палитр, подобранных вручную.

WebDEV #ресурсы

📑 Используй console.log () как про

Использование console.log() для отладки JavaScript — самая распространенная практика среди разработчиков. Но есть еще кое-что...

Объект console обеспечивает доступ к отладочной консоли браузера. Особенности того, как это работает, варьируются от браузера к браузеру, но де-факто существует набор функций, которые обычно предоставляются.

WebDEV #статьи #js #web

🛠 Headroom — лёгкий виджет JS без зависимостей, который показывает и скрывает панель навигации страницы в зависимости от текущей позиции прокрутки. Он предоставляет решение "из коробки" для создания гибких фиксированных заголовков, которые появляются, когда они нужны, и скрываются, когда они мешают контенту.

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

📑 Линус Торвальдс раскритиковал поддержку Rust для ядра Linux

Создатель Linux — Линус Торвальдс — опубликовал рецензию на внедрение Rust в основанный им проект. Речь идёт о реализации инструментов для создания драйверов с помощью языка.

WebDEV #новости #rust #linux

💡 Сравнение объектов

▍Часть 2 (Часть 1)

Хоть следующие объекты кажутся одинаковыми, они ссылаются на разные объекты в памяти.

const joe1 = { name: 'Joe' };
const joe2 = { name: 'Joe' };

console.log(joe1 === joe2);
// false

А вот в следующем примере сравнение возвращает true, потому что второй объект приравнивается к первому и они оба ссылаются на один объект.

const joe1 = { name: 'Joe' };
const joe2 = joe1;

console.log(joe1 === joe2);
// true

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

WebDEV #советы #coding #js #web

Svelte за 100 секунд

Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.

📺 YouTube

WebDEV #видео #js #svelte