Sunday, April 12, 2015

Week 3 - Shaping Up with Angular.JS by Code School

This week we are going to do only one Code School level (Level 3: Forms) to allow some folks to catch up from last week.

One interesting observation to make as one looks over the resultant application from this week's work is just how little JavaScript (approx. 30 lines outside of the embedded data) is needed for the functionality provided.

Assignment
Fork the fiddle "AngularJS: A Walk-Through - Week 2" and
  • Name it "AngularJS: A Walk-Through - Week 3"
  • "Update" it and "Set as base". 

Assignment
Complete the level
  • Level 3: Forms

Assignment
As one completes the final challenge "3.10 Form Styling", replicate the solution in the fiddle "AngularJS: A Walk-Through - Week 3" ("Update and "Set as base") . Some things to keep in mind:

note: Notice that we are replicating 3.10 and not 3.11 (the last challenge).  This is because the Code School folks neglected to build 3.11 on top of 3.10.
  • Remember the ng-app and the "StoreController" ng-controller directives are in the body tag accessible from the "Fiddle Options"; so one only needs to copy the content of the body tag to the JSFIDDLE HTML panel.
  • Remember we are going to simply insert the app.js JavaScript in JSFIDDLE by copying it into the "JavaScript" panel.
  • Remember to fix the images in the gems object with the prefix:
    http://dhg7upb7j7jqa.cloudfront.net/shaping_up_with_angular_js/assets/demo/

Assignment
We are going to update our JSFIDDLE to implement the created on date as done in "3.11 Showing CreatedOn Date".

note: Remember; one cannot simply copy the entire HTML and JavaScript as Code School neglected to build 3.11 on top of 3.10.

Apply the three objectives of "3.11 Showing CreatedOn Date" to the JSFIDDLE example.

Sample of Week Result
The result of this week is an AngularJS app, "AngularJS: A Walk-Through - Week 3" that will be used as a starting point for the next week.

AngularJS: A Walk-Through - Week 3
<http://jsfiddle.net/sckmkny/nhsk8npu/>

5 comments:

  1. Hello John, I have been providing AngularJS course in Chennai for the past 6 months, and at times, I have used your blog as reference for my students in the class. It has been so much useful. Thank you, keep writing more :)

    ReplyDelete
    Replies
    1. Glad to hear that you derived some value from this; I find blogging about things that I am learning helps me remember the content.

      Delete
  2. Nice Article John! Mostly I have gathered knowledge from the blogger, because its provides more information over the books & here I can get more experienced skills from the professional, thanks for taking your to discussing this topic.
    Regards,
    Angularjs training in chennai|

    ReplyDelete
  3. It's good to see this blog to learn something. check it once through Angularjs Online Training Bangalore

    ReplyDelete
  4. Appreciated for This Good Work...I am very Happy to visit your site,It's good to see this blog to learn something...Thanks
    Java training in chennai | Java training in annanagar | Java training in omr | Java training in porur | Java training in tambaram | Java training in velachery

    ReplyDelete