По образованию я не программист, и имею дело только с 1С как разработчик. Для меня единственный язык программирования и разработки - это 1С. Как и среда разработки - конфигуратор. Недавно начал увлекаться веб-разработкой (непрофессионально), немного разобрался с HTML и CSS, могу с нуля написать простенький сайт в блокноте))

Хочу заниматься веб-разработкой для себя (для души, так сказать), пока направление - это информационные сайты, а также сайты с определенными сервисами - сбор, хранение и обработка данных, взаимодействие с пользователями сайтов. И тут, как понимаю, нужен не только фронт, но и бэк, которые уже требуют знания, например, MySQL и PHP.

Вопрос, собственно, такой - как разрабатывается такой проект, где нужен и фронт, и бэк? В единой ли это делается среде? Или это делается совершенно в разных средах и отдельно друг от друга, а связывается только, грубо говоря, запросами из фронта к бэку? Спрашиваю, как человек, сознание которого видело и работало только с конфигуратором)

И какие популярные и хорошие инструменты есть для фронта, где есть и HTML, и CSS, и PHP, и JavaScript?

(29) Похоже тебе не понятно.

(31) Да, это блокнот с плагинами. Плагинами его даже на десятую часть не приблизить к полноценной IDE, но времени убьешь на это целый вагон. Потому я с него и ушел, хотя пользовался лет пять до этого.

Когда вы еще помимо 1С и веб-проекты успеваете?

У меня в 1С-то знания устаревают, требуется перечитывать-подучивать.

Неплох HTMLPad с контекстной подсказкой.

без компонентного подхода сейчасм вофронет делать нечего.
если конечно есть цель зарабатывать этим деньги

лучше изучить что-то одно (фронт или бэк), но хорошо, чем быть плохим фуллстеком

(36) а что лучше, фронт или бэк?

(37) к чему душа больше лежит.
если для себя проекты пилить, то лучше фронт. Ибо бэк сам по себе никому не нужен

(32) Ясно, очередной неосилятор, который не освоил систему плагинов и расширений.

Кому как а у меня в Notepad++ есть и интеллиценз, и кодеджампинг на основе ctags и шаблоны и многое другое.
https://image.prntscr.com/image/_Lnz4Sm8Ty6VVz0WwPlaVw.png

https://prnt.sc/m58seb

(36) Сначала нужно изучить все понемногу, чтобы иметь представление как что работает. Потом уже углубляться во что-то одно.

(37) Лучше бэк. При одинаковом опыте/знаниях/нагрузке за бэк платят больше. Программисты бэка относятся к программистам фронта как к одинесникам. Наверное отсюда и разница в зарплатах.

(39) Сам ты неосилятор, который не освоил нормальную IDE и программирует в блокноте.

Если интересна разработка именно под веб, т.е. клиент, сервер, база данных, то я для себя такой стек выбрал:
(MERN, воз здесь послушать и посмотреть на английском можно для ознакомления https://coursehunters.net/course/mern-stack-front-to-back-full-stack-react-redux-node-js
не очень старый туториал, но уже немного устарел)

