7 отличных инструментов веб-разработки
- Возвышенный текст
Давайте начнем с основ: первоклассный редактор кода - с хорошо разработанным, очень эффективным и сверхскоростным пользовательским интерфейсом. Есть несколько, которые делают это хорошо, но, пожалуй, лучшим (и самым популярным) является Sublime Text.
Искусно управляемый командой разработчиков из одного человека, секрет успеха Sublime заключается в огромном количестве сочетаний клавиш в программе, таких как возможность одновременного редактирования (внесение одних и тех же интерактивных изменений в несколько выбранных областей), а также быстрая навигация к файлы, символы и строки. И когда вы проводите с редактором более 8 часов каждый день, эти драгоценные несколько секунд, сэкономленные для каждого процесса, действительно складываются…
- Инструменты разработчика Chrome
Разве не было бы замечательно, если бы вы могли редактировать HTML и CSS в режиме реального времени или отлаживать JavaScript, просматривая тщательный анализ производительности вашего сайта?
Google Chrome Developer Tools позволяет вам сделать это. В комплекте и доступны как в Chrome, так и в Safari, они позволяют разработчикам получить доступ к внутренним компонентам своего веб-приложения. Кроме того, палитра сетевых инструментов может помочь оптимизировать ваши потоки загрузки, а временная шкала дает вам более глубокое понимание того, что делает браузер в любой данный момент.
Google выпускает обновления каждые шесть недель - так что проверяйте их веб-сайт, а также канал Google DevelopersYouTube, чтобы обновлять свои навыки.
- JQuery
Разработчики уже давно считают, что JavaScript является важным интерфейсным языком, хотя и не без проблем: из-за несоответствий браузеров, его несколько сложного и неприступного синтаксиса это означало, что функциональность часто страдала.
Это было до 2006 года, когда на сцене появилась jQuery - быстрая небольшая кроссплатформенная библиотека JavaScript, предназначенная для упрощения внешнего интерфейса. Абстрагируя большую часть функциональности, которую обычно оставляют разработчикам решать самостоятельно, jQuery предоставляет больше возможностей для создания анимации, добавления плагинов или даже просто навигации по документам.
И это, безусловно, успешно - jQuery была безусловно самой популярной библиотекой JavaScript, существовавшей в 2015 году, с установкой на 65% из 10 миллионов самых посещаемых сайтов в Интернете.
- GitHub
Это худший кошмар для каждого разработчика - вы работаете над новой функцией проекта и облажаетесь. Введите системы контроля версий (VCS) - а точнее, GitHub.
Развернув свой проект с помощью сервиса, вы сможете просмотреть любые внесенные изменения или даже вернуться к своему предыдущему состоянию (делая досадные ошибки в прошлом). Служба хостинга репозитория также может похвастаться богатым сообществом разработчиков с открытым исходным кодом (что делает сотрудничество между командами простым, как пирог), а также предоставляет несколько других компонентов, таких как отслеживание ошибок, запросы функций, управление задачами и вики для каждого проекта.
Многие работодатели будут искать тонко отточенные навыки работы с Git, поэтому сейчас самое время зарегистрироваться - плюс это отличный способ принять участие и поучиться у лучших с широким спектром проектов с открытым исходным кодом, над которыми можно работать.
- Twitter Bootstrap
Надоело вводить тот же стиль для контейнера? Как насчет той кнопки, которая продолжает появляться? Как только вы начнете регулярно создавать интерфейсные приложения, вы начнете замечать появление тех же шаблонов.
Каркасы пользовательского интерфейса - это попытка решить эти проблемы путем абстрагирования общих элементов в повторно используемые модули - это означает, что разработчики могут быстро и легко создавать элементы новых приложений.
Наиболее широко используемой из этих платформ является Bootstrap, комплексный пакет пользовательского интерфейса, разработанный командой в Twitter. В комплекте с инструментами для нормализации таблиц стилей, создания модальных объектов, добавления плагинов JavaScript и множества других функций Bootstrap может значительно сократить объем кода (и время), необходимого для создания вашего проекта.
- Angular.js
HTML обычно является краеугольным камнем в наборе инструментов любого интерфейсного разработчика, но он имеет то, что многие считают серьезным недостатком: он не предназначен для управления динамическими представлениями.
Вот тут-то и вступает AngularJS, платформа веб-приложений с открытым исходным кодом. AngularJS, разработанный Google, позволяет расширять синтаксис HTML вашего приложения, что обеспечивает более выразительную, удобочитаемую и быструю разработку среды, которая иначе не могла бы быть построена только с использованием HTML.
Проект не лишен своих критиков: некоторые считают, что такого рода привязка данных создает грязный неразделенный код, но мы все же считаем, что это бесценный навык в вашем внешнем наборе.
- пререкаться
Инструменты веб-разработки, которые экономят время, являются вашим лучшим другом, и одна из первых вещей, которые вы узнаете о коде, это то, что он должен быть СУХИМ («Не повторяйте себя»). Второе, что вы, вероятно, узнаете, это то, что CSS обычно не очень СУХОЙ.
Войдите в мир препроцессора CSS, инструмента, который поможет вам написать поддерживаемый, ориентированный на будущее код, при этом уменьшая количество CSS, которое вам придется писать (сохраняя его СУХИМЫМ).
Возможно, самым популярным среди них является Sass, восьмилетний проект с открытым исходным кодом, который в значительной степени определил жанр современных CSS-препроцессоров. Несмотря на то, что поначалу было немного сложно разобраться, комбинация переменных, вложенности и миксинов в Sass будет отображать простой CSS при компиляции, что означает, что ваши таблицы стилей будут более читабельными и (что наиболее важно) СУХИМЫМИ.
