Что относится к css фреймворкам

CSS-фреймворки для верстальщиков

Глеб Летушов, редактор-фрилансер, написал статью специально для блога Нетологии о том, что такое СSS-фреймворки, как они помогают в создании сайта и нужно ли их использовать.

Обучение в онлайн-университете: курс «Старт в программировании»

Что такое фреймворк

Фреймворк — это платформа, на которой строится программа. Понятие фреймворка используется во многих языках программирования.

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

Кому пригодятся CSS-фреймворки

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

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

Какой фреймворк выбрать

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

Я расскажу о тех решениях, с которыми знаком и которые мне приглянулись.

Bootstrap

Один из самых используемых фреймворков. Построен по принципу mobile-first, то есть хорошо выглядит на мобильных телефонах.

В этот фреймворк входит сетка из двенадцати колонок, шрифты, формы, кнопки, JS-скрипты. Их оформление уже прописано в CSS-классах, поэтому достаточно только подключить стили и сделать разметку.

Верстать сайт с помощью Бутстрап способны даже начинающие разработчики. Можно быстро создать прототип и макет с необходимой функциональностью в HTML. Правда, в стандартном оформлении сайты выглядят одинаково, но стили для классов можно изменить со временем.

Bootstrap хорошо работает на разных устройствах и отображается в современных браузерах.

Страница блога, созданная с помощью Bootstrap

Полная сборка Bootstrap содержит описания множества стилей для веб-элементов, шрифтов, сетки. Если еще неизвестно, каким будет сайт, лучше пользоваться полной сборкой.

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

С сайта можно скачать две версии фреймворка: Bootstrap 3 или 4. Третья версия самая распространенная. Но я советую сразу разбираться с четвертой, так как в неё добавлены новые классы, структура и интересные фишки.

Skeleton

Небольшой фреймворк, включающий в себя всего лишь два файла: normalize.css — общий файл для сброса стилей, и skeleton.css со стилями. Стилей немного, это 12-колоночная сетка и основные CSS-правила — типографика, кнопки, формы. Так же, как и в Bootstrap, в Skeleton используется подход mobile-first.

Skeleton — простой и легкий, мне он понравился даже больше, чем Bootstrap.

Если нужно быстро сверстать страницу и не путаться в элементах, то советую Skeleton: GetSkeleton.

Milligram

Легкий фреймворк, похожий на предыдущий. Чистый код, минимальное оформление — удобный для начинающих разработчиков. Используются основные компоненты — типографика, кнопки, цитаты. Сетка в Milligram отличается от других, потому что строится на флексбоксах — особых контейнерах, которые выстраиваются в строку или столбик, а пространство между ними заполняется разными способами.

Посмотреть и изучить: Milligram.

Semantic UI

Позволяет быстро верстать красивые сайты и обладает полностью адаптивным дизайном. Все элементы Semantic UI хорошо подобраны и выглядят превосходно: красивая анимация, формы, селекторы.

Элементы Semantic UI

Полная версия много весит, поэтому ненужные функции нужно будет удалить. В освоении этот фреймворк сложнее, чем Bootstrap, но стоит того, чтобы с ним познакомиться. Если Bootstrap предлагает базовые элементы, то в Semantic UI уже есть законченные блоки с продуманным дизайном, которые сразу можно использовать для верстки страницы.

Foundation Zurb

Один из популярных фреймворков. Так же, как и Bootstrap, Foundation — это набор компонентов, с помощью которых собирается готовый сайт. Фреймворк также построен по концепции mobile-first, обладает 12-колоночной сеткой и подстраивается под размер экрана. Интересные стили и кнопки, ограничений в стилизации почти нет. На сайте приведены примеры готового кода, примеры основных элементов и шаблоны сайтов, которые можно переделать. На сайте можно сделать сборку Foundation с теми элементами, которые нужны, удалив лишние. Это сократит вес и уменьшит время загрузки.

Сайт Барака Обамы использует Foundation Zurb

Чтобы оживить страницу, которую верстаете, можно использовать дополнительную библиотеку с переходами и анимацией — Motion UI.

