Web Developer Checklist - замечательное расширение для веб-разработчиков, которые хотят быть уверенными в том, что они следуют лучшим практикам. Это расширение позволяет очень легко обнаруживать проблемные области на вашем веб-сайте.

Данное расширение является дополнением к уже рассмотренному раннее сервису по проверке проекта к запуску.

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

Зачем изучать JavaScript в 2020 году?

Язык JavaScript прост в освоении даже для начинающего программиста. Он главный помощник для HTML и CSS, они взаимосвязаны между собой, как лучшие друзья. С помощью JavaScript есть возможность создавать скрипты, которые автоматизируют операции, требующие ручного исправления.

Основные плюсы:
- Работа внутри страницы браузера
- Взаимодействие с тегами html
- Корректирование CSS стилей страницы
- Корректировка кода любой страницы в HTML
- Перемещение любых элементов на странице
- Возможность запросить данные у пользователя и отправить их в базу данных
- Не требуется установки на компьютер
- Автоматическое приведение типов данных
- Широкая область применения

На сегодняшний день, средний заработок специалиста JavaScript варьируется от 1000$ до 3500$.

#Статьи

Ant Design — это полноценная дизайн-система, визуальный язык. Со своими принципами, стайлгайдами и библиотекой компонентов.

Основные особенности:
- Пользовательский интерфейс корпоративного класса, разработанный для веб-приложений.
- Набор качественных компонентов React из коробки.
- Написано на TypeScript с предсказуемыми статическими типами.
- Полный пакет дизайнерских ресурсов и средств разработки.
- Поддержка интернационализации для десятков языков.
- Мощная настройка темы в каждой детали.

#React #TypeScript

Currency.js -  это легковесная библиотека JavaScript для работы с валютами. Она решает проблемы с плавающей точкой в JavaScript и позволяет вам выполнять все основные арифметические операции не беспокоясь о точности дробей. Она работает с разными видами вводных данных: строчными, числовыми, десятичными и денежными единицами.

#JavaScript

Satisfying Button (Neumorphism)

С виду это обычные не примечательные кнопки , но при наведении на них, они становятся захватывающими, анимационными и неоморфными!

#html #css

Moment.JS - облегченная библиотека JavaScript для анализа, проверки, управления и форматирования даты и времени.

#JavaScript

Главные причины изучить NodeJS в 2020 году

NodeJS — самая популярная технология в мире, особенно в Силиконовой долине. Это идеальный навык, чтобы открыть удивительные карьерные возможности для любого разработчика программного обеспечения. У каждого языка программирования есть свои преимущества, но что делает Node таким особенным?

Особенности языка:
- Приложения в реальном времени
- Низкая кривая обучения
- Производительность и масштабируемость
- Поддержка NPM с богатыми модулями
- Полезная единая кодовая база
- Потоковая передача данных
- Хорошо подходит для создания микросервисов
- Сильная Корпоративная Поддержка

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

#Node

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

1) Lineicon - 1000+ векторных иконок бесплатно.
2) Web Developer Checklist - замечательное расширение для веб-разработчиков, которые хотят быть уверенными в том, что они следуют лучшим практикам.
3) React Hooks - Полный Курс от Владилена Минина.
4) Satisfying Button (Neumorphism) - кнопки с неоморфной анимацией.
5) Scale - генеративный способ создания цветовых шкал.

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

#Лучшее

UIkit - это легкий и модульный интерфейсный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Основные особенности:
- UIkit развивается на LESS & SASS.
- Коллекция небольших, aдаптивных компонентов с использованием унифицированных и бесконфликтного соглашения об именовании.
-  UIkit обеспечивает согласованную работу от телефонов и планшетов до десктопов. Ведь он основан на Mobile first подходе

#html #css #framework

Landrick - это отличный HTML-шаблон для стартапа, коворкинга, облачного хостинга, езды на машине, классических saas, классических приложений, событий, бизнеса, приложений, образовательных курсов, личного портфолио, услуг.

Landrick полностью обновлен до последней версии bootstrap v4.5. Он на 100% отзывчив и отлично смотрится на всех типах экранов и устройств.

#Шаблоны

Git How To — это интерактивный тур, который познакомит вас с основами Git. Тур создан с пониманием того, что лучшим способом научиться чему-нибудь — сделать это своими руками.

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

"Тёмный режим" или "тёмная тема" в последние пару лет является очень актуальной тенденцией в разработке мобильных приложений.

В CSS спецификации есть медиа запрос prefers-color-scheme, который на данный момент поддерживается практически всеми популярными браузерами.

Простой пример на CSS:
/* Light mode */
@media (prefers-color-scheme: light) {
html {
background: white;
color: black;
}
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
html {
background: black;
color: white;
}
}

Или же подключаем стили через HTML:
<link rel="stylesheet" href="dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">

#CSS

Themeor — новая библиотека для React разработчиков. На данный момент она еще находится в разработке, однако уже существующих компонентов достаточно для построения mid-tier проектов.

В документации уже расписано взаимодействие с такими компонентами как Box, Font, Fit и Gap, которыми можно воспользоваться для построения полноценного UI. Компоненты по типу Line, Align и Icon помогают кастомизировать и упрощают работу с настройкой вашего UI на ваш вкус.

#React

Идеи для проектов на JavaScript. Часть 1.

1. Часы
Один из самых простых и базовых проектов, с которых можно начать, это обычные часы. Они должны показывать текущее время (часы и минуты, а возможно и секунды).

2. Форма с валидацией
Реализуйте форму и проверку значений, которые вводятся в ее поля, например, email-адреса или телефонного номера. Для валидации используйте регулярные выражения.

3. Индикатор загрузки
Например, это может быть анимированная полоска, вид которой обновляется каждые несколько миллисекунд. По мере загрузки индикатор может менять цвета.

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

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

#Статьи

Бесплатный видео-курс "С нуля до первого сверстанного сайта".

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

#Курсы

Фича 2. Свойство place-items в CSS Grid

Свойство place-items позволяет центрировать элемент по горизонтали и по вертикали, обходясь при этом минимальным объёмом CSS-кода.

Пример кода:
.box{
    display: grid;
    place-items: center;
}

Свойство place-items представляет собой сокращение, используемое для настройки свойств justify-items и align-items.

#Фичи #CSS

Animation Library - это библиотека анимации на чистом CSS. Появление, исчезновение, поворот элементов. Просто подключите файл библиотеки и используйте тег в HTML.

Пример кода:
<div class="u--fadeIn" >...</div>

#CSS #Animation

OmgoPass - библиотека может предоставить самое быстрое и минимальное (с точки зрения размера пакета) решение для генерации паролей.

Особенности библиотеки:
- Быстро: в 600 раз быстрее, чемpassword-generator
- Маленький: 322 байта (минимизированный и сжатый с помощью gzip)
- Безопасность: использует криптографически стойкий случайный API вместо Math.random
- Нет зависимостей
- Поддерживает Node.js

#JavaScript

The Icon of - коллекция из 1100+ отличных иконок, подходящих для любого проекта. Все иконки доступны в самых популярных форматах, включая оптимизированный веб-шрифт.

#Графика

Ungit решает все эти задачи с помощью интуитивно понятного графического интерфейса для управления Git-репозиториями. Он представляет ваш репозиторий как паутину коммитов и ветвей.

Основные особенности:
- Чистый и интуитивно понятный интерфейс для Git (что есть невероятно круто для освоения Git)
- Работает на любой платформе с установленными Node.js и самим Git
- Веб-ориентированный. Возможность запускать его в облаке.

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