/DevGulp

Creating gulpfile strater-project, based on newest stable trends

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

DevGulp Project

created by @Lordpluha:wink:

Main targets of a project

Realization gulp-building and processing based on new modern tendation of front-end and back-end dev.

Install Guide

  1. Install Node.js and git on your computer.
  2. Open your terminal in directory which you want
  3. Enter this line git clone https://github.com/Lordpluha/DevGulp.git
  4. Rename your project in package.json and project dir name
  5. npm i to install all project depencies
  6. npm start / gulp

Have a good work)

Structure

Show
 _________
|         |
| DevGulp |
|_________|
    |
    |   .eslintrc
    |   .gitattributes
    |   .gitignore
    |   .htaccess
    |   .stylelintrc.json
    |   Apache_2.4-PHP_8.0+Nginx_1.21_vhosta.conf
    |   CONTRIBUTING.md
    |   gmail_ico.png
    |   inst_ico.png
    |   LICENSE
    |   package-lock.json
    |   package.json
    |   postcss.config.js
    |   README.md
    |   SECURITY.md
    |   structure.txt
    |
    +---.github
    |   \---workflows
    |           codeql-analysis.yml
    |
    +---certificates
    |       localhost-rootCA.crt
    |       localhost-rootCA.key
    |       localhost-server.crt
    |       localhost-server.key
    |       rootCA.crt
    |       rootCA.key
    |       server.crt
    |       server.key
    |
    +---gulpfile.js
    |   |   file_for_uploading_fonts_to_scss.py
    |   |   index.js
    |   |
    |   \---tasks
    |       |   build.js
    |       |   clean.js
    |       |   CreatePage.js
    |       |   FileWatcher.js
    |       |   github.js
    |       |   images.js
    |       |   index.js
    |       |   lighthouse.js
    |       |   scripts.js
    |       |   serve.js
    |       |   styles.js
    |       |
    |       +---configs
    |       |   +---index.js
    |       |   |       gulp-htmlhint.config.js
    |       |   |       gulp-htmlmin.config.js
    |       |   |
    |       |   \---styles.js
    |       |           autoprefixer.config.js
    |       |           cssnano.config.js
    |       |           doiuse.config.js
    |       |           gulp-clean-css.config.js
    |       |           postcss-browser-reporter.config.js
    |       |           postcss-sorting.config.js
    |       |           stylelint.config.js
    |       |
    |       \---vars
    |               pages_list.json
    |               styles.vars.js
    |
    \---src
        \---main
            +---html
            |   |   index.html
            |   |   index.min.html
            |   |   index.src.html
            |   |
            |   \---blocks
            |           article.html
            |           aside.html
            |           footer.html
            |           header.html
            |           nav.html
            |
            +---img
            |   +---article
            |   +---aside
            |   +---footer
            |   +---header
            |   \---nav
            +---js
            |   +---plugins
            |   |   \---HTML5Shiv
            |   |           html5shiv-master.zip
            |   |           html5shiv-printshiv.min.js
            |   |           html5shiv.min.js
            |   |
            |   \---scripts
            |           MYbeauty_fx.js
            |           scripts.js
            |           scripts.js.min.map
            |           scripts.min.js
            |
            +---php
            |   |   index.min.php
            |   |   index.php
            |   |
            |   \---blocks
            |       |   article.php
            |       |   aside.php
            |       |   footer.php
            |       |   header.php
            |       |   nav.php
            |       |
            |       \---templates
            \---styles
                +---css.dist
                |       styles.css
                |       styles.css.map
                |       styles.min.css
                |
                +---css.src
                |       styles.scss
                |       _article.scss
                |       _aside.scss
                |       _fonts.scss
                |       _footer.scss
                |       _header.scss
                |       _media.scss
                |       _mixins.scss
                |       _nav.scss
                |       _preloader.scss
                |       _zer0.scss
                |
                \---fonts
                    |   Roboto.zip
                    |
                    \---Roboto
                            LICENSE.txt
                            Roboto-Black.ttf
                            Roboto-BlackItalic.ttf
                            Roboto-Bold.ttf
                            Roboto-BoldItalic.ttf
                            Roboto-Italic.ttf
                            Roboto-Light.ttf
                            Roboto-LightItalic.ttf
                            Roboto-Medium.ttf
                            Roboto-MediumItalic.ttf
                            Roboto-Regular.ttf
                            Roboto-Thin.ttf
                            Roboto-ThinItalic.ttf

Tasks

Function name Description File
index processing html calling reload. tasks/index.js
php processing php, calling reload. tasks/index.js
styles processing and modificating scss -> css tasks/styles.js
js processing javascript, calling reload. tasks/scripts.js
images processing images, calling reload. tasks/images.js
NewPage create new page 'main' tasks/CreatePage.js
build build project from src/ to dist/ (copy .min) tasks/build.js
default initializate standart processing and serving files on localhost index.js
test starting auditing of project index.js

Plugins

Fundamental elements

Files system

HTML/PHP

Styles proceeding

Images

Javascript

Serving

Tools

Future opportunities

Contact me)

https://github.com/Lordpluha