Foundation — сложный в освоении, поэтому новичкам в верстке не подойдет.

Скачать фреймворк и посмотреть документацию можно на сайте ZurbFoundation.

Заключение

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

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

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

Источник

CSS-фреймворки

Что такое CSS-фреймворки? Это, как правило, созданные одним или чаще несколькими разработчиками css-классы, которые облегчают для вас процесс верстки, собранные в одном файле. Подключив всего один внешний css-файл нужного фреймворка, вы используете эти классы в процессе создания разметки страницы, и получаете, например, страницу/раздел (section) в виде нескольких столбцов или красивую кнопку, форму, блок с фоновым цветом.

Как правило, css-фреймворки предполагают наличие классов сетки, которые позволяют автоматически перестраивать контент при изменении разрешения экрана. Т.е. все современные css-фреймворки являются отзывчивыми (responsive) или адаптивными (adaptive) по умолчанию.

Если фреймворк достаточно известен, скорей всего, он имеет не только css-файл и css-классы, но и свои компоненты, которые разработаны на основе JavaScript или jQuery и описаны уже в js-файле. Т.е. помимо css-файла вам нужно подключить еще и скрипт.

Общая схема работы с фреймворками

Подключение css и js в html-файле:

В этой статье мы рассмотрим такие css-фреймворки:

Bootstrap

Bootstrap хорошо задокументирован, причем есть документация не только на английском, но и на русском языке. В состав этого css-фреймворка входит множество классов для построения элементов на основе 12-колоночной сетки (grid-system). В состав Bootstrap входит множество компонентов, которые позволяют за счет добавления определенных классов формировать таблицы, карточки, меню, разнообразные формы, менять цвет текста и фона, делать кнопки, модальные окна, аккордионы и многое другое.

В сети часто ругают Bootstrap за избыточность стилей и классов, но, во-первых, можно скомпилировать не весь набор, а только сетку и нужные классы (потребуется знание препроцессора SASS), а во-вторых, использовать CDN для подключения вместо локального файла. В последнем случае есть вероятность, что пользователь уже загружал этот файл к себе на компьютер, и он остался в кэше браузера.

К плюсам Bootstrap можно отнести также наличие дополнительных сайтов с различными темами на его основе bootswatch.com, которые доступны также на CDN, а также масса дополнений к нему и целый сайт сниппетов и шаблонов. Для корректной работы не забудьте проверить версию Bootstrap, и если нужно, внести коррективы.

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

Если вы хотите использовать Material Design для Bootstrap, то стоит посетить сайт mdbootstrap.com и скачать соответствующий набор стилей. Там вы найдете сборку и для Angular, и для React, и для Vue.js

Foundation

Foundation позиционируется, как css-фреймворк для верстки сайтов и email-рассылок, причем последние должны одинаково хорошо отображаться в любых почтовых клиентах, например, в Outlook.

Foundation позволяет скачать как полный набор компонентов, так и «урезанную» версию, которую вы можете задать в блоке «Customize Foundation», выбрав нужные составляющие на странице загрузки. Кроме того, ее можно установить и через npm, и через yarn, и загрузить с CDN.

Foundation предоставляет цветовые классы, классы по управлению отступами, классы для отображения элементов только на определенных устройствах, стили для кнопок и форм и еще много полезных утилит. Этот css-фреймворк с точки зрения оформления имеет больше прямых углов, чем Bootstrap. В последнем формы смягчены с помощью border-radius.

Foundation хорошо задокументирована, вы можете найти примеры на официальном сайте и видео на Youtube канале ZURB по любым компонентам этого css-фреймворка. При подключении jQuery и файла foundation.js вы сможете пользоваться различными плагинами и компонентами, например, слайдерами (ползунками), выпадающими или раскрывающими меню, Orbit для слайдшоу, всплывающими подсказками и др.

Materialize и другие

Вы можете скачать файлы фреймворка, использовать SASS-версию для компиляции со своими значениями переменных, подключить файлы через CDN или установить с помощью npm и bower. В вашем распоряжении css-файл, js-файл, а также шрифт Roboto.