1. серверная часть:
NodeJS, фрейворк ExpressJS и т.д., для начала начни с ExpressJS
(https://nodejs.org/en/, http://expressjs.com/)

дальше это потянет разные штучки:
bcryptjs, body-parser, jsonwebtoken, mongoose, passport, validator и т.д.
каждый из этих пакетов отвечает за свою узкую задачу

но для начала начни с ExpressJS

2. клиентская часть
ReactJS ( https://reactjs.org/ )
ну и естественно bootstrap (https://getbootstrap.com/)

3. база данных
NoSql, конкретно mongodb ( https://www.mongodb.com/ )


это по разработке


по IDE для windows я долго выбирал и выбрал VSCode
под ним можно и в самом VSCode отлаживать и в chrome
вообщем долго выбирал и разное пробовал, в конце концов выбрал VSCode
(можно также присмотреться к Sublime Text, очень быстрый редактор
также можно присмотреться к nuclide https://nuclide.io/ , его рекомендует Facebook для разработки под ReactJS & React Native,
см. http://facebook.github.io/react-native/docs/more-resources, ищи Development Tools)

инструмент отладки по умолчанию я выбрал браузер chrome, можно выбрать mozilla ( https://www.mozilla.org/ru/ )

4. язык разработки для всего этого JavaScript и для серверной части и для клиентской и для баз данных
т.е. достаточно знать только один язык JS

5. как плюшка, предлагается react native, очень похож на ReactJS, практически один в один, но предназначен react native для разработки
мобильных приложений под android и ios
также есть некоторые попытки проектов писать одну фронту например на ReactJS и это все может работать и на web и на мобильных и на декстопе
но пока сыровато это, пока не стоит с этим заморачиваться !

Внимание это все я выбирал для себя
для тебя, не знаю что тебя заинтересует, т.к. инструментов для разработки дофига (angular 2 и выше ionic, python, net core, QT и т.д.)
уже давно пошла тенденция на многоплатформенность, поэтому смотри интересуйся выбирай !!!

(42) На вкус и цвет.

(44) Конечно. Кому-то нравятся жигули, кому-то мерседесы.
Жигуль можно чинить месяц, а потом два дня ездить до следующего ремонта не хуже чем на мерсе, и радоваться что если нет разницы, то зачем платить больше, а потом снова месяц его чинить.

лично я использовал netbeans - все устраивало. но потом перешел на hidpi экраны, а новый нетбинз с их поддержкой не завезли. В мыле работать неприятно. Перешел на vs code. Пригодилось и с 1с, кстати: схемы в plantuml, тесты для тестера и прочее.

по технологиям - на fragster.ru использую свой велосипед на php (надстройка над DOM Document в качестве шаблонизатора + надстройка над PDO для работы с СУБД). Очень понравился laravel, но пока в ранней стадии освоения. все-таки язык далеко ушел с того времени, когда я этим плотно занимался.
на клиенте вместо jquery хорошо работает axios для AJAX и VUE для сложных интерактивных страниц (или SPA). в качестве CSS фреймворка использую bulma.

(46) 10-й тоже не поддерживает?
блин...я начал себе мон с hdpi присматривать

(48) опа, released on the 27th of December, 2018. :)

надо проверить :)

(45) Мне нравятся быстрые среды. А практически все эти IDE очень тормозные. Долго думают и много жрут.

(48) а где сетап?

(51) @pache NetBeans 10.0 is available for download from your closest Apache mirror. For this release no official installers are provided, please just download the binaries and unzip them.@

I can teach you to read english. But very expensive

(52) ага, а потом еще и openjdk так же. и в конфигах поковыряться. в общем, убили нетбинз :(

при этом в ридми после (52) пишут:

To start the IDE (Microsoft Windows) use one of these methods:

    Double-click the NetBeans IDE icon on your desktop.
    Choose Start > All Programs > NetBeans > NetBeans IDE.
    Start the IDE at the command line C:\> netbeans-install-directory\bin\netbeans.exe.

(54) А ты после распаковки не вытащил иконки куда нужно?
Ну кто тебе доктор? ))))))

ЗЫ. Просто не переписали манула.

потыкал в нетбинз. intellicense  в ней лучше, но во всем остальном - vscode лучше - плагинами поддержка всяких .vue, .blade.php и прочего обеспечивается. ну и vscode и так стоит для 1ски. так что, наверное, нетбинз закопаю.

(46) А что именно в vs code лучше чем в нетбинз на hidpi? А то тоже думаю переходить.
Вроде же ОС все разруливает, при чем тут ИДЕ?

(50) В каком месте шторм тормозит? Приведи хоть один пример. И жрет очень незначительно.

(58) жрет и тормозит. Проверено персонально.

(59) а сколько памяти и диск ssd?

(60) Навороченному текстовому редактору ССД надо?

У меня БД по php проекту строится секунд 10 в N++
718 файлов.

приспособил ctags.

сам тут решил вторым делом кроме 1С еще и веб прокачать. Раньше отталкивало, что нужно скачать php, потом apache, потом mysql. Все это разных производителей, пока разные версии подружишь, пока настроишь и к моменту, когда это все настроишь, уже забиваешь на это дело. И честно говоря, не знаю почему, но меня php чем то бесит. А тут за javascript  взялся все как родное почему, то и сразу же тут и node и react, все в одной куче и веб сервер и клиентская часть. Пока поставил vs code и node для отладки, но чего то не нашел как там шрифт кода увеличить.

зы
типа отметился

(61) в 2019 году смотрелке html страничек тоже надо, а кто бы мог подумать даже лет 10 назад

(64) "нужно скачать php, потом apache, потом mysql."
А сразу LAMP или WAMP взять - религия не позволяет?

