iTelmenko. Блог о веб-разработке – Страница 7 – Мысли о вебе. Программирование для веба

13.05.2017 Vue.js

Таблицы Vue.js. Часть 1: ratiw/vuetable-2

При создании кабинетов администратора для веб-приложений часто необходимы динамические таблицы. В мире jQuery как минимум есть DataTables и jqGrid. Но так как jQuery в последние годы стремительно теряет нишу занимаемую им ранее в веб-приложениях (frontend), то появилась потребность узнать что же есть подобного для современных библиотек и фреймворков.

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

09.05.2017 JavaScript

Yarn

Yarn – менеджер пакетов, который создавался для решения проблем пришедших с использованием npm. При использовании Yarn задачи по установке пакетов выполняются параллельно, а не последовательно, как в npm. Также гарантии использования указанных в проекте версий пакетов используется специальный файл yarn.lock, который хранит точные номера версий (как composer.lock для Composer). А еще Yarn имеет более лаконичный и удобочитаемый вывод лога в консоль.

08.05.2017 JavaScript

Vue.js

Vue.js – это прогрессивный JavaScript фреймворк (на официальном сайте значится именно как фреймворк, а не библиотека) для создания пользовательских интерфейсов. Он довольно легок в освоении (имеет низкий порог вхождения) и не требует при внедрении масштабных изменений сразу. Позволяет начинать его применение (и уходить, к примеру, от jquery-кода) постепенно.

Не смотря на свою небольшую историю и размер Vue так же подходит для создания сложных одностраничных приложений (SPA, Single-Page Applications), если его использовать с дополнительными библиотеками и инструментами.

08.05.2017 JavaScript

Babel

Babel – программа, которая переводит JavaScript код новой версии в старую версию, поддерживаемую большинством браузеров. Язык JavaScript в последнее время бурно развивается и прогрессивные программисты используют новые функции языка для более производительной разработки. Но браузеры не успевают поддерживают все новые возможности языка. Поэтому код, написанный программистами они конвертируют в версию, у которой не будет проблем с работой в различных браузерах. Это так же называется source-to-source compiler, transcompiler и transpiler. К Babel часто применяют последний термин – транспайлер.

08.05.2017 DevOps

Docker

Docker – это демон для запуска процессов в изолированном окружении для разработки, доставки и эксплуатации приложений. Во многом служит тем же целям, что и Vagrant, но в силу своей легковесности и производительности используется не только для развертывания локального окружения разработчика, но и может использоваться на production серверах. Таким образом создавая одинаковое окружение для и для разработки и для эксплуатации программного обеспечения.

Docker не создает целую виртуальную машину, а изолирует лишь нужные процессы, что гораздо более экономичнее. Однако как и у виртуальных машин у Docker есть образы, которые представляют собой просто readonly шаблоны для настройки окружения. Есть среди прочих и Laradock – готовый образ для Laravel-приложений.

08.05.2017 DevOps

Vagrant

Vagrant – специальное ПО для создания и конфигурирования виртуальной среды для разработки. Опирается на средства виртуализации (например VirtualBox) и конфигурирования (как Puppet), являясь по сути оберткой для них.

08.05.2017 Laravel

Laravel Homestead

Laravel Homestead – это инструмент для поднятия на локальной машине всего необходимого для Laravel-проекта. Он представляет собой Vagrant box, создающий образ виртуальной машины, в которой уже настроено необходимое окружение: Nginx, PHP 7, Composer, Node (c Yarn, PM2, Bower, Grunt, and Gulp), MySQL, Postgres, Redis, Memcached, Git и некоторые другие вещи.

31.01.2016 JavaScript

Todomvc на Ember2 без контроллеров

Изучая документацию EmberJs и различные примеры становится понятно, что существующее в данный момент приложение todomvc (ember реализация), на данный момент, сильно устарело. В процессе развития Ember его разработчики непрерывно переосмысливают опыт и используют все новые подходы для построения приложения. Поэтому от версии к версии многое меняется. Под вторую версию EmberJs пока что нет официальной реализации todomvc.

11.12.2015 JavaScript

Правильная установка NodeJs и EmberJs

В продолжении темы EmberJs хочу уделить немного внимания его установке, так как столкнулся с небольшими трудностями при этом. Хочу описать способы установки NodeJs и EmberJs которые считаю более удобными.

09.11.2015 JavaScript

KnockoutJs. Разбор кода todomvc

И вот мы подобрались к следующему фреймворку, который пройдет через разбор кода приложения todomvc. Используемая версия KnockoutJs – 3.2.0.

Как обычно, код примера в github-репозитори. Рассматривается самая свежая версия примера на момент создания статьи. И всегда можно код todomvc на KnockoutJs скачать отсюда.

29.10.2015 JavaScript

EmberJs. Разбор кода todomvc

Продолжаю свое сравнение JS фреймворков на примере проекта todomvc. Для emberjs есть реализация todomvc, но, правда для версии 1.10 (в то время как уже имеется Ember 2.1). Но, наверное, то не должно сильно влиять на понимание принципов построения приложения на Ember. Надеюсь проверить это предположение позже.

15.10.2015 JavaScript

ReactJs. Разбор кода todomvc

Для того, чтобы лучше понять как выглядит реальное приложение на React я решил разобрать код todomvc. Рассматриваю самую свежую версию кода, которая доступна на момент написания статьи. Если ссылка не работает, то можно скачать архив отсюда. Для чтения статьи очень желательно ознакомится хотя бы с базовой информацией и примерами с данной страницы официального сайта. Ну и лично мне сильно помог кусок данной книги. Надеюсь у нее будет продолжение (пытался найти оригинал – не нашел).