This site used HTML, CSS, and Bootstrap. It is an upgrade from this portfolio site because it uses JQuery to categorize the websites.
AngularJS Currency Calculator
This used AngularJS and was based on this documentation. This site demonstrates AngularJS features such as Dependency Injection, Factory Functions, and Controllers.
AngularJS Retirement Calculator 2
AngularJS Retirement Calculator 2
This site is an improved version of the Compound Interest Calculator because it displays the yearly earnings and total earnings instantly.
Helpful Links
ng-repeat on two arrays
ngChange
Angular ng-repeat Error “Duplicates in a repeater are not allowed.”
How to empty an array in JavaScript?
Understanding Controllers
AngularJS Random Quotes
This site used AngularJS directives including ng-click to display quotes. JavaScript was used to select random array properties.
This previous version used JQuery instead of AngularJS.
AngularJS Countdown Timer
This site is a basic Countdown Timer with Resume and Stop functionality.
Update:
After yesterday’s AngularJS high, I have today’s relative low. But it is okay, I am accepting that learning and building something new will have its ups and downs and will also be two steps forward and one step backward. As long as I am moving forward, learning, and enjoying the process, I welcome the challenges 🙂
AngularJS Retirement Calculator
AngularJS Retirement Calculator
This site is an improved version of the Compound Interest Calculator because it performs the calculations instantly.
Update: I am getting the hang of the scope variables and bindings of AngularJS. I just need to keep building sites that use the features of AngularJS and I will improve even more at finding the documentation and examples that I need to build what I want.
Pet Shop
This site used JavaScript, JQuery, and Bootstrap. My goal is to rebuild this site in the future but with AngularJS instead of JQuery…
Furthermore this Pet Shop site will allow me to compare and contrast the JQuery way with the AngularJS way. I think having this goal will make learning AngularJS even more interesting, tangible, and compelling.
Here are some links that helped me with this site:
Responsive Images
Javascript innerHTML images
Get Spinner UI value on change
Get value attribute from jQueryUI Spinner
Responsive Panel
This site was based on this walkthrough. This site demonstrated that CSS, media queries, and JQuery can achieve a responsive design.
To Dos with AngularJS
This used AngularJS and was based on this video. This site demonstrates AngularJS features such as controllers, directives, and forms.
Update:
I finished the free AngularJS Course. I don’t think I absorbed that much, but I did gain an overview of much of the terminology and a realization of what AngularJS can do well. To earn a greater understanding, I have the option of following this formula by doing an AngularJS tutorial repeatedly until things make sense, or follow short and sweet tutorials for a few days and then start building simple applications on my own as soon as I can like I did with my tip calculator.
Either way it will be interesting to learn by building and blogging instead of just reading text 🙂
Happy Together
This site used JQuery Tubular to play the Turtles “Happy Together” in the background.