В Materialize довольно приличная цветовая палитра, которая включает намного больше цветовых классов, чем в других фреймворках, причем цвета идут в виде палитры с мягкими переходами.

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

Интересны варианты оформления JS-компонентов, т.к. стилизация под Material Design отличает Materialize от других фреймворков, например, FeatureDiscovery, Sidenav или Pushpin. Очень приятно реализованы формы и такие элементы форм, как флажки (checkboxes) или переключатели (radio), выпадающие списки (select) и ползунки (range).

Есть вариант показа мобильного меню. На официальном сайте предлагается ряд тем, но они уже не бесплатны.

Кстати, есть отдельный сайт, посвященный Material Design для Bootstrap. Очень хорошо видна кастомизация классического вида Bootstrap на примере форм.

Для React-разработчиков существует специальный фреймворк Material-UI, который содержит ряд компонентов, оформленных на основе принципов материального дизайна. Он доступен для установки на npm.

Agile CSS Framework

Там же в репозитории вы увидите список из компонентов, который составляет конкуренцию Bootstrap и Foundation: классы для адаптивной верстки, кнопки, разделители, таблицы, промо-блоки и алерты, компоненты в виде меню, карточек, аккордионов и переключателей, табы-вкладки, паралакс, классы для встраивания видео и оформления изображений, карусели, слайдеры, элементы форм и др.

Вообще-то складывается впечатление, что это клон Bootstrap, но с несколько отличающейся темой оформления.

Bulma

В минифицированной версии bulma.min.css весит 190кб, что несколько больше, чем Bootstrap, но позволяет манипулировать размером конечного файла, если вы знаете SASS. У Bulma есть 8 отдельных составляющих, из которых вы можете скомпилировать свой собственный набор равил + изменить цвета, принятые в этом фреймворке по умолчанию.

Вы можете познакомиться с Bulma поближе, изучив документацию или посмотрев видео (на английском языке). Если говорить об адаптивной сетке, то простейшая разметка в Bulma выглядит так:

Источник

Верстать быстро и красиво: 15 популярных CSS фреймворков

furry.cat

Создание красивых стилей убивает уйму времени. CSS фреймворки выполняют ту же задачу на лету. Верстальщики получают продуманные решения самых насущных проблем – разметку, интерфейсы, адаптивность.

Классический CSS фреймворк – набор базовых стилей для вёрстки веб-страницы:

Можно начать работу над проектом, не тратя время на копирование шаблонного кода или написание с чистого листа. CSS фреймворк – фундамент системы стилей.

Зачем нужен фреймворк?

Чем сложнее приложение, тем больше оснований воспользоваться готовым инструментом. Фреймворк необходим в следующих случаях:

Выбираем CSS фреймворк

Bootstrap

Популярнейшая библиотека компонентов. В 2018 году вышел Bootstrap 4. В нём ещё больше удобных утилит и модификаторов. Четвертая версия написана на SASS, так что можно использовать в разработке все преимущества препроцессоров.

Bootstrap – самый популярный CSS фреймворк

Главные фичи Bootstrap:

Foundation

Foundation – вероятно, второй по распространенности CSS фреймворк. Утонченный и гибкий инструмент подойдёт для очень больших проектов. Им пользуются Facebook, eBay, Mozilla, Adobe, HP, Cisco и Disney.

Фреймворк также построен на препроцессоре SASS и имеет отличную JavaScript-составляющую. Кривая обучения по сравнению с Bootstrap более крутая, но есть и преимущества.

Foundation – идеальное решение для крупных проектов

Главные фичи Foundation:

Этот легковесный (3.8 Кб) CSS-фреймворк создан Yahoo в 2014 году. За легкость приходится платить универсальностью. Pure не предлагает богатую библиотеку компонентов – он сконцентрирован на лейаутах и меню. И конечно, ни капли JavaScript.

Pure.css – легкое решение для отзывчивых макетов

Главные фичи Pure.css:

