Eggly tutorial series at egghead.io

[mcs130]

There is a terrific series at: https://egghead.io/series/angularjs-app-from-scratch-getting-started  

It jumps right into an HTML5 page and that's all OK, however, it shows the code in an editor and then shows the page running on a web server on localhost:633342.

1) which code editor is being used (is it suggested that one use something like Brackets?) - perhaps Sublime Text? ... either would work, I'm just curious. 
2) is the setup of the web server (and dev environment) covered somewhere prior? 

I really appreciate the work done on these tutorials just want to make sure I'm not missing some pre-requisite steps.

Thanks

[Eric Eslinger]

If I remember correctly, the editor in a lot of the egghead.io tutorials is JetBrains webstorm (and it's an IDE, so I believe it's running the code as well). There's some sublimetext in there as well (from one of the other video people).

e

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[Mark Streit]

Thanks Eric. Someone else here that I shared it with said the same thing. 

It would really help if they'd include a text file or readme on how to set up a separate node.js server for a development environment to do the tutorial series, assuming you don't have the Webstorm IDE or similar full blown IDE.  

M

You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/zx0f1d2SOf0/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.

To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--
Regards,

Mark

Sent from Gmail Mobile on iPhone

[Eric Eslinger]

This is a pretty decent tutorial that steps you through using Yeoman to scaffold your application, which generates some default Grunt configurations that will server your app and do livereload and whatnot.

http://yeoman.io/codelab.html

e

[Mark Streit]

Thanks again Eric... this was helpful ... went OK up to step 5 and then I was hit w/ grunt errors that I'm still trying hunt down...  this has been anything but smooth.

My directory structure looks like this: (created by yo) 

mark@devmacbook~/dev-work-angular/mytodo$ ls -l

total 40

-rw-r--r--   1 mark  1751284287  9700 Sep 18 21:47 Gruntfile.js

drwxr-xr-x  12 mark  1751284287   408 Sep 18 21:47 app

-rw-r--r--   1 mark  1751284287   478 Sep 18 21:47 bower.json

drwxr-xr-x  15 mark  1751284287   510 Sep 18 21:48 bower_components

drwxr-xr-x  25 mark  1751284287   850 Sep 18 22:43 node_modules

-rw-r--r--   1 mark  1751284287   970 Sep 18 22:42 package.json

drwxr-xr-x   5 mark  1751284287   170 Sep 18 21:47 test

My version checks on various items look like this and they appear OK: 

mark@devmacbook~/dev-work-angular/mytodo$ yo --version && bower --version && grunt --version

1.2.1

1.3.11

grunt-cli v0.1.13

grunt v0.4.5

mark@devmacbook~/dev-work-angular/mytodo$

And so upon attempting the command they tell me to run…

mark@devmacbook~/dev-work-angular/mytodo$ grunt serve

Loading "Gruntfile.js" tasks...ERROR

>> Error: Cannot find module 'lodash'

Warning: Task "serve" not found. Use --force to continue.

Aborted due to warnings.

mark@devmacbook~/dev-work-angular/mytodo$

Mark 

[Eric Eslinger]

did you run npm install? That looks like an error where you're missing dependencies. I don't use the yeoman setup anymore, so I'm not 100% certain that's what it is, but I'd bet so.

e

[Mark Streit]

Eric

Thanks ... It may have been that but I also found this article http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/.   

This seems to have allowed me to get further. There were some hiccups in the logs but it managed to complete and the package.json file appears populated with a large number entries this time.  Running "grunt serve" then worked and the browser popped open with the expected page.  

Appreciate your time. 

Thanks again.