Принципы программирования.

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

1. SOLID (принцип единственной ответственности, принцип открытости/закрытости, принцип подстановки Барбары Лисков, принцип разделения интерфейса, принцип инверсии зависимостей).
2. KISS («Придерживайся простоты»).
3. YAGNI («Тебе это не понадобится»).
4. DRY («Не повторяйся»).
5. Композиция важнее наследования.
6. Разделение ответственности.
7. Избегай преждевременной оптимизации.
8. Рефакторинг, рефакторинг, рефакторинг.
9. Чистый код лучше, чем хитроумный код.
10. Бритва Оккама (Преимущества перевешивают недостатки?)
11. Принцип наименьшего удивления (При выборе имен надо следить за тем, чтобы они отражали сущность объектов).
12. Закон Деметры (Разделение ответственности между классами).

Постепенно мы рассмотрим все эти принципы.

#Статьи

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

Jumping Gooey Navigation.

Крутая реализация анимированной навигации с применением технологии GSAP и MotionPathPlugin
от Green Sock.

#html #css #javascript

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

1) Candy Color Button Animation - замечательная коллекция анимированных кнопок на чистом CSS.
2) SQLBolt - сервис интерактивных уроков и упражнений, призванных помочь вам быстро изучить SQL.
3) Книга: JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание
4) OverAPI - огромная коллекция шпаргалок и подсказок по различным языкам программирования и технологиям.
5) CodeCombat - это многопользовательская игра, позволяющая научиться программировать.

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

#Лучшее

Sal.js - ориентированная на производительность, легкая (менее 2,8 КБ) библиотека анимации прокрутки, написанная на ванильном JavaScript. Никаких зависимостей!

Sal ( Библиотека анимации прокрутки ) была создана, чтобы предоставить эффективное и легкое решение для анимации элементов при прокрутке. Он основан на Intersection Observer , который обеспечивает потрясающую производительность с точки зрения проверки наличия элемента в области просмотра.

#javascript

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

Генератор экспортирует файлы SVG, которые можно скопировать прямо в буфер обмена для добавления в HTML/CSS или загрузить на свой компьютер, готовые к использованию в выбранном вами программном обеспечении для дизайна (Figma, Sketch, Framer, XD и т.д.)

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

Vectry Icons - высококачественный бесплатный набор интерфейсных иконок для Вашего проекта. В комплекте 20 иконок в SVG формате.

#Графика

CMS 1C-Битрикс: управление сайтом

В этом видео-курсе Вы познакомитесь с одной из наиболее популярных CMS Рунета – 1С-Битрикс: Управление сайтом. Из видео вы узнаете о Битриксе, о плюсах и минусах этой CMS, о том, какие типы сайтов можно сделать под управлением данной CMS.

#Курсы

На канале наших друзей - Просто: разработка, мы нашли интересный пост о том как реализовать интересную анимацию для ссылок на чистом CSS. Забираем в коллекцию!

#CSS

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

Основные преимущества:
- Удобное асинхронное серверное программирование благодаря встроенному Fibers.
- Отлично спроектированная абстракция для работы с данными через коллекции.
- Абстракция для вызова серверных методов, выглядящая как вызов асинхронной функции с callback'ом.
- Удобный деплой приложений.
- Протокол DDP, призванный заменить REST API. Это очень простой но мощный протокол, основанный на EJSON (расширенный JSON). DDP поддерживает RPC и двустороннюю передачу данных, работает поверх WebSockets и SockJS.
- Best practices enforcement. HTML, CSS, LESS или coffeescript должны быть валидными (иначе проект не скомпилируется), чёткое разделение между шаблонами (spacebars — наследник handlebars), css и js.

#javascript #framework

Web Developer - это не просто расширение для Chrome, а целый набор полезных инструментов для управления элементами сайта — например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы.

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

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

Основные советы по оптимизации:
- Включите gzip-сжатие, если это возможно.
- Используйте оптимизацию изображений.
- Минимизируйте CSS и JavaScript
- Удалите неиспользуемый код CSS и JavaScript
- Используйте CDN
- Отложите загрузку низкоприоритетного контента, используя функцию ленивой загрузки.
- Уменьшить количество запросов, удалив то, что не влияет на работу сайта.
- Протестируйте Ваш сервер, его работа тоже влияет на время загрузки
- Проверьте время загрузки внешних скриптов и если они долго загружаются, добавьте им параметр async

#Статьи

Памятка по современному JavaScript

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

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

#javaScript

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

Основные особенности:
- Невероятно быстрое время сборки - многоядерная компиляция и кеш файловой системы для быстрого восстановления даже после перезапуска.
- Готовая поддержка JS, CSS, HTML, файловых ресурсов и т. д. - никаких плагинов для установки.
- Автоматически преобразует модули, используя Babel, PostCSS и PostHTML, когда это необходимо - даже 
node_modules.
- Разделение кода нулевой конфигурации с помощью динамических import() операторов.
- Встроенная поддержка горячей замены модуля
- Удобный способ регистрации ошибок - выделенные синтаксисом кодовые фреймы помогают выявить проблему.

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

Effector - стейт-менеджер, который активно развивается и поддерживает множество фреймворков. Одни из них React, React Native, Vue, Svelte.

#JavaScript

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

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

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

Bree - лучший планировщик заданий для Node.js и JavaScript с cron , date , ms , later и удобной поддержкой.

Работает в Node v10+ и браузерах (благодаря полифилу bthreads), использует рабочие потоки (Node.js) и веб-воркеры (браузеры) для создания изолированных процессов, а также поддерживает async / await, стратегии повтора для неудачных операций, регулирование, параллелизм и отменяемые задания с плавным завершением работы.

#JavaScript #Node

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

1) Памятка по современному JavaScript.
2) Sal.js - ориентированная на производительность, легкая библиотека анимации прокрутки.
3) Web Developer - набор полезных инструментов для управления элементами сайта.
4) Squircley - это онлайн инструмент, который умеет создавать красивые геометрические формы.
5) Vectry Icons - высококачественный бесплатный набор интерфейсных иконок для Вашего проекта.

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

#Лучшее