Гайд по первичной SEO-оптимизации проекта.

1. Настройка ЧПУ (полная транслитерация).
2. Robots.txt и Sitemap.xml - два файла, которые используют все востребованные поисковые системы. Именно они дают понять роботу, какой контент может быть интересен пользователю, а какой скрыть.
3. SSL (https://) - необходим! Для простых проектов заказать базовый у регистратора.
4. Самое важное в сео - контроль текущего положения. Если запросы проседают, значит это кому-то нужно. Поэтому, результаты нужно сверять ежемесячно.
5. Заголовок и метатеги должны содержать максимально релевантную информацию для страницы. Наиболее частотная ключевая фраза размещается в title, прописывается в description.
6. Уникальный контент.
7. Компактные изображения и их разметка.
8. Семантическая разметка страницы.
9. Обязательно должна быть реализована страница с 404 ошибкой и отдавала соответствующий код.

#SEO

Iconly 2 - Essential icons
500+ бесплатных иконок для вашего проекта в 5 стилях (Light, Bold, Bulk, Two-tone, Broken)

Основные особенности:
- 5 стилей (Light, Bold, Bulk, Two-tone, Broken).
- Организованная библиотека и простота использования в Figma.
- Полностью векторные.
- Размер сетки 24px.
- Pixel Perfect.
- Трендовые.
- Простота использования в Figma.

#Графика

Iconate.js - библиотека JavaScript, которая добавит вашим статичным шрифтовым иконкам крутой анимации и "оживит" любой проект.

#JavaScript

Lightshot - Расширение дает возможность создать и редактировать скриншот экрана в браузере. Созданный скриншот можно сохранить на компьютер или поделиться им при помощи полученной ссылки. Главный недостаток ссылки — открытый доступ.

#Расширения #Chrome

Нужен ли уникальный дизайн сайта? Давайте разбираться вместе!

Основные плюсы уникального дизайна:
- Качественная отстройка от конкурентов.
- 100%-ная уникальность (как считается, это любят поисковые системы).
- Возможность выразить фирменный стиль.
- Максимально эффектное представление бизнеса.
- Эффективность, при условии профессионального исполнения.

Минусы уникального дизайна:
- Высокая сложность разработки и необходимость привлечения высококвалифицированных исполнителей.
- Высокая стоимость — создание сайта «с нуля» стоит в разы дороже готового решения.
- Увеличенный срок разработки, в результате чего запуск проекта откладывается на неопределенное время.
- Не всегда эффективно — из-за высокой сложности возрастают риски, особенно когда у исполнителей не хватает компетенций (например, используются неочевидные решения или сайт делается «как нравится директору»).
- Не всегда удобный сайт (потому что решение новое, а следовательно — «сырое» и не обкатанное).

#Статьи

Creative Wave Button - крутая реализация анимированной кнопки с эффектом волны на чистом CSS. Отлично украсит и освежит Ваш проект.

#HTML #CSS

Не знаете, какие цвета использовать в своих проектах или где их использовать? 

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

#Инструменты

MoreToggles - замечательная библиотека с огромной коллекцией готовых стильных переключателей на чистом CSS с простым масштабированием.

#CSS

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

1) Iconly 2 - 500+ бесплатных иконок для вашего проекта в 5 стилях.
2) Гайд по первичной SEO-оптимизации проекта.
3) Iconate.js - библиотека JavaScript, которая добавит вашим статичным шрифтовым иконкам крутой анимации.
4) SpinKit - простые загрузочные спиннеры, анимированные с помощью CSS.
5) Happy Hues - это сайт для вдохновения цветовой палитры.

Всем успешной разработки!

#Лучшее

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

#Инструменты

UIZER — новый плагин для Figma, Sketch и Adobe XD который умеет конвертировать скриншоты в готовый интерфейс. 

#Инструменты #Графика

PlayerJS - онлайн редактор для создания профессиональных HTML5 плееров для видео и аудио. Плеер собирается из модулей в один файл, который можно скачать и автономно установить на свой сайт, либо загружать из облака.

