Статьи

Инструменты торговли: рамки веб-разработки, которые используют профессионалы

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

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

Сегодня мы рассмотрим различные варианты выбора веб-среды разработки. Мы рассмотрим все типы фреймворков, начиная с серверных фреймворков и заканчивая фреймворками JavaScript Заинтригованный? Пойдем посмотрим!

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

Учебное изображение

CakePHP — это очень популярный PHP-фреймворк, созданный на основе Ruby on Rails и позволяющий легко разрабатывать, поддерживать и развертывать приложения.

Эта структура использует шаблон MVC и имеет множество функций, включая ORM, строительные леса и маршрутизацию URL. Встроенные библиотеки довольно обширны и включают в себя помощники для создания RSS-каналов и HTML-элементов.

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

Учебное изображение

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

Среди фреймворков, построенных по шаблону MVC, CI — самый простой в освоении. Если вы начинающий программист PHP, CodeIgniter будет лучшим местом для начала.

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

Учебное изображение

Kohana — это форк CodeIgniter, предназначенный для работы только с PHP 5. Kohana полностью ориентирована на сообщество, и каждая модификация тщательно обсуждается и проверяется сообществом.

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

Учебное изображение

Фреймворк Zend — это скорее клеевой фреймворк, в котором вещи не так тесно связаны, как в других фреймворках, таких как RoR или CakePHP. Как таковой, он также дает вам гораздо больше контроля.

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

Сказав это, он имеет отличную документацию и очень большое сообщество за этим.

Учебное изображение

Symfony — это еще одна очень популярная, полнофункциональная PHP-инфраструктура. Он обеспечивает прочное ядро ​​и поставляется с множеством сторонних библиотек для заполнения пробелов.

Это продается в основном как корпоративная структура и имеет хорошую документацию и процветающее сообщество, чтобы помочь вам.

Учебное изображение

ASP.NET позволяет использовать шаблон MVC через ASP.NET MVC. Это позволяет разработчикам использовать принятый шаблон MVC в своих приложениях. Или, если вы решили, вы можете полностью игнорировать MVC и использовать способ, которым вы обычно хотите.

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

Учебное изображение

Ruby on Rails — это платформа для платформы Ruby, созданная Дэвидом Ханссоном при создании Basecamp для 37Signals. Ruby on Rails приобрел невероятный рост с момента выпуска.

RoR использует шаблон MVC и предоставляет ряд функций, включая полное ORM, создание леса и перезапись URL. Ruby по умолчанию использует Prototype в качестве библиотеки JavaScript.

Невероятный рост Ruby можно объяснить простотой разработки и богатым набором функций. Конфигурация вообще минимальная к нулю. У него хорошая документация и растущее сообщество.

Учебное изображение

Django — это фреймворк для веб-разработки, основанный на Python, и один из самых надежных на платформе Python.

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

Он имеет чрезвычайно подробную документацию, чтобы поддержать это вместе с полезным, вежливым сообществом. Начинающий программист на Python очень легко примет Django.

Подобно Zend, это очень слабо связанная структура, которая склеивает ряд сторонних библиотек для обеспечения функциональности.

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

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

Учебное изображение

Подобно Kohana и CodeIgniter, Turbogears построен на вершине пилонов. Он имеет те же плюсы и минусы, что и пилоны.

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

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

Учебное изображение

jQuery — это чрезвычайно популярная библиотека, которая фокусируется в основном на манипулировании DOM. Он имеет обширный API, охватывающий ряд функций от обхода DOM до поддержки AJAX.

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

Если вы новичок в JavaScript и хотите начать работу как можно быстрее, jQuery — отличный выбор.

Учебное изображение

Прототип является одной из старейших библиотек JS и поэтому является очень зрелым и стабильным. Он поставляется с Ruby on Rails и как часть стандартной установки OS X.

Он предоставляет понятный API для всех предоставляемых им функций и имеет четкую документацию, подтверждающую все это. Prototype также предоставляет различные методы, с помощью которых вы можете написать чистый код на основе классов. Prototype обрабатывает все, от манипуляций с DOM до AJAX, и предоставляет ряд вспомогательных методов.

Учебное изображение

Mootools представляет собой идеальное решение для среднего и продвинутого программиста. Он ориентирован на JavaScript как язык и максимально расширяет его.

Он обеспечивает надежную систему создания классов, как и Prototype, и, как и другие, обеспечивает целостный API для всех функций, которые он предоставляет.

Временами документации может не хватать, но активное сообщество более чем компенсирует это.

Учебное изображение

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

В YUI базовая библиотека содержит все необходимые элементы, включая обход DOM и манипуляции с CSS, в то время как утилиты и виджеты являются необязательными и доступны отдельно.

YUI имеет самую полную документацию среди JavaScript и с ней легко начать.

Учебное изображение

Dojo — еще один инструментарий JS, который предоставляет все, что вы ожидаете от современной библиотеки JS, включая механизм выбора, интеграцию AJAX и так далее.

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

Фреймворки CSS, при правильном использовании, позволяют сократить время разработки, сокращая часто повторяющиеся объявления и стилизацию.

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

Учебное изображение

Сетка 960 призвана облегчить ваш рабочий процесс, не усложняя вещи. Есть 12 и 16 колоночных версий для добавленных вариантов.

Он предоставляет генератор CSS для дальнейшего сокращения времени разработки. Он также имеет готовые шаблоны для использования в популярных программах, включая Photoshop, Fireworks, Illustrator и Expression Design.

Учебное изображение

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

Он также имеет отличный инструмент для создания YAML CSS-кода. Документация довольно тщательная, а сообщество полезное.

Учебное изображение

Blueprint — это CSS-фреймворк, предназначенный для сокращения времени, затрачиваемого на размышления над сетками и отступами. Он использует сплошную сетку, поддержку типографики и поддержку печати.

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

Учебное изображение

Еще один продукт Yahoo в списке. YUI Grids предлагает поддержку различной ширины, разметки, гибкого размещения элементов и многого другого.

Как и в случае библиотеки YUI JS, каждая ее часть тщательно документирована с множеством примеров, примеров кода и скриншотов.

Учебное изображение

Elastic — очень простая структура с поддержкой фиксированных, жидких и эластичных макетов.

Elastic имеет растущее сообщество и довольно приличную документацию.

В последнее время появляются специализированные библиотеки анимации JS с единственной целью — предоставить более простой способ анимации пользовательских интерфейсов. Давайте посмотрим на самые популярные из них.

Учебное изображение

Scripty и script.aculo.us основаны на Prototype и предоставляют способ плавной анимации контента, а также предоставляют ряд элементов пользовательского интерфейса для использования в наших приложениях.

Учебное изображение

fx — это отдельная библиотека JS, которая ориентирована исключительно на анимацию. Как таковой, он позволяет вам анимировать каждое свойство CSS на заданной временной шкале.

Он имеет приличную документацию и очень маленький, менее 4 КБ.

Учебное изображение

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

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

Учебное изображение

Processing.js построен на элементе canvas и написан Джоном Резигом. Это позволяет вам рисовать элементы, а затем манипулировать ими на элементе canvas.

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

Учебное изображение

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

Он весит 25 килобайт по сравнению с 3,7 для FX, но обладает множеством функций. Документация довольно проста и должна дать вам хорошее представление об основах.

Учебное изображение

Raphael — это небольшая библиотека, которая позволяет вам работать с векторными элементами на вашей веб-странице. Он использует SVG или VML по мере необходимости для создания своей графики.

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

Документация довольно тщательная, и дискуссионная группа тоже довольно активна.

И мы сделали! Мы рассмотрели все варианты, которые у вас есть, когда вам нужно выбрать каркас веб-разработки. Мы рассмотрели все типы фреймворков, от огромных серверных фреймворков до гибких фреймворков JS. Надеюсь, это было полезно для вас, и вы нашли это интересным.

Вопросов? Хорошие вещи, чтобы сказать? Критицизмы? Нажмите на раздел комментариев и оставьте мне комментарий. Удачного кодирования!

  • Подпишитесь на нас в Твиттере или подпишитесь на ленту Nettuts + RSS для получения лучших учебных материалов по веб-разработке. готов

Готовы поднять свои навыки на новый уровень и начать зарабатывать на своих скриптах и ​​компонентах? Проверьте наш родной рынок, CodeCanyon .

CodeCanyon