(64) в продакшене вроде как вебсервер всеравно надо использовать отдельный

(61) редактор много чего удобного умеет, я конещ понимаю, что это оч круто в блокноте писать код
тут недавно ко мне коллега подходил типа хаха ты ide юзаешь...а потом ой а у тебя даже всю историю git сразу видно и никаких команд писать не надо?? и глаза квадратные

(66) об этих сборках первый раз слышу, те которые мне попадались были с несвежими версиями php или apach, все равно к ним на сайт идти и свежий качать, потом настраивать.

там настраивать 15 минут...зато понимание как это все на сервере работает приходит

(70) это когда ты его раз 20 поставил, наверное 15 минут. Когда ты это впервые видишь вполне себе часа 2,3,4 можно убить.

Ладно в любом случае, я тут вам с ДенисЧ не опонент. Сливаю сразу и признаю, что не прав. На этом предлагаю закончить.  Просто так отметился. Тоже стою перед выбором среды обработки стою.  Отметился, чтобы тему проще было искать.

(68) Ну покажи, чему он там изумился. Может мне тоже захочется.

(72) бесполезно спорить на эту тему. это можно сейчас начать что лучше винда или линух, а может макось, для вебразработки?

(73) Я думаю ты вот эту фигню имеешь ввиду:
https://netbeans.org/kb/docs/ide/git_ru.html
или ты думаешь, что больше никто с CVS не работает?
Это и из оболочки удобно делается.

(73) Я между прочим конкретными вещами интересуюсь, а не эмоциями.

(74) я ничего не думаю. просто есть адепты коммандной строки и нативных редакторов в стиле "gui это зло и тормозит"

ide удобен тем что там много чего встроено, синтаксис анализатор, intellisense, рефакторилка встроенная

вручную собирать это по плагинам и утилитам, imho геморрой

Кстати эти Node, react - как вообще? не тупиковые ветки развития? Или таки придется php учить?

(77) конкретно как полное название среды?

(59) Я же спрашиваю, в каком конкретно месте? У меня не тормозит, постоянно в нем работаю. Сборка проекта у тебя тормозит? Или подключение к удаленному серверу может? Не могу придумать что еще там может тормозить.

я вообще конечно к ide пришел из мира C# и java, где без них както глупо чтото делать

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

(81) если запускать современные ide на компе где мало оперативки и ssd нет, то тормозить будет просто пипец как

(64) +100
PHP хрень какая-то, мне тоже не нравится. Пытался всю контору на JavaScript пересадить, но пока не получается, слишком много понабрали программистов которые хорошо знают PHP, но плохо знают JS.

(71) Выбирай сразу профессиональную среду разработки: WebStorm или PhpStorm. Это одно и то же, только во вторую PHP добавили. Шрифт кода там точно есть как увеличить. Я поставил 24 и темную тему, вообще отлично для глаз стало.

(83) А зачем такие компы ставить для себя любимого? Не вижу ни одной причины, кроме мазохизмических наклонностей )))

(77) IDE в последнее время пипец как испортились по употреблению памяти.
Я имею ввиду всякую эклипсохрень. Они требуют овердохрена памяти и быстрые ссд-шки.
тут один мелкий софт как-то марку держать пытается.
Если взять ведроид студио - так это ваше лютый пушной зверек.

(86) >  А зачем такие компы ставить для себя любимого? Не вижу ни одной причины, кроме мазохизмических наклонностей )))

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

уже 3Гц процов  и 3,5 Гб оператива мало.
если софт на таком железе не идет - то это мусор, а не софт.

(87) Учитывая текущую дешевизну за гигабайт оперативки, какой смысл отказываться от удобных инструментов?

(88) комп с "3,5 Гб оператива" - вот это мусор.

(89) это не мусор, а отличный тестер.
а тот кто такое железо мусором считает - ебанько натуральный.

(90) Ебанько - тот кто на таком компе издевается сам над собой

На нормальном железе и нормальном софте можно одинаковую задачу выполнить в разы быстрее и комфортнее чем на тормозном компе и в блокноте.

(62) Ты какие плагины в notepad ++ поставил, для того, чтобы он синтаксические ошибки в javascript показывал и как в нем отладку запустить кода?

(85) спасибо. Она халявная? Я еще хочу автоподстановку отключить, мне на время обучения надо.