Bulma

Серьезный игрок на CSS рынке – Bulma. Гармоничная смесь качеств: маленький, отзывчивый, удобный и интуитивно понятный фреймворк. Написан на SASS, сетка на флексах, mobile-first подход, чистый CSS – JavaScript не прилагается.

Bulma – гармоничный CSS фреймворк

Главные фичи Bulma:

Semantic UI

Фреймворк, как следует из названия, трепетно относится к семантике интерфейсов. В Semantic UI 3000 настраиваемых переменных и 50 компонентов для создания сайтов.

Semantic UI – фреймворк для создания интерфейсов, понятных каждому

Главные фичи Semantic UI:

UI Kit

Еще один добротный CSS фреймворк с классическим набором полезностей и удобств. Небольшой размер, встроенные интерфейсные компоненты, поддержка препроцессоров, отзывчивая сетка и возможность кастомизации – всё это UI Kit.

UI Kit – чистый код и минимализм

Главные фичи UI Kit:

Materialize CSS

Детище Google появилось на свет в 2014 и до сих пор занимает лидирующие места в гонке фреймворков. Materialize CSS предлагает набор готовых к использованию компонентов в стиле Material Design.

Materialize CSS – современный фронтенд-фреймворк, основанный на Material Design

Главные фичи Materialize CSS:

Milligram

Один из самых миниатюрных CSS фреймворков. В сжатом виде Milligram весит всего 2Кб. Но мал, да удал – в вашем распоряжении полный набор инструментов верстальщика.

Milligram – миниатюрный CSS фреймворк.

Главные фичи Milligram:

Skeleton

Всего 400 строк кода – а на выходе мы имеем полноценный CSS фреймворк. Skeleton – это не только лейауты, как можно было бы подумать. Здесь весь стандартный набор: типографика, таблицы, формы, кнопки и т. д. Можно брать и создавать полноценный веб-сайт.

Skeleton – идеальный CSS фреймворк для небольших приложений

Главные фичи Skeleton:

Tailwind CSS

Низкоуровневый CSS фреймворк, открыты все возможности кастомизации. Tailwind CSS подходит для нестандартных дизайн-решений. Если вы имеете представление о концепции атомарного CSS, это именно то, что вам нужно. Фреймворк написан на PostCSS и конфигурируется на JS.

Tailwind CSS – низкоуровневый фреймворк с множеством утилитарных классов

Главные фичи Tailwind CSS:

Spectre

Spectre – классический компонентный CSS-фреймворк с элегантным дефолтным оформлением.

Spectre – элегантный CSS-фреймворк

Главные фичи Spectre:

Base – компактный и легкий, но довольно мощный фреймворк, который может стать надежным фундаментом для ваших проектов.

Base – надежный CSS-фундамент для вашего сайта

Picnic CSS

Небольшая библиотека статических и интерактивных компонентов. Picnic включает в себя сетку, формы, табы, всплывающие подсказки, модальные элементы и т. п.

Picnic – легкий CSS фреймворк с симпатичным дизайном

Главные фичи Picnic CSS:

Mustard UI

Ищете CSS фреймворк для новичков? Вы его нашли. Опенсорсный легкий Mustard создан специально для начинающих разработчиков.

Mustard UI – CSS фреймворк для начинающих верстальщиков

Главные фичи Mustard UI:

Dead Simple Grid

Однозначный чемпион в номинации Самый крохотный CSS фреймворк. Dead Simple Grid – это, по большому счету, и не фреймворк вовсе. Весит всего 250 байт(!) и состоит лишь из двух классов. Все, что умеет Dead Simple Grid, – строить сетки, но иногда только это вам и требуется.

Dead Simple Grid – убийственно простой инструмент для построения сеток

Главные фичи Dead Simple Grid:

Бонус

В качестве награды за прочтение еще 3 интересных CSS библиотеки, которые могут вам пригодиться:

Как сделать выбор?

