Gulp yii2: Как использовать Gulp в Yii2? — Хабр Q&A

Фрилансер Богдан Розора • дизайн интерфейсов и HTML и CSS верстка ≡ Razorio

Белая Церковь, Украина

2 года назад

свободен для работы

возраст 33 года

на сервисе 7 лет

Профиль заказчика

Успешных проектов

Средняя оценка

Рейтинг

157

Rozora Bohdan 

Front-End Developer 

Ukraine, Kiev                       

                       

PROFESSIONAL SUMMARY:                       

• WEB developer with commercial deployment experience
• Excellent understanding in HTML/HTML5/JADE
• Excellent understanding in CSS/CSS3/SASS/SCSS/Yandex BEM
• Experience working with Bootstrap 3,4, Materialize, Zurb Foundation frameworks • Basic experience in JavaScript (JQuery, AJAX)
• Experience working with Gulp, Webpack

• Experience working with PHP
• Experience in PHP Yii2, Symfony Frameworks
• Experience in React, Vue Js Frameworks
• Working knowledge of Version Control Systems (GIT, SVN)
• Comfortable working as a member of integrated team as well as independently
• Good verbal and written communication skills
• Self-motivated, passionate about new technologies

                       

TECHNICAL SKILLS:                    

Programming: HTML/HTML5/ JADE, CSS/SASS, Gulp, PostCSS, PHP, JavaScript, Ajax, SQL Database: MySQL
VCS: SVN, Git
Software: PHP Storm

                       

EXPERIENCE:           

06/19 — today SportLabs Group, Ukraine Senior Markup HTML/CSS Developer            

  • Business info aggregator for Ukraine. 10 people team.     
  •  Full HTML/CSS developing

Used technologies: HTML5, CSS3/SASS, Perfect pixel, Atomic design, Webpack, Storybook, React, NodeJs, UI/ UX

Work with Jira, Git

                       

09/19 — 02/20 Udimi, Spain
Senior Markup HTML/CSS/UX Developer                

Movie Subscription Portal. 4 people team. https://mamonto.com/                       

  • HTML/CSS developing                                                                     
  •  UX developingUsed technologies: HTML5, CSS3/SASS, Webpack, UI/UX Work with Symfony, Vue.Js, Nuxt.js    

Legal Services Site

https://docsinside.online/                                                                                       

  •  HTML/CSS developing                                              
  • Site sketch
  • Used technologies: HTML5, CSS3/SASS, Webpack, UI/UX Work with Micro framework
    Invoice system
  •  HTML/CSS developing

Used technologies: HTML5, CSS3/SASS, Webpack Work with Yii-2

                       

03/16 — 2019 Say Here https://say-here. com.ua/belaya-tserkov, Ukraine Founder and Senior Markup HTML/CSS Developer, UI/UX Designer           

Business info aggregator for Ukraine. 5 people team.                                              

  • Full frontend design developing                             
  • Full design developing                    
  • Partial backend developing                      
  • Multilingual system integration

Used technologies: HTML5, CSS3/SASS, Foundation, Gulp, JQuery/AJAX, Yii2 Framework, PHP, MySQL, Gulp, UI/UX                               

10/16 – 02/17 MavenEcommerce, Ukraine Front-end developer                            

  • Create cross-browser and cross-platform HTML/CSS custom theme based on Magento CMS Responsive Web design (mobiles/tablets/desktop)Full design developing                   
  • Write friendly-reading HTML/CSS source code based on the most popular front-end framework — Bootstrap              
  • Use modern CSS3 features in theme                          
  • Div-based markup                         
  • Grunt/Gulp build system
  • Less/Sass preprocessors                             

Used technologies: HTML5, CSS3/SASS, Bootstrap, Gulp, JQuery/AJAX, Magento-1

                               

06/16 – 07/16 lenker. pro, Ukraine
Middle Markup HTML/CSS developer, UI/UX Designer                                                      

Corporate site with self-written CMS for Inter Plus PE. 2 people tea                              

  • Full frontend design developing                              
  • Full design developing              
  • Partial backend developing                    
  • Multilingual system integration
  • Database design and integration                   
  • Working directly with remote developers

Used technologies: HTML5, CSS3/SASS, Bootstrap, Gulp, JQuery/AJAX, Yii2 Framework, PHP, MySQL 

                             
01/16 – 05/16 Lenker, http://forumwood.pro/, Ukraine Front-end developer
Portal with self-written CMS for wooden branch in Ukraine. 3 people team.

  • Full frontend design developing           
  • Partial backend developing          
  • Multilingual system integration  
  • Database design and integration         
  • Working directly with remote developers

Used technologies: HTML5, CSS/Sass, Bootstrap, Gulp, PHP, JQuery/AJAX, MySQL

                         

10/15 – 12/15 tm-domofon. com.ua, Ukraine Front-end developer