(90)
(91) парни остыньте. Декстоп с core 7 и 32 гб оперативы не всегда под рукой, бывает, что приходится работать и на ноуте. Хотелось бы, чтобы среда разработки летала и там и там. Хотя имхо notepad хорош или для обучения или для old scool, ну люди к нему просто прикипели, наверное для разработки надо профессиональной средой пользоваться.

(93) мелкософтную визуалстудию.
Зачем из показывать то ошибки? Будет скрипт выполняться - все о себе расскажет.

(96) редактор офигенский, но надо, чтобы нажал F5 и пошел программу отлаживать там же. Наверное все таки IDE придется какое нибудь ставить.

(85) среда классная, но они какие то жадные и хотят денег, сейчас даже микрософт, на сколько шкуры, но можно даже микрософт express для личных нужд бесплатно юзать, даже ломать ничего не надо.

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

(97) десктопный js в ms vs, клиентский можно и в хроме отладить.

(91) да мне тебя тупо жалко.
чувака развели под навороченный блокнот на практически серверное железо.

(99) блин поставил один флажок javascript  в инсталлере, оно мне начало почит гиги на комп тащить. Остановил в начале  и поставил eclipse. Буду разбираться.

(94) Платная конечно. Хорошее халявным не бывает. Но первый месяц или пол года бесплатнве. И в России мало кто за нее платит, есть способы как не платить, в яндексе и в гугле. Я бесплатно пользуюсь.

(95) на дохлом ноуте и планшете есть RDP, летает, и ничего устанавливать не надо.

(97) то что придется ставить IDE - только лишь вопрос времени. Я раньше долго работал на блокнотике, пока не начал заниматься более крупными проектами. Вынужден был перейти на IDE.

(98) Для обучения можно и бесплатно, если совесть позволяет. А когда будешь использовать для работы - он сам себя окупит даже если сам его купишь. Но обычно работодатель оплачивает такие мелочи.

(100) Не переживай, оно мне уже на много раз окупилось. Видимо, я ценю свое время дороже чем железо и софт. Жизнь короткая и всего одна, а компы нужны лишь для того чтобы меньше тратить свое время на лишние действия.

(101) у меня 2008 весит около 700 мб.
в составе офиса есть MSE - тоже может отлаживать js.

а вот современные студии - хз. сказал же они монстры.

(104) и чем тебе IDE помогает?
Я кроме рефакторинга не вижу выгоды.

Intellicence, codejamp+return и в Npp есть.
svn+git - через оболочку.

(108) В IDE от Intellij как правило встроен мощный статический анализатор. Который может уберечь от ошибок или невыразительного кода. Для нетипизированных языков в первом приближении все так же как в нотпаде с плагинами, но практически каждая функция проработана глубже и все в одном флаконе, что ускоряет разработку.

(107)Да и врядли нужен супер мощный компьютер для работы с маленькими проектами.
8Гб рама + средненький процессор вполне должно хватить

(0) Начни с триальной версии PHPStorm/WebStorm, если с синтаксисом JS уже знаком, то и бэк можно на JS писать. Модно и молодежно.

Вы лучше скажите, каким образом начать на фрилансе выполнять реальные задачи за деньги (пусть для начала и небольшие). Какие фреймворки лучше для этой цели осваивать?

заходишь на какой нибудь веблансер или юду - там на 500 рублей 100500 студентов набегает. А задача звучит "создать сайт" - и хз что под этим подразумевается. Ни макетов, ни описаний, ни требований к инструментарию - ничего. Только 500 рублей и куча голодных студентов.
Как прокачиваться?

(113) свой сайт напиши

(110) Тут согласен, я до сих пор дописываю скрипты, функцию insertTemplate() переписывал раз 5. То курсор не там ставится, то форматирование сбивается, то еще чего.
И еще много мыслев по улучшению.

+(115) помогает то, что javascript отлаживаемый и достаточно легкий для освоения.

(116) а отладку нотепад++ делаешь?

(117) Отладку чего?

MS js можно отлаживать несколькими инструментами, в составе офиса есть mse.exe, у практически каждой MS VS есть возможность отладки.
Достаточно запустить службу mdm и написать в скрипте:
if(IntellPlus.debugMode()) {
    debugger; // <<<< Вызов встроенного в ОС дебугера.
}

(114) какой свой? Что там должно быть? Интернет - магазин с нуля? А "сосед по парте" покрутит у виска и соберет на каком нибудь Wix по шаблону за час.
Хотелось бы понимать, какие на рынке веб технологий задачи и за что платят деньги.
Веб студии и фиксов в расчет не берем. Там понятно - пилят либо свое, либо чужое на постоянной основе (развитие + поддержка)