CSS фреймворки предлагают много готового кода, уже проверенного в различных браузерах и на разных разрешениях, чем здорово экономят время. При выборе нужно задаваться не вопросом «какой из этих инструментов лучше?», а «какой из них лучше подходит для моего проекта?».

Основные значащие факторы:

Разобравшись в своих потребностях, вы без труда подберёте CSS фреймворк. Возможно, даже из нашего списка.

Источник

Знакомство с фреймворками. Часть 1. HTML/CSS, PHP и Python

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

Что такое фреймворк

Если обратиться к истории самого слова «фреймворк», то этот неологизм появился в языке относительно недавно, примерно в начале XXI века. С английского слово “framework” можно перевести как «конструкция», «структура», «каркас», «корпус» или «остов». Понимание перевода слова ведет к понимаю сути фреймворка: это специальная программная среда выполнения, программный каркас, который облегчает разработку программ и объединение компонентов, так как уже содержит в себе некую основу, не меняющуюся от конфигурации к конфигурации часть, которую следует лишь наполнить сменными моделями или точками расширения.
В отличие от динамической библиотеки (DLL), которая предоставляет собой лишь набор ограниченных функций, фреймворк является каркасом, согласно которому будет строиться архитектура приложения, то есть он определяет взаимосвязь между компонентами. Более того, фреймворк может содержать много разных по тематике библиотек.

При этом фреймворки можно поделить на следующие виды:

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

Сравнение чистого кода, фреймворка и CMS

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

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

Второй вариант – это использование фреймворков. Безусловно, этот вариант имеет ряд ограничений, если сравнивать его с предыдущим путем: у вас уже будет готовая основа, которую необходимо будет заполнить нужными компонентами. Естественно, даже такой вариант не подойдет тем, кто мало знаком с программированием, и именно поэтому на свет появился третий способ создания сайта.

Третий вариант – установка готовой CMS. Этот путь популярен у людей, далеких от веб-разработки, так как он позволяет легко и быстро создать свой собственный сайт, при этом все необходимые действия можно выполнять из административной панели. Но в то же время этот подход является самым несвободным по сравнению с предыдущими двумя и обладает массой ограничений.

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

HTML/CSS-фреймворки

Bootstrap (или Twitter Bootstrap) – один из самых известных и современных фреймворков, впервые анонсированный в 2011 году. Одно из главных свойств этого фреймворка – адаптивность. Используя Bootstrap, вы можете создать сайт с отзывчивым дизайном: ваш проект будет самостоятельно подстраиваться под размер экрана пользователя. Другие плюсы этого фреймворка: простота в использовании, наличие множества шаблонов и стилей, что значительно экономит время при разработке, согласующийся постраничный дизайн, открытое программное обеспечение. Bootstrap нельзя назвать только HTML/CSS-фреймворком, так как он включает в себя также готовые стили и плагины под jQuery (библиотека на JS).

Foundation – один из ведущих front-end-фреймворков на данный момент. В последних версиях авторы сделали упор на функционал для мобильных устройств. Семантический подход позволяет писать более чистый код на HTML и использовать SCSS. Этот фреймворк хорошо подходит для быстрого прототипирования.

Semantic UI – этот фреймворк, как и Bootstrap, поможет вам создать переносимые интерфейсы. Это достаточно молодой фреймворк, который постоянно развивается; он имеет множество различных кнопок, иконок, изображений, надписей и других элементов.

Uikit – фреймворк, обладающий легкой и модульной структурой. Выделяется на фоне остальных фреймворков двумя особенностями: во-первых, markdown (предварительный просмотр в реальном времени), во-вторых, синтаксическая подсветка для HTML.

Pure by Yahoo! – фреймворк, который содержит небольшие адаптивные CSS-модули, пригодные для использования в любом проекте. Как можно понять из названия, к этому фреймворку стоит обращаться тогда, когда вам нужно использовать некоторые возможности фреймворка, но в то же время вы не хотите использовать слишком тяжелый программный каркас.

PHP-фреймворки