Internet-shop with self-written CMS for company-supplier of intercoms and security systems.       

Developed cart and product filtering. 3 people team.                

  • Full frontend developing            
  • Full design developing           
  • Full backend developing
  • CMS developing                              
  • Database design and integration                             
  • Working directly with remote developers

Used technologies: HTML5, CSS/Sass, Bootstrap, Gulp, PHP, JQuery/AJAX, MySQL

07/15 – 10/15 kassetnica.com.ua, Ukraine Front-end developer
Landing page for Askenn Ltd company (askenn.com.ua)

Used technologies: PHP, MySQL, HTML5, CSS, Bootstrap, GulpEDUCATION:       

                                                   

08/15 – 10/15 05/15 – 07/15 04/15 – 05/15 09/14 – 01/15 web-design       

       

2006-2011                                                    

PHP (advanced), OOP, course, PHP-Academy (php-academy. kiev.ua), Kiev, Ukraine PHP (essentials) course, IT-Education Academy (itea.ua), Kiev, Ukraine
Training Center «Capital-IT», May – June, «SEO Courses»
Training Center «Success», November 2014 – February 2015, «Professional course in                    

from A til Z»

                       

Kiev National Institute of Culture and Art, 2006-2011 specialist, “government manager working”

                                                       

    


Мартовские релизы официальных расширений Yii 2.0

Команда PHP фреймворка Yii выпустила релизы некоторых официальных расширений.

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

В этот раз вышли обновления для:

  • Генератора документации API (yii2-apidoc) 2. 0.5, CHANGELOG.
  • Bootstrap (yii2-bootstrap) 2.0.6, CHANGELOG.
  • Интеграции с Codeception (yii2-codeception) 2.0.5, CHANGELOG.
  • Отладочной панели (yii2-debug) 2.0.6, CHANGELOG.
  • Elasticsearch (yii2-elasticsearch) 2.0.4, CHANGELOG.
  • Генератора кода Gii (yii2-gii) 2.0.5, CHANGELOG.
  • jQuery UI (yii2-jui) 2.0.5, CHANGELOG.
  • Redis (yii2-redis) 2.0.5, CHANGELOG.
  • SwiftMailer (yii2-swiftmailer) 2.0.5, CHANGELOG.
  • Smarty (yii2-smarty) 2.0.5, CHANGELOG.

Все эти релизы содержат довольно большое количество как исправлений, так и улучшений. Далее рассмотрим самое интересное.

Генератор документации API

Генератор документации API стал более гибким. Теперь можно задать имя класса в качестве имени шаблона:

vendor/bin/apidoc guide source/docs ./output --template=app\apidoc\MyTemplateClass

Указанный класс будет загружен и использован для рендеринга документации.

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

Наконец, стили для блоков Info, Note и Warning в руководстве были существенно улучшены.

Bootstrap

Помимо исправлений добавлен новый виджет для ToggleButtonGroup.

Использовать его можно прямо в ActiveForm через метод widget():

<?= $form->field($model, 'item_id')->widget(\yii\bootstrap\ToggleButtonGroup::classname(), [
     // configure additional widget properties here
]) ?>

Отладочная панель

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

Повысилась стабильность панели в разного рода исключительных ситуациях. Панель теперь не использует asset manager, так что вполне хорошо себя чувствует, если он отключен чтобы использовать, например, Gulp или Grunt. Класс ToolbarAsset был удалён.

Elasticsearch

Расширение теперь совместимо с Elasticsearch 2.0. Также добавлена поддержка HTTP аутентификации, AWS сервиса Elasticsearch и своих опций запросов, таких как min_score.

Кроме того, добавлена поддержка scroll API: теперь работают методы batch() и each(), а updateAll() и deleteAll() больше не лимитированы десятью записями по умолчанию.

Генератор кода Gii

В генераторе CRUD появилась возможность обрамлять GridView в Pjax. Генератор модели теперь учитывает внешние ключи таблиц для создания правил валидации типа exist. Также он научился генерировать обратные связи.

В окне предпросмотра кода теперь можно нажать CTRL+C чтобы копировать весь код, не выделяя его.

jacmoe/yii2-app-advanced-gulp-sass

Шаблон проекта Yii 2 Advanced Gulp Sass представляет собой скелет приложения Yii 2 для разработка сложных веб-приложений с несколькими уровнями.

Шаблон включает три уровня: внешний интерфейс, серверную часть и консоль, каждый из которых это отдельное приложение Yii.

Шаблон предназначен для работы в среде командной разработки. Он поддерживает развертывание приложения в различных средах.

Документация находится по адресу https://github. com/jacmoe/yii2-app-advanced-gulp-sass/blob/master/docs/guide/README.md.

Предварительные требования

