1. AngularJS & Git Workshop Made by: Nikola Novakovic

2. About me Software Engineer Fav lang: Ruby, Javascript Fav frameworks: Anguar, RoR Twitter: @novica93 Email: nikola.novakovic9@gmail.com nikola.novakovic9@gmail.com

3. Agenda Day 1 Intro to Angular ( basic concepts and stuff) Coding simple “Hello World” examples in Angular Git Basics Deploying app we made previously to Bitbucket Day 2 Explaining more concepts of Angular Explaining those concepts in code Git more advanced commands and a possible workflow Day 3 Hack day ( winner gets a prize :) )

4. Intro To Angular

5. AngularJS is a client side mv* framework for rich client side apps. What the crud is Angular?

6. Why Angular ? Because reasons. Because everybody else is using it. No. Because cool kids are using it.

8. Ok so now for real. *Forces engineer to actually be engineers. And forces designers to be designers. * Desktop like apps * No refresh * No JQuery ( yayy! ) *Separation of backend and frontend * Scalable to a great degree * All Angular awesome features ( data-binding etc)

9. Even better. Why NOT Angular? When you make a website(not a web app) for a local bakery. But that sucks anyways :) Some fully featured legacy web apps with MVC frameworks ( RoR - Basecamp ) Some web apps in MVC frameworks that don’t require a lot of forms, user interaction, dom stuff etc. i.e. E-learning platform

10. What I expect you to know to use Angular? * OOP programming and OOP principles * Some knowledge of an fully featured MVC framework REALLY good to have: * Intermediate knowledge of JS ( closures, hoisting, prototype inheritance)

11. Angular Awesome Features * Modular architecture * Two way data binding * Controllers and logic separation into services * Directives * Community

12. Let’s code something finally :) code on: https://github.com/novarac23/workshop- angular-vts https://github.com/novarac23/workshop- angular-vts

13. Really brief intro to Git

14. Developed by great Linus. Father of Linux.

15. Why use it ? * You can always pull back to a previous version * Your product can be scalable and easily maintained * All of the team members can work on the app at the same time and develop features/bug fixes And much more

16. What I expect you to know to use Git ? * Basic Linux knowledge * Basic command prompt knowledge

17. Github is NOT Git!

18. Whats a repo ?

19. Basic commands * git init * git add filename * git commit -m “Message” * git pull * git push name_of_repo name_of_branch

20. git phases

21. Branches and stuff

22. Lets push this sh*t to remote repo.

23. Q&A

24. Day 1 END :)

25. Angular Building Blocks

26. ****in cli `yo angular` for sample app*** *Providers *Scope *Controllers *Views *Directives *Services

27. Explaining each one and giving coding samples for each one.

28. Lets push this to our repo. Rebase, tools, workflows.

29. Lets put these together and build a beer app ( if there is time :) )

30. Q&A

31. End of day 2 :)

32. Hack day!!!!

33. Build a movie review app. User of the app has to be able to : * CRUD with Movies * List depending on a movie category * User needs to be able to search through list of movies * About page of a web app

34. Whats the prize you ask ? :)

35. A COOKIE!

36. Consulting with me ( btw I charge for consulting in a real world) for an hour with a winning team. :)

37. Good Luck And Hack Away!!!!!!!

38. Q&A

39. Thanks :)