PageRenderTime 50ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/readme.md

https://github.com/bartolini/angularjs
Markdown | 54 lines | 40 code | 14 blank | 0 comment | 0 complexity | 8e9e158cc9d5d301217a2c7b5aa9cb9f MD5 | raw file
  1. # What is this project about?
  2. I have created this very simple project just to have a look at **AngularJS - the
  3. Superheroic JavaScript MVW Framework** by Google. There are multiple
  4. tutorials/courses/examples in the internet but after seeing a
  5. few of them I have decided to do some sort of a project by myself keeping
  6. in mind the following basics:
  7. * Learn some **general principles** about how angularjs framework works
  8. * Learn about the **$scope** object and how views and controllers work together
  9. * Learn about **two-way data binding**
  10. * Learn about **subviews**
  11. * Learn about **event handling**
  12. * Learn how to **create a filter/modifier**
  13. * Learn how to **create and use services**
  14. * Learn how to **animate things** with AngularJS but also with CSS only.
  15. **Everything is incuded in the repo** - AngularJS and its dependencies, static files
  16. and so on. There is no need to create the project from scratch, update dependencies
  17. using i.e. Bower and NodeJS like in the official tutorial. It has its advantages and
  18. I encourage you to get more familiar with it but hey - this is about AngularJS
  19. not the NodeJS/Bower tandem here. All you need is a web server.
  20. # What does it do?
  21. The app provides you with a search box and after submitting entered text presents
  22. some search results. I have decided to use an **awesome and free search engine API**
  23. provided by [DuckDuckGo]('https://duckduckgo.com/'). It suits perfectly what is required for this project.
  24. # How does it work?
  25. The best way to start is as usual the index.html file and follow comments in there.
  26. Folders are as follow:
  27. * **/app** - the actual part you will be interested in
  28. * **/img** - static file(s)
  29. * **/inc** - minified angularjs files and twitter bootstrap - not much to see there.
  30. # I don't have a web server or I don't want to install one!
  31. Have you got [Python](https://www.python.org/) installed? Then you are sorted. If not just install python -
  32. it is a great programming language **and** it comes with a simple webserver perfect for dev tasks or just for
  33. playing around. Once python is installed on your system just open your console and type in:
  34. > python -m SimpleHTTPServer
  35. This will start a web server for you and you will be able to open project on
  36. [http://localhost:8000/](http://localhost:8000/).
  37. # Use a modern browser
  38. Please note that this app will work in modern browsers only. It has been tested in Firefox and Chrome
  39. and probably will work in recent versions of Safari, Opera and Internet Explorer as well.
  40. Don't expect it to run in some ancient versions of IE though...