Great article with bite size steps: How to Program
Top web development boot camp is now free
App Academy’s Ruby on Rails and React Boot Camp is now free! Here is a news article and here is the link to the free boot camp
Sedona Method Part II
In August 2015 I was in the middle of building a website every day and blogging about each website . On August 30th I built this simple website: Sedona Method. Even though this website is very basic, I find myself using it every month or so to relax and relieve stress.
A few days ago I was sitting at a coffee shop with my laptop and I decided to make another one of these basic websites: Sedona Method Part II. Hopefully this basic website will also help me relax and let go of stress…
JavaScript Quick Tips
Here are a few JavaScript tricks and tips I have learned.
These lessons were learned working in an ASP.NET, AngularJS, and C# environment using Visual Studio 2013.
- For AngularJS views, place curly braces in the HTML to see an object and all of its properties, i.e. {{person}} will show all of the properties and values for the person object.
- Use Internet Explorer with Visual Studio to set break points in the JavaScript file while debugging. Thanks go to Tammy for giving me this tip.
- Use alert messages and console.log to see the variable’s current value or type. Sometimes I use alert just to make sure the program is reaching the section of code.
- Send the entire object and use the properties as needed. I was wasting time sending just individual elements when I could have just sent an entire object. For instance, instead of sending:
name:”john”, age:25
I learned to just use:
var person = {name: “john”, age: 25}
and to send the entire person object.
Then on the server side I can use setters and getters for a Person object which will have properties Name and Age. - Watch out for null and undefined variables. I am not entirely sure how to avoid these problems but I am thinking the solution is to initialize my variables and also set my variables when I reset them.
These tips are pretty basic but hopefully I will be able add even more tips as I fail a lot and make mistakes 🙂 learn and improve even more…
AngularJS Animate
This used AngularJS and was based on this post. This site demonstrates AngularJS features such as Repeat, Show, and Animate.
Hunger Games Quiz
This used AngularJS and was based on this tutorial. This site demonstrates AngularJS features such as Directives, Factories, and Modules.
Pets Speak
This used AngularJS and was based on this video introduction. This site demonstrates AngularJS features such as Directives, Templates, and Scopes.
AngularJS Examples 2
This used AngularJS and was based on this guide. This site demonstrates AngularJS features such as ng-watch, Scopes, and Listeners.
Motorsport Rankings
This used AngularJS and was based on this excellent walkthrough. This site demonstrates AngularJS features such as APIs, Templates, and Directives.
PhoneCat App
This used AngularJS and was based on this tutorial. This site demonstrates AngularJS features such as Filters, JSON, and Controllers.