Структура это слово часто используется в контексте цикла разработки. Итак, что даже является структурой? Когда мы говорим о рамках, эти рамки обычно делятся на три разные категории 1.Frontend Frameworks 2. Backend Frameworks 3. Интерфейс -каркасы пользователя Но даже как только вы узнаете, что такое фреймворки, какие из них вы должны изучать или использовать, и почему вы должны его использовать? Итак, в этом блоге мы обсудим, что такое рамки, какие рамки существуют? И как принимать решения о том, какую структуру вы должны использовать для своих проектов!
Что такое фреймворки
Структура — это Стандартизированный набор концепций, практики и критерии для решения общего типа проблемы , который может быть использован в качестве ссылки, чтобы помочь нам подходить и решить новые проблемы аналогичного характера. В мире веб -дизайна и разработки, чтобы дать более простое определение, структура определяется как Пакет, состоящий из структуры файлов и папок стандартизированного кода (HTML, CSS, JS Documents и т. Д.
Если мы посмотрим на пару различных веб -приложений, мы увидим, что есть много похожих функций. Многие имеют аутентификацию пользователей, пользовательские уведомления, планирование задач, страницы, которые рендеринг при загрузке, они подключаются к базам данных, у них есть профили, на которые вы можете посмотреть, все они имеют стилизованные каналы информации и т. Д. Если мы хотим, мы можем написать всю эту логику каждый раз, когда мы хотим создать новое приложение, однако есть также много инструментов, которые могут сделать это для нас проще и, следовательно, сэкономить много времени.
Кроме того, большую часть времени, когда мы создаем приложения, мы хотим форматировать наш код определенным образом, чтобы помочь нам стать более эффективными и помочь другим разработчикам понять наш код. Веб -фреймворки помогают нам достичь структуры в наших приложениях, и они дают нам дополнительные функции, которые мы можем добавить к ним без слишком большой работы.
Frameworks дают нам место для начала, чтобы мы могли сосредоточиться на функциях, а не на деталях конфигурации.
Код читается гораздо больше, чем он написан, и это так важно, когда вы работаете с другими разработчиками, что они знают, где написан код для определенных задач, чтобы они могли использовать его в своем коде.
Например. Если вы используете такую структуру, как Ларавел , вы знаете, что все файлы аутентификации в папке Auth, Итак, любой новый разработчик с базовыми знаниями о Ларавел Структура может легко внести любые необходимые изменения.
Фреймворки также имеют соглашения о том, как код написан и структурирован, что стандартизирует, как разработчики пишут свой код.
Frontend Frameworks
Фронтал веб -приложения — это часть, с которой вы видите и взаимодействуете. Он состоит из веб -дизайна и взаимодействия сайта. С точки зрения языков программирования, это почти всегда состоит из CSS, HTML и JavaScript страницы.
Обычные компоненты:
- Исходный код CSS для создания сетки: Это позволяет разработчику позиционировать различные элементы, которые составляют дизайн сайта простым и универсальным способом.
- Определения стиля типографии для элементов HTML.
- Решения для случаев несовместимости браузера, поэтому сайт отображается правильно во всех браузерах.
- Создание стандартных классов CSS, которые можно использовать для стиля расширенных компонентов пользовательского интерфейса.
Frontend Frameworks:
-
- Построенный Google
- Хорошо поддерживается
- Доступна надлежащая документация
- Поощряет возможности повторного использования
- Улучшает масштабируемость приложения
-
- Построен Facebook
- Код пакетов в компоненты
- Доступна надлежащая документация
- Организует код и данные, чтобы сделать код более повторно используемым
- Большая кривая обучения
-
- Легко учить
- Очень быстро
- Принимает детали от угловых и реагирует и оптимизирует их
- Все инструменты, связанные с ним, хорошо упакованы
- менее широко принят, чем некоторые другие
Выбор фронтальной структуры
Мир Frontend Frameworks развивается особенно быстро, кажется, что новая фронтальная рамка растет каждые несколько месяцев. Узнайте, что имеет для вас смысл, и не беспокойтесь о том, что является «самым горячим» на данный момент.
Бэкэнд -рамки
Бэкэнд -каркасы намного более разнообразны. Они написаны на различных языках программирования и имеют широкий спектр функций. Ниже, как приведенный выше список, представляет собой очень неполный список некоторых фреймворков для написания бэкэндов приложения.
-
- Язык- PHP
- Поддерживает композитор для управления пакетами
- Предлагает тонны пакетов
- Отличное сообщество
- Много учебных ресурсов доступно бесплатно
- Дает вам много функциональности из коробки (например, аутентификация пользователя, подключения к базе данных и рендеринг просмотра)
-
- Язык- Питон
- Счастливая среда между тем, чтобы быть очень самоуверенным и меньшим структурированный
- Может быть трудно интегрировать причудливый фронт-конце.
- Дает вам много функциональности из коробки (например, аутентификация пользователя, подключения к базе данных и рендеринг просмотра)
-
- Язык- Питон
- Менее самоуверенный и более настраиваемый, чем Джанго
- Дает вам меньше из коробки (вы должны построить больше)
- Все инструменты, связанные с ним, хорошо упакованы
- менее широко принят, чем некоторые другие
-
- Язык- Руби
- Очень самоуверенный
- Имеет отличные инструменты, такие как леса, так что вы можете быстро строить вещи
- Дает вам много функциональности из коробки (например, аутентификация пользователя, подключения к базе данных и рендеринг просмотра)
- Трубопровод активов помогает с фронтальной разработкой
- Руби занимает больше времени для запуска программ, чем некоторые другие языки программирования
-
- Язык- JavaScript
- Дает вам много функциональности из коробки (например, аутентификация пользователя, подключения к базе данных и рендеринг просмотра)
- Очень хорошо интегрируется с современными фронта
-
- Язык- JavaScript
- Питается GraphQL
- Очень высокая совместимость источников данных (непосредственно извлекает данные из Contiful, Drupal, WordPress и т. Д.)
-
- Язык- JavaScript
- Очень настраиваемый
- Очень легкий
- Менее встроенные функции
- Узел очень быстрый
Выбор бэкэнд -рамки
Обычно вы выбираете бэкэнд -структуру, основанную на языке программирования, в котором он написан. Кроме того, примите во внимание, какие функции вы хотите добавить, если вы хотите, чтобы аутентификация (или вход пользователей) для вашего веб-сайта, например, написание ее в Django, где встроенная аутентификация будет намного проще, чем писать в колбе, где вы, где вы Понадобится дополнительная услуга.
Пользовательский интерфейс фреймворки
Пользовательский интерфейс Frameworks помогает создать стилизованные и профессиональные веб -приложения. Большинство из них включают в себя какую -то сетку, чтобы вы выравнивали элементы, у них есть цветовые схемы, так что это обрабатывается для вас, и они стилизуют ваши HTML -компоненты, используя CSS, чтобы они выглядели чистыми и профессиональными. Они находятся в домене фронта; Однако обычно, когда мы ссылаемся на Frontend Frameworks, мы говорим о Frameworks JavaScript.
Фреймворки пользовательского интерфейса включают:
-
- Построен Twitter
- Легко учиться и выглядит профессионально
- Может быть легко заметить «сайты начальной загрузки»
- Может быть трудно настроить компоненты
-
- Создано и разработано Google
- Чистый вид
- Немного «веселье», чем начальная загрузка
- Следует руководству по стилю материала Google
- Много вариантов стиля и цвета
-
- Усовершенствованный отзывчивый макет
- Много примеров
- Профессиональный взгляд
- Используется по Adobe, EA, HP, Samsung, eBay, Disney.
Выбор структуры пользовательского интерфейса
Выбор структуры пользовательского интерфейса в основном сводится к личным предпочтениям по внешнему виду и целям сайта. Различные стили могут обращаться к различным отраслям или могут передать пользователям другое сообщение.
- Источник данных- среда, поиск Google, Али Спиттель
Кроме того, я хотел бы услышать от вас отзывы и отзывы. Пожалуйста, скажите мне, что вам понравилось в разделе комментариев ниже. Счастливого обучения! ✨
Оригинал: «https://dev.to/theankitsinha/what-is-a-web-framework-and-which-one-you-should-use-hnb»