Прежде чем начать, убедитесь, что у вас установлены composer и Node.js. Если вы используете Debian или Ubuntu, вы также можете установить пакет libnotify-bin, который используется Gulp для информирования вас о его статусе.

Gulp

установить gulp глобально, если вы не сделали этого раньше

Composer

 php composer.phar global require "fxp/composer-asset-plugin:~1.1.1"
php composer.phar create-project --prefer-dist --stability=dev jacmoe/yii2-app-advanced-gulp-sass advanced 

После установки

инициализировать приложение, выбрать «разработка»

 ./init 

СТРУКТУРА СПРАВОЧНИКА

 общий
    config/ содержит общие конфигурации
    mail/ содержит файлы просмотра для электронной почты
    models/ содержит классы моделей, используемые как в бэкенде, так и во внешнем интерфейсе.
приставка
    config/ содержит конфигурации консоли
    controllers/ содержит консольные контроллеры (команды)
    миграции/ содержит миграции базы данных
    models/ содержит классы моделей для конкретных консолей
    runtime/ содержит файлы, сгенерированные во время выполнения
серверная часть
    assets/ содержит активы приложения, такие как JavaScript и CSS
    config/ содержит внутренние конфигурации
    controllers/ содержит классы веб-контроллеров
    models/ содержит классы моделей, специфичные для серверной части
    runtime/ содержит файлы, сгенерированные во время выполнения
    views/ содержит файлы представлений для веб-приложения
    web/ содержит сценарий входа и веб-ресурсы
внешний интерфейс
    assets/ содержит активы приложения, такие как JavaScript и CSS
    config/ содержит конфигурации внешнего интерфейса
    controllers/ содержит классы веб-контроллеров
    models/ содержит классы моделей, специфичные для внешнего интерфейса. 
    runtime/ содержит файлы, сгенерированные во время выполнения
    views/ содержит файлы представлений для веб-приложения
    web/ содержит сценарий входа и веб-ресурсы
    widgets/ содержит виджеты внешнего интерфейса
поставщик/ содержит зависимые сторонние пакеты
environments/ содержит переопределения на основе среды
тесты содержат различные тесты для расширенного приложения
    codeception/ содержит тесты, разработанные с помощью Codeception PHP Testing Framework 

jacmoe/yii2-app-basic-gulp-sass — Packagist

Базовый шаблон проекта Yii 2 с поддержкой Gulp и Sass

Сопровождающие

Детали

github.com/jacmoe/yii2-app-basic-gulp-sass

Источник

Проблемы

Устанавливает: 161

иждивенцы: 0

Предлагает: 0

Безопасность: 0

Звезды: 5

Наблюдатели: 3

Вилки: 0

Открытые вопросы: 1

Тип: проект

2. 2.1 2016-03-29 08:59 UTC

  • мастер разработки
  • 2.2.1
  • 2.2.0
  • 2.0.2

Этот пакет , а не автоматически обновляется.

Последнее обновление: 2022-11-26 09:10:37 UTC


Шаблон проекта Yii 2 Basic Gulp Sass представляет собой каркас приложения Yii 2, в котором добавлена ​​поддержка Gulp и Sass.

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

СТРУКТУРА СПРАВОЧНИКА

 активов/содержит определение активов
  commands/ содержит консольные команды (контроллеры)
  config/ содержит конфигурации приложения
  controllers/ содержит классы веб-контроллеров
  mail/ содержит файлы просмотра для электронной почты
  models/ содержит классы моделей
  runtime/ содержит файлы, сгенерированные во время выполнения
  тесты/ содержит различные тесты для основного приложения
  поставщик/ содержит зависимые сторонние пакеты
  views/ содержит файлы представлений для веб-приложения
  web/ содержит сценарий входа и веб-ресурсы
 

ТРЕБОВАНИЯ

Минимальное требование для этого шаблона проекта, чтобы ваш веб-сервер поддерживал PHP 5.4.0.

УСТАНОВКА

Предварительные условия

Прежде чем начать, убедитесь, что у вас установлены composer и Node. js. Если вы используете Debian или Ubuntu, вы также можете установить пакет libnotify-bin, который используется Gulp для информирования вас о его статусе.

Gulp

глобально установить gulp, если вы еще этого не сделали

 npm install -g gulp-cli
 

Browsersync

глобально установить browsersync, если вы еще этого не сделали

 npm install -g browser-sync
 

Установить через Composer

Если у вас нет Composer, вы можете установить его, следуя инструкциям на getcomposer.org.

Затем вы можете установить этот шаблон проекта с помощью следующей команды:

 php composer.phar global require "fxp/composer-asset-plugin:~1.1.1"
php composer.phar create-project --prefer-dist --stability=dev jacmoe/yii2-app-basic-gulp-sass базовый
 

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

 http://localhost/basic/web/
 

КОНФИГУРАЦИЯ

База данных

Отредактируйте файл config/db.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *