Вход | Регистрация



Какими инструментами создавать веб-проекты?

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

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

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

И какие популярные и хорошие инструменты есть для фронта, где есть и HTML, и CSS, и PHP, и JavaScript?
 
 
   MyNick
 
1 - 30.12.18 - 10:50
(0) VSCode
Ко всем упомянутым языкам есть все необходимые плагины.
   MyNick
 
2 - 30.12.18 - 10:51
"Или это делается совершенно в разных средах и отдельно друг от друга, а связывается только, грубо говоря, запросами из фронта к бэку?"

Для взаимодействия фронта-бэка можно использовать jQuery - простая в освоении, но мощная штука
   ДенисЧ
 
3 - 30.12.18 - 11:06
(2) @Мне нужно создать страницу, которая отображает последние действия со стороны пользователей, так что мне просто нужно получить данные от REST и отобразить их в какой-то фильтруемой таблице, ну и обновлять её, если что-то изменится на сервере. Я думал, может быть, использовать JQuery для извлечения и отображения данных?

— О, Мой Бог! Нет! Никто больше не использует JQuery. Ты должен попробовать React: это — 2016!@

https://habr.com/post/312022/
   Asmody
 
4 - 30.12.18 - 11:29
(3) Да ты чё! Этот ваш {любимый фреймворк оппонента} глючное тормозное говнище. Надо делать на {мой любимый фреймворк}.
   ДенисЧ
 
5 - 30.12.18 - 11:40
(4) У {мой любимый фреймворк} есть один фатальный недостаток...
   MyNick
 
6 - 30.12.18 - 12:53
(3) я в этом прочитал только иронию-стеб
   ДенисЧ
 
7 - 30.12.18 - 13:28
(6) Значит, ты пока не готов к писанию сайтов
   Asmody
 
8 - 30.12.18 - 13:29
(6) Удивительная проницательность!
   trdm
 
9 - 30.12.18 - 16:56
(5) сам не пишет?
   ДенисЧ
 
10 - 30.12.18 - 17:12
(9) Нет.  NIH. (Not Invented Here)
 
 Рекламное место пустует
   jscript82
 
11 - 30.12.18 - 18:53
(0) Из бесплатных лучший - VSCode
Из платных лучший - PHPStorm
Из всех лучший - PHPStorm
Поэтому рекомендую сразу начинать с PHPStorm, потому что профессионалы выбирают именно его не смотря на цену. Там есть бесплатный пробный период, и есть много других способов его использовать бесплатно. Например, я сейчас являюсь студентом на заочке, и мне он полагается бесплатно пока я учусь. Но в России почти никто за него не платит по привычке.
   Nyoko
 
12 - 30.12.18 - 19:55
(11) Соглашусь, JetBrains для всего в принципе делают лучшее, их даже гугл взял для android studio.
   Сияющий в темноте
 
13 - 30.12.18 - 21:32
А чего vi уже не кошерно?
   jscript82
 
14 - 30.12.18 - 21:39
(13) Если оплата не сдельная, а фиксированная, или повременка, то кошерно.
   vasvl123
 
15 - 07.01.19 - 09:57
(0) сам пишу такой инструмент https://github.com/vasvl123/OneScriptDB
   trdm
 
16 - 07.01.19 - 10:14
(11) > Из бесплатных лучший - VSCode

ИМХО Notepad++ лучше.
С плагином jN Notepad++ превращается в OpenConf и позволяет писать то, что тебе нужно на javascript.
   Лефмихалыч
 
17 - 07.01.19 - 10:53
(0) разработка сайтов - это:
1. фронт, который HTML+JS и других вариантов нет. Всякие там java-апплеты и прочие флэши не в счет, ибо они только для корпората какого-нить пригодны, где можно людей насильно заставить включить загрузку плагинов в браузере и этим пользоваться (ну, может - игры еще, не знаю; но это точно не для неопределенного круга лиц со свободной волей).

2. бэк - вот тут дохерища вариантов php, java, pithon, node, ruby, C#, да что угодно, включая даже и голый C++. Список далеко не полный и я не претендую на полноту - просто, что в голове на поверхности плавает, то и написал. Причем, имеют место объединения нескольких из этих языков.

3. база данных - нужна далеко не везде. Вариантов меньше, чем в п2, но тоже дохрена и точно так же выбирать надо то, что нравится и что получается. На вкус и цвет все разные и взлетает только у тех, кто умеет своё готовить.

Одного какого-то правильного и православного бэка не существует. Что нравится, что умеешь, на том и делай.  У нас, к примеру, на текущий момент бэк состоит из связки php+java+node+mysql+postgres. Потому, что вот так вот исторически вышло. От пих-пиха с мускулем когда-то избавимся, наверное (к концу года), но это - бабка надвое, ибо ряд задач они решают, экономя итшные ресурсы.