Большое количество модулей, интеграций и шаблонов, чтобы все работало из коробки и без ошибок.

#JavaScript #Инструменты

MedicApp - шаблон админ-панели для медицины и больниц.

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

Все стили полностью разработаны с помощью SCSS, их легко понять и настроить.

#Шаблоны

Requests - это элегантная и простая HTTP-библиотека для Python, созданная для людей.

Библиотека позволяют очень легко отправлять запросы HTTP / 1.1. Нет необходимости вручную добавлять строки запроса к вашим URL-адресам или кодировать данные POST. Сохранение активности и пул HTTP-соединений на 100% автоматические.

#Python

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

Основные особенности:
- Гибкость. Благодаря использованию гибких моделей данных БД NoSQL хорошо подходят для частично структурированных и неструктурированных данных.
- Масштабируемость. NoSQL рассчитаны на масштабирование с использованием распределенных кластеров аппаратного обеспечения, а не путем добавления дорогих надежных серверов.
- Высокая производительность. Базы данных NoSQL оптимизированы для конкретных моделей данных и шаблонов доступа, что позволяет достичь более высокой производительности по сравнению с реляционными базами данных.
- Широкие функциональные возможности. NoSQL предоставляют API и типы данных с широкой функциональностью, которые специально разработаны для соответствующих моделей данных.

#Статьи

Dinero.js - это библиотека для работы с денежными значениями в JavaScript.

Особенности библиотеки:
- Неизменяемый и объединяемый в цепочки API.
- Поддержка глобальных настроек.
- Расширенные возможности форматирования и округления.
- Встроенная поддержка Intl (без дополнительных файлов локали).
- Обмен валюты.

#JavaScript

📖 {Вы не знаете JS}. Типы и грамматические конструкции

Автор: Кайл Симпсон
О книге: 2019 год, 240 страницы, Русский язык, 18Mb

Содержание: Каким бы опытом программирования на JavaScript вы ни обладали, скорее всего, вы не понимаете язык в полной мере. Это лаконичное руководство исследует типы более глубоко, чем все существующие книги: вы узнаете как работают типы, о проблемах их преобразования, и научитесь пользоваться новыми возможностями. Как и в других книгах серии «Вы не знаете JS», здесь рассматриваются нетривиальные аспекты языка, от которых программисты javascript предпочитают держаться подальше (или полагают, что они не существуют).

#Книги

В этом курсе, от Александра Дергунова, вы освоите создание CRM на основе Nuxt.js.

Nuxt.js — это инфраструктура, которая помогает вам легко создавать серверные приложения Vue.js. Он абстрагирует большую часть сложной конфигурации, связанной с управлением такими вещами, как асинхронные данные, промежуточное программное обеспечение (middleware) и маршрутизация.

#Курсы

💡 Методы some() и filter()

Давайте поговорим о предыдущей викторине. Многие жалуются, что был некорректно поставлен вопрос и возможно 2 ответа. Давайте разбираться, так ли это?

Дан массив const arrNum = [12, 14, 50, 1, 0, 18, 40]

/*-------------some()-------------*/
Метод some() проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в передаваемой функции.

arrNum.some(element => element === 0)
Произойдет проверка на наличие элемента 0 в массиве arrNum и вернет true

/*-------------filter()-------------*/
Метод filter() создаёт новый массив со всеми элементами, прошедшими проверку, задаваемую в передаваемой функции.
arrNum.filter(element => element === 0)
Будет создан новый массив с новым элементом [0]

Следовательно, это 2 разных метода. Один делает проверку на наличие элементы, а второй создает новый массив с этим элементом.

Не до конца понял? Пиши в чат!

#МиниУрок #JavaScript

MixItUp 3 - это высокопроизводительная библиотека без зависимостей для анимированных манипуляций с DOM, которая дает вам возможность фильтровать, сортировать, добавлять и удалять элементы DOM с красивой анимацией.

#JavaScript