Основные инструменты для веб разработки

48653

Что используют профессионалы в web разработке?

  • Компьютер. Определяемся с компьютером, персональный, или лаптоп. Так же вы должны определиться с операционной системой (Windows, Mac или Linux). Мы уже писали про — Какая операционная система лучше, Linux или Windows.
  • Текстовый редактор, в нем мы будем писать код. Редакторов существует большое количество, есть бесплатный текстовый редактор (например, Notepad++BracketsAtom или  Visual Studio Code), есть платные текстовые редакторы (Sublime Text или Coda) либо гибридный редактор (Dreamweaver).
  • Веб-браузеры, ну собственно тут все понятно. Самые часто используемые браузеры это FirefoxChromeOperaSafari, и Internet Explorer. Так сказать, маст хев, это тестирование на мобильных устройствах, ну и конечно  тестирование на старых web браузерах, которые ваша целевая аудитория может все ещё широко использовать (например, IE 6-8).
  • Графический редактор, обычно используют The GimpPaint.NET, или Photoshop, чтобы создавать изображения для ваших веб-страниц.
  • Система контроля версий, если над проектом работает команда, то вы просто обязаны уметь делиться кодом, минимизировать различные конфликты с выкладкой кода, для этого вам необходим Git. На данный момент, гит является наиболее популярным инструментом контроля версий, и репозиторий кода Github, который основан на Git. Если вы сталкиваетесь впервые с Git, то у нас были виде-уроки- Основы использования Git.
  • FTP клиент, нужен для загрузки веб-страницы на web- сервер (хостинг) для публичного просмотра. Существует большое количество программ, как платных, так и бесплатных. Некоторые из них CyberduckFetch, и FileZilla.
  • Система автоматизации, например Grunt или Gulp, предназначена для автоматизации рутинных задач. Например, минимизации кода и запуска unit тестов.
  • Шаблоны, библиотеки, фреймворки предназначены для ускорения работы за счет того, что используют уже готовые решения из данных решений.

Популярные web инструменты 2017 года.

JavaScript библиотеки (Libraries)

JavaScript Libraries
JavaScript Libraries

Javascript является одним из самых популярных языков программирования в  web. Библиотека Javascript обеспечивает более легкий подход к разработке вашего веб-сайта или приложения. Например, вы можете включить копию размещенной jQuery-библиотеки GoogleGoogle’s hosted jQuery library, используя следующий фрагмент.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  • jQuery: Быстрая, маленькая и многофункциональная библиотека JavaScript.
  • BackBoneJS: придает структуру веб-приложениям с помощью моделей с биндингами по ключу и пользовательскими событиями, коллекций с богатым набором методов с перечислимыми сущностями, представлений с декларативной обработкой событий; и соединяет это все с вашим существующим REST-овым JSON API
  • D3.js: Библиотека JavaScript для управления документами на основе данных.
  • React: Библиотека JavaScript от Facebook, разработанная для создания пользовательских интерфейсов.
  • jQuery UI: библиотека JavaScript с открытым исходным кодом для создания насыщенного пользовательского интерфейса в веб-приложениях, часть проекта jQuery.
  • jQuery Mobile: Система пользовательского интерфейса на базе HTML5, предназначенная для создания интерактивных веб-сайтов.
  • Underscore.js: это набор функций-утилит, к которым привыкли любители функционального программирования, Ruby, Python или Prototype.js (но, в отличие от Prototype эта библиотека не расширяет базовые классы JavaScript). Она была написана, чтобы хорошо уживаться с jQuery.
  • Moment.js: это отличная библиотека для работы с датами в JavaScript
  • Lodash: это библиотека, с набором полезных функций, для работы с данными, для конвертирования их из одного формата в другой, фильтрации, маппинга и других вещей.

Front-end Frameworks

Front-end Frameworks
Front-end Frameworks

Front-end frameworks обычно состоят из пакета, который содердит файлы и папоки, такие как HTML, CSS, JavasScript и т. д. Также существует множество автономных фреймворков.

  • Bootstrap: HTML, CSS и JS фреймворк для разработки интерактивных и мобильных проектов.
  • Foundation: это мощный CSS-фреймворк, который продолжительное время пребывал в тени Twitter Bootstrap, и только в последнее время пробивший себе дорогу в мир WordPress-тем.
  • Semantic UI: это фреймворк для создания переносимых интерфейсов, который поможет повторно использовать элементы UI в своих проектах.
  • uikit: это легкая, модульная платформа (фреймворк) для разработки быстрых и мощных веб-интерфейсов.

Web Application Frameworks

Web Application Frameworks
Web Application Frameworks

Web application framework, это каркас, предназначенный для создания динамических веб-сайтов, сетевых приложений, сервисов или ресурсов. Он упрощает разработку и избавляет от необходимости написания рутинного кода.

  • Ruby: Это тщательно сбалансированный язык. Его создатель Юкихиро Мацумото (так же известный как “Matz”), объединил части его любимых языков (Perl, Smalltalk, Eiffel, Ada и Lisp) чтобы сформировать новый язык, в котором парадигма функционального программирования сбалансирована принципами императивного программирования.
  • AngularJS: Это JavaScript фреймворк предназначенный для создания одностраничных веб приложений. Поскольку до сих пор существует определенная путаница связанная с определением этих слов, то стоит внести ясность. В первую очередь, как я уже сказал AngularJS –это фреймворк.
  • Ember.js: Фреймворк для создания амбициозных веб-приложений.
  • Express: Быстрый и минимальный web framework для Node.js.
  • Meteor: Веб-платформа на языке JavaScript, предназначенная для разработки Web-приложений реального времени. Для связи с современными браузерами используется протокол Distributed Data Protocol (DDP), поддерживаемый с помощью WebSocket’ов, либо, если поддержки веб-сокетов и DDP нет — AJAX.
  • Django: Свободный фреймворк для веб-приложений на языке Python, использующий шаблон проектирования MVC. Проект поддерживается организацией Django Software Foundation.
  • ASP.net: Веб-платформа, предоставляющая все необходимые службы для создания серверных веб-приложений корпоративного класса. ASP.NET создана на основе платформы .NET Framework, поэтому все функции .NET Framework доступны для приложений ASP.NET.
  • Laravel: PHP Framework для ремесленников Laravel — это чистая и стильная основа для разработки. Он избавит вас от спагетти кода. Поможет вам создавать прекрасные веб-приложения используя простой и выразительный синтаксис.
  • Zend Framework 2: Опенсорс проект, с открытым исходным кодом для разработки веб-приложений и сервисов с использованием PHP.
  • Phalcon: Проект с открытым исходным кодом, полноценный фреймворк для PHP в виде Cи-расширения. Он оптимизирован для высокой производительности. Его уникальная архитектура позволяет фреймворку всегда находится в памяти.
  • Symfony: Свободный фреймворк, написанный на PHP, который использует паттерн Model-View-Controller. Symfony предлагает быструю разработку и управление веб-приложениями, позволяет легко решать рутинные задачи веб-программиста.
  • CakePHP: Популярный фреймворк PHP, который делает создание веб-приложений более простыми, быстрыми и требует меньше кода.
  • Flask: Фреймворк для создания веб-приложений на языке программирования Python, использующий набор инструментов Werkzeug, а также шаблонизатор Jinja2.
  • CodeIgniter: Популярный MVC фреймворк с открытым исходным кодом, написанный на языке программирования PHP, для разработки полноценных веб-систем и приложений.