Внутрях фронта туева хуча всяких js-фрэймворков, реализующих рутинный код. Они все по своему различные и по-своему одинаковые. Есть стандарты де факто, которые ничем не лучше некоторых новых штук. Тут тоже - солить по вкусу, варить до готовности.

В принципе, можно быть универсальным специалистом и про фронт и про бэк. Причем - на любом стэке. Но лучших результатов, естественно, добиваются при разделении труда и узкой специализации.

php+html+js - самый простой из всех стэков. Особенно в развертывании - накидал по ftp на сервер текстарей, нажал Ф5 и готово. И можно ничего не знать толком и не понимать сути происходящего внутри. В этом же его и отрицательная сторона - он плодит инвалидов, умеющих только протезы делать. Велик соблазн с него начинать, т.к. он простой, но не стоит. Хотя, это мое субъективное, конечно.

Короче, надо пробовать. Другого варианта в этом разобраться нет.
   Лефмихалыч
 
18 - 07.01.19 - 10:55
+(17) кстати, помню как-то smaharbA мастерил гестбук с бэком на bash, а вместо БД, кажется, тупо текстари в каталоге. И оно работало.
Баш, Карл!..
   ДенисЧ
 
19 - 07.01.19 - 11:27
(18)  Я тоже когда-то такое мастерил, только на перле, а не на баше... И оно тоже работало, но никому никуда не упёрто было, ибо сайта своего не было и не планировалось.
   trdm
 
20 - 07.01.19 - 11:46
Тут в нете пробегала статья на хабре про сайт на ассемблере :)
   webdev
 
21 - 09.01.19 - 09:47
(16) Notepad++ - это просто редактор файлов. Для разработки больших проектов он не удобный. А для работы в команде вообще вреден, и я бы не рекомендовал с него начинать и его изучать - зря убитое время. Лучше сразу с чего-то нормального с прицелом на будущее, чтобы два раза не переучиваться.
   Garikk
 
22 - 09.01.19 - 09:50
(11) <Из всех лучший - PHPStorm >
тоесть PHP лучший язык для веба?
   webdev
 
23 - 09.01.19 - 10:06
(22) С чего такие выводы? Увидел слово PHP в названии? :)))
   Garikk
 
24 - 09.01.19 - 10:13
(23) PHPStorm это редактор для PHP в первую очередь, есть же ещё PyCharm, RubyMine, собственно сама IDEA
Это все одно и тоже, только основной язык разный, но предложен почемуто именно PHPStorm...а отличается он именно наличием PHP
   Garikk
 
25 - 09.01.19 - 10:14
(24) +да, и есть же WebStorm
   trdm
 
26 - 09.01.19 - 10:25
(21) Да любая IDE - это редактор файлов.
   webdev
 
27 - 09.01.19 - 11:53
(25) PHPStorm - это и есть WebStorm + среда разработки для PHP.

(26) IDE и редактор файлов - это разные понятия. Хотя в любой IDE конечно присутствует и редактор файлов.
   webdev
 
28 - 09.01.19 - 11:55
(24) >> но предложен почемуто именно PHPStorm
(0) >> какие популярные и хорошие инструменты есть для фронта, где есть и HTML, и CSS, и PHP, и JavaScript?

Так понятно?
   Garikk
 
29 - 09.01.19 - 12:15
(28) мне то понятно, я также все перечислил PyCharm, RubyMine, IDEA, WebStorm

но лучший почемуто PHPStorm... учитывая разницу между джетовскими средами, все сводится у ктверждению что PHP лучший
   arsik
 
30 - 09.01.19 - 12:16
мне VSCode нравится
   trdm
 
31 - 09.01.19 - 12:28
(27) Notepad++ само собой редактор, но с возможностью расширения плагинами, что позволяет опытному пользователю добавить в него требуемые функции.

И куча написанных плагинов вполне себе может его превратить в IDE. Причем мало чем уступающую PHPStorm и VSCode (которая сама по себе не IDE).

У Notepad++ есть API который позволяет писать плагины на C/C++/C# и т.п.
Кому надо, есть плагины, которые позволяют расширять функционал Notepad++ с помощбю питона и жабаскрипта.
   webdev
 
32 - 10.01.19 - 09:36
(29) Похоже тебе не понятно.

(31) Да, это блокнот с плагинами. Плагинами его даже на десятую часть не приблизить к полноценной IDE, но времени убьешь на это целый вагон. Потому я с него и ушел, хотя пользовался лет пять до этого.
   Dmitry1c
 
33 - 10.01.19 - 09:59
Когда вы еще помимо 1С и веб-проекты успеваете?

У меня в 1С-то знания устаревают, требуется перечитывать-подучивать.
 
 
   Андрюха
 
34 - 10.01.19 - 10:12
Неплох HTMLPad с контекстной подсказкой.
   Вафель
 
35 - 10.01.19 - 10:21
без компонентного подхода сейчасм вофронет делать нечего.
если конечно есть цель зарабатывать этим деньги
   Вафель
 
