Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.09.2017, 18:20
Аспирант
Отправить личное сообщение для iamme Посмотреть профиль Найти все сообщения от iamme
 
Регистрация: 02.09.2011
Сообщений: 46

Вопросы новичка
Помогите подступиться к фреймворку, поставила Angular, погуглила тему, даже начала пример из туториала https://angular.io делать, но остается недопонимание...

Весь туториал на angular.io посвящен TypeScript, никакого голого JavaScript. На нем вообще не пишут в новом Angular или как? JavaScript был языком кодирования в старом AngularJS?

Ок, допустим TypeScript, но там своеобразная структура проекта с файлами модулей, конфигами. Все компилится в файлы JS. Но как мне потом деплоить эту кашу на сервер? Я так понимаю, в итоге все равно должны быть включены js-файлы и подключен скрипт
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> ? Или нет?

TypeScript же браузеры выполнять не умеют. Каким чудом у меня вообще запускается Angular проект в браузере?
Ответить с цитированием
  #2 (permalink)  
Старый 16.09.2017, 01:41
Аватар для void()
Профессор
Отправить личное сообщение для void() Посмотреть профиль Найти все сообщения от void()
 
Регистрация: 11.08.2017
Сообщений: 203

Ну, можно и на чистом JS писать. Почему Google пишут на TypeScript? Чтобы ускорить разработку и было удобнее. Если вы тоже так хотите, то нужно ставить Node.js + gulp. И потом ставить gulp-typescript через npm.

В итоге у вас на лету TypeScript будет преобразовываться в чистый JS. Это не так уж сложно, как может казаться поначалу. На самом деле легко и удобно, главное один раз разобраться и все настроить. Грубо говоря, напишете строчку на TypeScript, сохраняете документ и у вас сразу же на лету обновляется нормальный файл с js, который подключен к html.

Но вообще-то, вместо того, чтобы изучать Angular, вам тогда придется изучать еще много чего. А это не лучшая тактика. Так что лучше найти учебник без TypeScript. И вообще TypeScript - устаревает в связи с новым стандартном js. Если раньше этот язык имел смысл, то сейчас и на чистом js удобно писать.

Последний раз редактировалось void(), 16.09.2017 в 01:45.
Ответить с цитированием
  #3 (permalink)  
Старый 16.09.2017, 09:20
Аспирант
Отправить личное сообщение для iamme Посмотреть профиль Найти все сообщения от iamme
 
Регистрация: 02.09.2011
Сообщений: 46

А почему я нигде не вижу хелпа, как писать на чистом JS на Angular 2?

На TypeScript я и так пишу, там подробное руководство есть - стартовый пример. Но вроде без gulp. Там Node.js + npm ставишь, дальше все само выкачивается.

И Вот только непонятно, как и куда подключать эти скопмилированные JS файлы.
Ответить с цитированием
  #4 (permalink)  
Старый 16.09.2017, 09:54
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,151

iamme,
Познакомьтесь с Angular-CLI и он решит все ваши проблемы. Gulp вам не поможет. Вы разрабатываете модульное приложение, соответственно вам нужен сборщик модулей. Webpack / Browserify / SystemJS -- выбирайте.
Цитата:
И вообще TypeScript - устаревает в связи с новым стандартном js. Если раньше этот язык имел смысл, то сейчас и на чистом js удобно писать.
серьезно? это не шутка?
Ответить с цитированием
  #5 (permalink)  
Старый 16.09.2017, 10:38
Аспирант
Отправить личное сообщение для iamme Посмотреть профиль Найти все сообщения от iamme
 
Регистрация: 02.09.2011
Сообщений: 46

Спасибо, CLI я скачала, но пока не поняла, зачем он нужен (за исключением создания шаблона проекта на TS).
В разработке все равно используются пара команд npm

cd quickstart
npm install
npm start


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

Кто тут компилит TS (TypeScript) и где в работу идет Angular CLI, так и не поняла пока (хотя CLI в туториале требуется к установке и установлена).

Последний раз редактировалось iamme, 16.09.2017 в 10:40.
Ответить с цитированием
  #6 (permalink)  
Старый 16.09.2017, 10:39
Аспирант
Отправить личное сообщение для iamme Посмотреть профиль Найти все сообщения от iamme
 
Регистрация: 02.09.2011
Сообщений: 46

Постоянно обновляются JS файлы, которые делаются из TS. Но где этот html, в котором они подключаются, найти пока не могу. Или не то ищу.

ЗЫ
все мои действия обусловлены туториалом отсюда https://angular.io/guide/quickstart

Последний раз редактировалось iamme, 16.09.2017 в 10:42.
Ответить с цитированием
  #7 (permalink)  
Старый 16.09.2017, 10:58
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,151

Цитата:
Вторая, я так поняла, запускает сервер локально и каким-то образом отслеживает изменения в файлах, чтобы перекомпилировать их в JS.
webpack --watch
https://webpack.js.org/configuration/dev-server/
скринкаст
Ответить с цитированием
  #8 (permalink)  
Старый 16.09.2017, 11:34
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 2,943

Прошу прощения за оффтоп.
Иногда появляется мысль познакомиться с серверным js, но то, что для написания чего-либо элементарного нужно подключить и настроить вагон и маленькую тележку зависимостей/утилит всегда меня останавливает.
Ответить с цитированием
  #9 (permalink)  
Старый 16.09.2017, 11:46
Аспирант
Отправить личное сообщение для iamme Посмотреть профиль Найти все сообщения от iamme
 
Регистрация: 02.09.2011
Сообщений: 46

Знали бы вы, какой вагон бывает нужен для разработки на java...
Я вот просто фронтенд решила попробовать как положено делать, а не формировать на сервере. С сервера только json хочу выдавать (на java).
Но всегда думала, что javascript требует только браузера и блокнота, а оказалось, что теперь не так

Последний раз редактировалось iamme, 16.09.2017 в 11:49.
Ответить с цитированием
  #10 (permalink)  
Старый 16.09.2017, 12:07
Аспирант
Отправить личное сообщение для iamme Посмотреть профиль Найти все сообщения от iamme
 
Регистрация: 02.09.2011
Сообщений: 46

Сообщение от destus Посмотреть сообщение
webpack --watch
Так а почему webpack --watch предлагаете, а не nmp start, как в официальном туториале? Есть преимущество?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форум "Общие вопросы Javascript" превратился в помойку Max Power Сайт Javascript.ru 17 25.11.2016 03:35
При запуске теста вопросы в произвольеном порядке Dr.Maksss Элементы интерфейса 13 30.09.2015 21:53
Вопросы от новичка по сортировке массивов и функциям iiv Ваши сайты и скрипты 3 01.07.2014 10:39
Возникли вопросы по созданию игры на javascript alex510i Общие вопросы Javascript 3 19.09.2013 15:46
Вопросы новичка bear9 Общие вопросы Javascript 7 24.09.2011 11:51