Intro to AngularJS Video Tutorial

535 views
Skip to first unread message

John Lindquist

unread,
Apr 4, 2012, 3:22:33 AM4/4/12
to ang...@googlegroups.com
Hey guys, just posted a video walking through how to build the "todo app".


Hopefully it will help guys who are just getting started with AngularJS. I plan on doing videos going into further features/details/apps in the future, so stay tuned :)

Cheers,
John

Carles __

unread,
Apr 4, 2012, 4:29:22 AM4/4/12
to ang...@googlegroups.com
Nice video, Thanks.

It would be great if you could upload it with a better resolution. The text looks a litle fuzzy.

Carles.

John Lindquist

unread,
Apr 4, 2012, 10:34:04 AM4/4/12
to ang...@googlegroups.com
The source video is 1280x720. It's one of the presets on youtube and a good resolution to display code on the various monitors/tablets out there. Just make sure you're watching the video in 720p/hd mode.

Is the text fuzzy to anyone else?

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/56Q31gw6PLYJ.

To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

cambiata

unread,
Apr 4, 2012, 11:38:51 AM4/4/12
to ang...@googlegroups.com
Great to see the IDE wizard in action... Quick and on the spot, as always!
Thanx!

Carles __

unread,
Apr 4, 2012, 2:22:18 PM4/4/12
to ang...@googlegroups.com
ups
You are right i didn´t realize the video was on youtube.  XD

Misko Hevery

unread,
Apr 4, 2012, 3:23:42 PM4/4/12
to ang...@googlegroups.com
Hi John,

This video ROCKS! Totally t-shirt worthy! http://goo.gl/D9uOx

We would like to put it on our new home page, as i think it is really well done and it would be a good introduction.  Would you be OK with that? What can we do to convince you to do more of these?

Also I noticed that you had awesome key bindings for WebStorm, including ng-* completion. How did you do that? Care to share it with the community?

-- Misko

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/fChpJJlTeOsJ.

John Lindquist

unread,
Apr 4, 2012, 3:30:35 PM4/4/12
to ang...@googlegroups.com
Thanks Misko. It takes a good framework to make a good video ;)

I'd be honored to have the video on the home page.

I do plan on doing more videos of building out other apps and showing off more features. It's actually something I do to help train my own dev teams. I just like to share them with the world.

As for Webstorm, I'll put together some posts on Webstorm+AngularJS workflow. (Everyone who knows me knows that I'm a workflow nut). Also, I have big plans for Webstorm plugins to help navigate/generate code within Angular (I have a close relationship with the jetbrains team), but that'll probably take a month or two to sort itself out.

Cheers,
John

Misko Hevery

unread,
Apr 4, 2012, 3:36:26 PM4/4/12
to ang...@googlegroups.com
That is awesome! Again thanks for the video, we will put it on our homepage, (BTW, what kind of attribution would you like). And let us know if we can help with anything.

John Lindquist

unread,
Apr 4, 2012, 3:50:23 PM4/4/12
to ang...@googlegroups.com
No attribution necessary. If they click the youtube icon, it will go to my youtube channel.

I'll keep you up-to-date on the Webstorm plugin. Webstorm 4.0 just hit beta, so the apis should be locked down, but I'll probably wait until the release to start on it.

Johan

unread,
Apr 4, 2012, 3:52:37 PM4/4/12
to ang...@googlegroups.com
Great video John - made even better for seeing Webstorm, my IDE of choice in action as well so looking forward to your WS posts.

Well done!



On Thursday, April 5, 2012 7:30:35 AM UTC+12, John Lindquist wrote:
Thanks Misko. It takes a good framework to make a good video ;)

I'd be honored to have the video on the home page.

I do plan on doing more videos of building out other apps and showing off more features. It's actually something I do to help train my own dev teams. I just like to share them with the world.