36 - 10.01.19 - 10:22
лучше изучить что-то одно (фронт или бэк), но хорошо, чем быть плохим фуллстеком
   девопсер
 
37 - 10.01.19 - 10:31
(36) а что лучше, фронт или бэк?
   Вафель
 
38 - 10.01.19 - 10:35
(37) к чему душа больше лежит.
если для себя проекты пилить, то лучше фронт. Ибо бэк сам по себе никому не нужен
   trdm
 
39 - 10.01.19 - 10:48
(32) Ясно, очередной неосилятор, который не освоил систему плагинов и расширений.

Кому как а у меня в Notepad++ есть и интеллиценз, и кодеджампинг на основе ctags и шаблоны и многое другое.
https://image.prntscr.com/image/_Lnz4Sm8Ty6VVz0WwPlaVw.png
   trdm
 
40 - 10.01.19 - 10:51
   webdev
 
41 - 10.01.19 - 11:06
(36) Сначала нужно изучить все понемногу, чтобы иметь представление как что работает. Потом уже углубляться во что-то одно.

(37) Лучше бэк. При одинаковом опыте/знаниях/нагрузке за бэк платят больше. Программисты бэка относятся к программистам фронта как к одинесникам. Наверное отсюда и разница в зарплатах.
   webdev
 
42 - 10.01.19 - 11:07
(39) Сам ты неосилятор, который не освоил нормальную IDE и программирует в блокноте.
   uzerp2
 
43 - 10.01.19 - 11:53
Если интересна разработка именно под веб, т.е. клиент, сервер, база данных, то я для себя такой стек выбрал:
(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 и т.д.)
уже давно пошла тенденция на многоплатформенность, поэтому смотри интересуйся выбирай !!!
   trdm
 
44 - 11.01.19 - 08:30
(42) На вкус и цвет.
   webdev
 
45 - 11.01.19 - 11:00
(44) Конечно. Кому-то нравятся жигули, кому-то мерседесы.
Жигуль можно чинить месяц, а потом два дня ездить до следующего ремонта не хуже чем на мерсе, и радоваться что если нет разницы, то зачем платить больше, а потом снова месяц его чинить.
   Fragster
 
46 - 11.01.19 - 11:07
лично я использовал netbeans - все устраивало. но потом перешел на hidpi экраны, а новый нетбинз с их поддержкой не завезли. В мыле работать неприятно. Перешел на vs code. Пригодилось и с 1с, кстати: схемы в plantuml, тесты для тестера и прочее.
   Fragster
 
47 - 11.01.19 - 11:11
по технологиям - на fragster.ru использую свой велосипед на php (надстройка над DOM Document в качестве шаблонизатора + надстройка над PDO для работы с СУБД). Очень понравился laravel, но пока в ранней стадии освоения. все-таки язык далеко ушел с того времени, когда я этим плотно занимался.
на клиенте вместо jquery хорошо работает axios для AJAX и VUE для сложных интерактивных страниц (или SPA). в качестве CSS фреймворка использую bulma.
   Garikk
 
48 - 11.01.19 - 11:14
(46) 10-й тоже не поддерживает?
блин...я начал себе мон с hdpi присматривать
   Fragster
 
49 - 11.01.19 - 11:22
(48) опа, released on the 27th of December, 2018. :)

надо проверить :)
 
 Рекламное место пустует
   trdm
 
50 - 11.01.19 - 11:24
(45) Мне нравятся быстрые среды. А практически все эти IDE очень тормозные. Долго думают и много жрут.
   Fragster
 
51 - 11.01.19 - 11:47
(48) а где сетап?
   ДенисЧ
 
52 - 11.01.19 - 11:52
(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
   Fragster
 
53 - 11.01.19 - 11:54
(52) ага, а потом еще и openjdk так же. и в конфигах поковыряться. в общем, убили нетбинз :(
   Fragster
 
54 - 11.01.19 - 11:54
при этом в ридми после (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.
   ДенисЧ
 
55 - 11.01.19 - 11:56
(54) А ты после распаковки не вытащил иконки куда нужно?
Ну кто тебе доктор? ))))))

ЗЫ. Просто не переписали манула.
   Fragster
 
56 - 11.01.19 - 12:05
потыкал в нетбинз. intellicense  в ней лучше, но во всем остальном - vscode лучше - плагинами поддержка всяких .vue, .blade.php и прочего обеспечивается. ну и vscode и так стоит для 1ски. так что, наверное, нетбинз закопаю.
   webdev
 
57 - 11.01.19 - 12:23
(46) А что именно в vs code лучше чем в нетбинз на hidpi? А то тоже думаю переходить.
Вроде же ОС все разруливает, при чем тут ИДЕ?
   webdev
 
58 - 11.01.19 - 12:27
(50) В каком месте шторм тормозит? Приведи хоть один пример. И жрет очень незначительно.


Список тем форума
Рекламное место пустует  Рекламное место пустует
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.
Рекламное место пустует