Yii – фреймворк, название которого расшифровывается как “Yes, it is!”, существует уже более 8 лет и постоянно обновляется. У него широкие возможности: одна из самых высоких производительностей (по сравнению с другими фреймворками), кэширование, обработка ошибок, миграция баз данных, возможность использовать и объединяться с jQuery и многое другое. В отличие от других PHP-фреймворков, Yii можно изучить достаточно быстро, работа с ним стабильна и безопасна. Именно по этим причинам данный фреймворк часто советуют тем, кто только начинает свой путь в PHP-программировании.

Laravel – этот фреймворк часто лидирует в разнообразных опросах, касающихся PHP-фреймворков. Например, в 2013 году Laravel был назван самым многообещающим проектом 2014 года, а в 2015 году занял первые места в категориях «Фреймворк корпоративного уровня» и «Фреймворк для личных проектов». Laravel прост в освоении и отлично подходит для небольших и средних проектов, когда необходимо быстро и удобно написать код.

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

CodeIgniter – один из старейших фреймворков, первый публичный релиз которого состоялся в 2006 году. Этот фреймворк имеет массу преимуществ: быстрая установка, хорошая документация, малый вес; с ним вы можете легко реализовать задуманный проект. Именно поэтому некоторые начинают освоение фреймворков именно с CodeIgniter. Немаловажным фактом также являются регулярные релизы новых версий, в которых исправлены баги и добавлены новые возможности.

Phalcon PHP – написанный на языках программирования C, С++ и PHP фреймворк имеет открытый исходный код, а также предлагает разные версии для самых популярных операционных систем: Windows, Linux и Mac. Если взять во внимание тесты, то данный фреймворк является одним из самых производительных. Также Phalcon PHP можно использовать на собственных серверах.

Python-фреймворки

Django – это один из самых известных фреймворков в целом и, безусловно, самый популярный фреймворк на языке Python. Удивительно, но для того, чтобы начать использовать Django, вам даже не нужны глубокое знание языка Python. Отличительной особенностью Django является его принцип DRY, который расшифровывается как “Don’t repeat yourself”. Мысль, выраженная в этой фразе, ведет к тому, что разработчикам не следует повторять те строки кода, которые они уже использовали, и благодаря этому исходный код выглядит более лаконично и понятно. К преимуществам фреймворка можно также отнести стандартную структуру (благодаря которой даже сторонний программист сможет разобраться в коде) и наследование шаблонов. Многие знакомы с Django в качестве системы администрирования, однако эта CMS подойдет только опытным пользователям, знакомым с программированием.

Flask – данный фреймворк также называют расширяемым микрофрейморком. Это связано с тем, что изначально в Flask заложен лишь самый необходимый функционал, который затем можно расширять до уровня, который необходим проекту. Обилие расширений решит практически любую задачу, которую вы перед собой поставите. Поэтому свое ознакомление с Python-фреймворками многие советуют начать именно с Flask.

TurboGears – известный Python-фреймворк с более чем 10-летней историей. Он предназначен для разработки веб-проектов и состоит из различных WSGI-компонентов, в том числе Pylons и CherryPy. Благодаря этому можно говорить о TurboGears как о мощном фреймворке с богатым функционалом. Он поддерживает множество баз данных и форматов обмена данными, также поддерживает различные JavaScript-библиотеки и горизонтальное масштабирование данных.

Tornado – этот фреймворк выделяется на фоне остальных своей главной особенностью, а именно способностью решить проблему 10 тысяч соединений. Неблокирующая природа сервера, использующего Torando, позволяет ему легко выдерживать тысячи недлительных подключений, которые произведены в одно время.

Web2spy – этот фреймворк, как и некоторые другие, основывается на концепции RAD (rapid application development). Иными словами, при его разработке особое внимание было уделено оптимизации процесса создания проекта, чтобы программист мог как можно быстрее создать хороший продукт. Фреймворк имеет открытый исходный код и помогает создавать динамические сайты при помощи языка Python. Это полнофункциональный фреймворк, который содержит компоненты для всех основных функций.

Во второй части будут рассмотрены фреймворки следующих языков программирования: Ruby, Java, JavaScript.

Источник