РАЗРАБОТКА: Travel | Разработка сайта путешествий | #1 — Подготовка окружения 2021



Мы с вам создадим сайт для путешественников. Сделаем не просто вёрстку, а полностью функциональный сайт. Стало интересно, тогда жду в следующих уроках. Задавайте вопросы в комментариях.

• Ссылка на PSD макет — https://vk.com/psdai?w=wall-73060142_5032
• Что такое NPM — https://www.youtube.com/watch?v=G4HmqOR0b8Q&t=1s
• Ссылка на NodeJS — https://nodejs.org/en/
• Ссылка на Git — https://git-scm.com/
• Ссылка на Bower — https://bower.io/
• Код файла gulpfile.js — https://gist.github.com/FireworksX/d91369ff07d484c7da6329678cabec67 (или в комментариях)
• Что такое Gulp — https://www.youtube.com/watch?v=vW51JUVT66w

Поставьте оценку!
[Всего: 0 Рейтинг: 0]
4 комментария
  1. gulpfile.js
    _________________________________
    var gulp = require('gulp'),
    coffee = require('gulp-coffee'),
    sass = require('gulp-sass'),
    pug = require('gulp-pug'),
    browserSync = require('browser-sync')

    gulp.task('pug', function () {
    return gulp.src( 'src/pug/**/*.pug' )
    .pipe( pug() )
    .pipe( gulp.dest( './src/' ) )
    .pipe(browserSync.reload({stream: true}))
    });

    gulp.task('sass', function(){
    return gulp.src('src/styles/*.+(sass|scss)')
    .pipe(sass())
    .pipe(gulp.dest('src/styles/css'))
    .pipe(browserSync.reload({stream: true}))
    });

    gulp.task('coffee', function(){
    gulp.src('src/scripts/*.coffee')
    .pipe(coffee())
    .pipe(gulp.dest('src/scripts'))
    .pipe(browserSync.reload({stream: true}))
    });

    gulp.task('browser-sync', function(){
    browserSync({
    server: {
    baseDir: 'src/'
    },
    notify: false
    });
    });

    gulp.task('watch', ['browser-sync' ,'coffee', 'sass', 'pug'], function(){
    gulp.watch('src/styles/**/*.+(sass|scss)', ['sass']);
    gulp.watch('src/pug/**/*.pug', ['pug']);
    gulp.watch('src/**/*.html', browserSync.reload);
    gulp.watch('src/scripts/**/*.js', browserSync.reload);
    gulp.watch('src/scripts/**/*.coffee', ['coffee']);
    });

  2. Подскажите, что за Музыка играет на фоне?

  3. Жду ваши уроки, надеюсь они выйдут.

  4. Продолжение будет?

Написать отзыв