я как великий эксперт по веб разработке(вчера об ней узнал и 4 часа потыкал всякие IDE). Составил ТОП 5 рейтинг средств разработки.  

Atom, Sublim Text, notepad++ .  - отличные средства для быстрого и удобного набора кода. На этом их все достоинства заканчиваются. Для реальных пацанов из  90х, которые привыкли сайтики в блокноте разрабатывать. Ииии заслуженное 5 место рейтинга.

Web storm - отличное средство для web разработки. Все есть из коробки: работа с проектами, есть отладка, есть командная разработка. Инструмент платный. Нет русификации(ну, она в принципе там нафиг не нужна) Легко ломается об колено. Но, а вдруг с энной версии ломаться перестанет. К хорошему платному лучше не привыкать. Для пацанов посвятивших себя веб всерьез и надолго. Разбирался с ним уже во втором часу ночи. Пока не нашел за, что там платить 130 долларов. Ииии заслуженное 4 место рейтинга.

visual studio - отличное средство для разработки от всеми любимой компании микрософт, платят в микрософт за строку кода, поэтому программисты не дураки, написали этого кода на 3 гигабайта именно столько нужно для установки этого продукта, даже если включен только один флажок javascript. При каждом начале отладки выпадает список из 50 программ в которых вы хотите отлаживать, нужно мотать до конца списка и выбирать там node. Есть средства средства работы с проектами, отладка, ну и все остальное. Для крутых пацанов посвятивших себя разработке под виндовз. Заслуженное 3 место.

eclipse - отличное крутое,  БЕСПЛАТНОЕ средство для разработки. Для отладки javascript нужно поставить node и/или плагин V8 chrome от googlecode. При отладке настраивается один раз правило, как и чем открывать - очень удобно. Работа с проектами есть, работа с другими средами особенно с джавой есть. Русификация есть. Вообще няшка. Весит 60 мегов, не прописывается в реестр, требует для установки жава машину на 200 метров. Вся документации на английском, такое ощущение, что с ней либо русскоязычные не работают, либо шарят в английском. Отдельно бесит, что все кнопки отладки "не те" и нажимаются с помощью шифта. Для крутых пацанов решивших себя посветить жаба разработке. Заслуженное второе место.  Если бы я писал профессионально я бы писал в этой системе.

Ииии последний в списке, но не последний по значимости visual studio code. Представляет из себя продвинутый блокнот с возможностью отладки. Русификация есть. Отладка есть. Настраиваемость есть. Автоподстановка, синтаксис контроль. Возможность расширения плагинами. Всякие настройки есть, отладочные кнопки одинэсника: ф5, Ф8, Ф11, Ф10 - на месте. Всякие тучи доп настроек есть, таки нашел как его под себя настроить, темы, шрифты.  Работать из коробки с проектами не может (нужны плагины.) Как песочница, и средство инди разработки лично мне подходит. Итого заслуженное первое место!

что за вебразработчик не знающий инглиша. позор такому

(121) Вебшторм стоит 59 баксов в год, или 5,9 в месяц
130 это цена для организаций

И сугубое imho, но эклипс это конечно кошмар и ужас, с него даже гугл с андройдом убежали в idea

(120) Тож интересно какие у всяких виксов и вордпрессов недостатки, если сравнивать с чем то написанным на болеее низком уровне?

(125)+ кроме самого очевидного.. что нибудь более сложное, чем сайт визитка, блог или стандартного вида магазин на них можно сделать? на сколько кастомизируемые? произвольный код писать, с произвольными базами данных работать можно?

(125) ну недостатки понятны. На шаблонах сложно сделать что-то уникальное (того, что у других точно нет), либо какие-нибудь особенные функции и процессы.

(126) ну шаблоны и на интернет магазины есть.

(127) мне интересно где примерно предел, когда шаблоны уже нецелесообразно использовать

Вот , кстати, самый простой способ отлаживать node.js в vs code. Начиная с абзаца "Setting up VS Code To Debug in Node.js" по ссылке https://itnext.io/the-absolute-easiest-way-to-debug-node-js-with-vscode-2e02ef5b1bad . Только нужен достаточно свежий vs code, годовой давности так не умеет.

(120) деньги платят за всякое гуано которое самим разгребать влом.