ypx fbpx
Лучшие инструменты для frontend-разработчика
В этой статье мы собрали подборку самых полезных и нужных инструментов CSS и JavaScript для верстальщиков.
Веб-разработка
546



SpaceBase


SpaceBase — это адаптивный CSS-фреймворк. SpaceBase настраивает архитектуру Sass и нормализует ваши CSS и собственные элементы HTML. Он обеспечивает структурную основу для вашего приложения.

Ссылка на SpaceBase: http://spacebase.space150.com/




Bulma


Bulma — отличная альтернатива Bootstrap, так как имеет современный код и уникальную эстетику. Его легко использовать и импортировать в проекты, а также он поставляется с различными готовыми компонентами.

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

Ссылка на Bulma: https://bulma.io/


Foundation


Это не просто CSS-фреймворк, а семейство инструментов разработки внешнего интерфейса.

Foundation for Sites — это основная структура для создания веб-страниц, а Foundation for Emails позволяет создавать привлекательные электронные письма, которые можно читать с любого устройства. Motion UI — последний кусочек пазла, позволяющий создавать расширенные CSS-анимации.

Foundation создается и поддерживается ZURB, компанией, стоящей за многими проектами с открытым исходным кодом Javascript и CSS.

Ссылка на Foundation: https://get.foundation/



Rebar


Rebar — это сеточная структура Sass / Stylus, которая делает адаптивную разработку более эффективной и поддерживает организованность CSS.

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

Ссылка на Rebar: http://rebar.io/



AngularJS


Популярный фреймворк с открытым исходным кодом корпоративного уровня, используемый многими разработчиками для создания и обслуживания сложных веб-приложений. Angular позиционируется как «расширение HTML» для создания комплексных веб-приложений. В этом фреймворке можно создать View Component — многократно используемые компоненты представлений. Также можно легко построить взаимодействие между бэкендом и фронтендом благодаря структуре сервисов (service framework).

Ссылка на AngularJS: https://angularjs.org/



ReactJS


React — это популярная JS-библиотека для создания пользовательских интерфейсов. Проект с открытым исходным кодом, который реализует уровень компонентов (component layer), облегчающий создание и комбинирование UI-элементов. Отрисовка интерфейса оптимизируется благодаря абстрагированию DOM, что также позволяет отрисовать React из Node.js. Кроме того, в React реализован односторонний реактивный поток данных, что делает инструмент куда более простым в понимании и освоении по сравнению с другими фреймворками.

Ссылка на ReactJS: https://ru.reactjs.org/






Underscore и lodash


Не всегда JavaScript позволяет вести работу с полной отдачей из-за отсутствия расширенных возможностей. Часто не хватает какой-нибудь вспомогательной функции, позволившей бы упростить код. Underscore и lodash — это JS-библиотеки, предлагающие свыше 100 вспомогательных функций и прочих «вкусностей» для вашего проекта.

Ссылка на Underscore: https://underscorejs.org/
Ссылка на Lodash: https://lodash.com/





D3.js


Одним из стандартных требований для веб-приложений является визуализация данных и построение графиков. D3.js — самый популярный фреймворк на GitHub, в основе которого лежит куча библиотек для построения диаграмм, графиков и прочих видов визуализации.

D3 позволяет брать данные из любых источников и преобразовать в DOM/SVG/CSS. Проект поддерживает современные веб-стандарты, поэтому вы не столкнетесь с устаревшими форматами как Flash.

Ссылка на Lodash: https://d3js.org/








Mocha и Chai


Тестирование кода очень важный процесс, которым должен периодически заниматься каждый разработчик, хотя многие недолюбливают это занятие и избегают его. Две библиотеки названиями Mocha и Chai могут помочь преодолеть неприязнь к процессу тестирования.

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

Chai — TDD/BDD assertion библиотека, которая может использоваться совместно с Mocha и позволяет выражать тесты в простой читаемой форме.

Ссылка на Mocha: https://mochajs.org/
Ссылка на Chai: https://www.chaijs.com/
Понравилась статья? Сохраните её в своих соц. сетях!
обучайся с нами профессии
Веб-разработчик
Подробнее о курсе
Читайте другие статьи
Первый год разработчика-джуниора
В статье мы собрали полезные советы о том, как джуниор-разработчику справиться с трудностями и достойно пройти все испытания на прочность.
Веб-разработка
503
Разница между «var», «let» и «const» в JavaScript
Появление операторов «let» и «const» — одно из важных новшеств ES6. Но чем эти операторы отличаются от уже знакомого всем разработчикам «var»? Наша статья поможет разобраться в этом вопросе.
Веб-разработка
1153
Почему язык JavaScript так популярен?
Это язык программирования сейчас очень востребован, ведь на нём можно разрабатывать как frontend, так и backend части, а еще и мобильные приложения! Давайте немного окунёмся в историю языка и узнаем его будущее...
Веб-разработка
1151
Получайте первыми свежие статьи из нашего блога прямо на вашу почту
Введите корректный e-mail
Никакого спама. Только ценные и полезные статьи для вас!