As for Webstorm, I'll put together some posts on Webstorm+AngularJS workflow. (Everyone who knows me knows that I'm a workflow nut). Also, I have big plans for Webstorm plugins to help navigate/generate code within Angular (I have a close relationship with the jetbrains team), but that'll probably take a month or two to sort itself out.

Cheers,
John

On Wed, Apr 4, 2012 at 1:23 PM, Misko Hevery <mi...@hevery.com> wrote:
Hi John,

This video ROCKS! Totally t-shirt worthy! http://goo.gl/D9uOx

We would like to put it on our new home page, as i think it is really well done and it would be a good introduction.  Would you be OK with that? What can we do to convince you to do more of these?

Also I noticed that you had awesome key bindings for WebStorm, including ng-* completion. How did you do that? Care to share it with the community?

-- Misko


On Wed, Apr 4, 2012 at 12:22 AM, John Lindquist <johnli...@gmail.com> wrote:
Hey guys, just posted a video walking through how to build the "todo app".


Hopefully it will help guys who are just getting started with AngularJS. I plan on doing videos going into further features/details/apps in the future, so stay tuned :)

Cheers,
John

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/fChpJJlTeOsJ.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/angular?hl=en.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+unsubscribe@googlegroups.com.

Rajendra Auradkar

unread,
Apr 4, 2012, 3:59:24 PM4/4/12
to ang...@googlegroups.com
John,
Do you have any information on the Webstorm+AngularJS workflow. Google search does not reveal much.....

John Lindquist

unread,
Apr 4, 2012, 4:05:16 PM4/4/12
to ang...@googlegroups.com
No workflow info yet. I'll be putting some materials together soon though.

Łukasz Twarogowski

unread,
Apr 4, 2012, 4:24:22 PM4/4/12
to ang...@googlegroups.com
great video,
congrats John!


Łukasz


On Wednesday, April 4, 2012 9:22:33 AM UTC+2, John Lindquist wrote:

rvaur...@gmail.com

unread,
Apr 4, 2012, 8:57:55 PM4/4/12
to ang...@googlegroups.com
John,
Great video. Thanks!
will pass it to others who want to learn Angular.
I started using Webstorm as well and would love to have the auto complete features you used!
Regards,
Raj

Sent from my iPad
--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/56Q31gw6PLYJ.

Vojta Jína

unread,
Apr 6, 2012, 12:10:06 AM4/6/12
to ang...@googlegroups.com
Awesome video.

V.

On Wed, Apr 4, 2012 at 12:22 AM, John Lindquist <johnli...@gmail.com> wrote:

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/fChpJJlTeOsJ.

Dan Doyon

unread,
Apr 6, 2012, 12:17:27 AM4/6/12
to ang...@googlegroups.com
I watched it last night, great stuff. Was there anything special to be done with the Webstomre IDE to integrate it? 

--dan

ItsLeeOwen

unread,
Apr 6, 2012, 3:04:42 AM4/6/12
to ang...@googlegroups.com
Absolutely the best!!!   Please hire John to do an entire series demonstrating the angularJS way.

Is there a donation, or membership I can contribute to for these videos?

Igor Minar

unread,
Apr 6, 2012, 4:10:48 AM4/6/12
to ang...@googlegroups.com

There are more videos on the way.

On Apr 6, 2012 12:04 AM, "ItsLeeOwen" <l...@coderebelbase.com> wrote:
Absolutely the best!!!   Please hire John to do an entire series demonstrating the angularJS way.

Is there a donation, or membership I can contribute to for these videos?

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/R-FWd8WAiu4J.

AJ Mercer

unread,
Jun 17, 2012, 12:04:06 AM6/17/12
to ang...@googlegroups.com
I have create tweaked the code to use angularJS filter and thought I would share

function TodoCtrl($scope, $filter) {
...
$scope.clearCompleted = function() {
$scope.todos = $filter('filter')($scope.todos,
function(todo) {
return !todo.done;
}
)
};



--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/fChpJJlTeOsJ.

To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.
Reply all
Reply to author
Forward
0 new messages