LB777

Question

JavaScript
+3 ещё

Как правильно организовать структуру файлов и папок FrontEnd-а веб-проекта?

31 подписчик
более трёх лет назад
24747 просмотров

5

ответов

Answer 1 · 2014-11-24 15:49:29

LB777 @LB777

У меня за закрытие отвечает
$.fancybox.close();
Все, что нужно навесить на событие.

Ответ написан более трёх лет назад

Комментировать

Answer 2 · 2015-03-02 13:09:25

LB777 @LB777 Автор вопроса

вместо gulp-jsx надо было использовать gulp-react

Ответ написан более трёх лет назад

Комментировать

Answer 3 · 2015-02-25 17:37:36

Около пяти лет занимаюсь разработкой интернет магазинов. Не все, но многие, особенно популярные, cms тискал под эти цели.
joomla, wordpress, drupal не очень хорошо подходят для этих целей, т.к. для работы интернет магазином на них накручивается огромный код, который тормозит работу и в админте становиться тяжело разбираться.
Советую брать cms OpenCart и вот почему:
1. бесплатный
2. огромное кол-во модулей как платный так и бесплатых (разные календари, аякс корзины и аякс фильтры, которые любят современные покупатели. Да же есть интеграция с 1c)
3. такой же огромный выбор шаблонов как платных и бесплатных
4. простая и понятная админка , где нет ни чего лишнего
5. дешовая разработка (на фрилансе всегда сможете найти толкового разработчика, за адекватные деньги)
6. если будите сами что-то для него делать, то есть и хороший русскоязычный форум

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

Answer 4 · 2015-02-25 17:46:55

На счет бесплатных не знаю, но под ваши задачи полностью подойдет программка Content Downloader
Она умеет все из перечисленного и да же больше.

Answer 5 · 2015-03-16 17:00:13

Решение получил благодаря Browserify.
В gulpfile.js пишем следующие:

var gulp             = require('gulp');
var browserify       = require('browserify');
var reactify         = require('reactify');
var source           = require('vinyl-source-stream');
var buffer           = require('vinyl-buffer');
var sourcemaps       = require('gulp-sourcemaps');
var uglify 			          = require('gulp-uglify');

gulp.task('react', function(){
    return browserify('./www/js/react/app.jsx', { debug: true })
        .transform(reactify)
        .bundle()
        .pipe(source('main.min.js'))
        .pipe(buffer())
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(uglify())
        .pipe(sourcemaps.write('../maps'))
        .pipe(gulp.dest('./www/js/'));
});

После этого надо запустить дебаг в PHPStorm/WebStorm/IntelliJ IDEA , перейти во вкладку 'Scripts' , найти там исходные файлы (у меня они лежали по адресу react.zz/source/www/js/*.jsx), по нужному файлу кликнуть правой клавишей мыши и в появившемся меню выбрать "Specify Local Path..."

Теперь брекпоинты будут подбрасываться и проект будет удобно дебажить.