My rambles Blog

An Introduction to HTML and CSS

In this week’s post, I’ll be writing my take on a simple guide to HTML and CSS. This is mostly a high overview of HTML and CSS, and won’t get into too many language specific details. Instead, I discuss what HTML and CSS are, and how they work to make a website. How Does the […]

Making Maps with Google’s Map API

This week, I spent a decent amount of time working with Google’s Map API for a Hackathon project. While I won’t go into the details of the project (for now at least), I wanted to share some of the things I learnt about using Google Map’s API system. Overall, getting the map up and running […]

Create and Deploy An AngularJS App to Github Pages

Recently I was working on an AngularJS project for an Elixir Labs project, and realized that I could actually host the entire website on Github Pages. This worked because my app made use of Firebase as the database, and as a result didn’t need an additional back-end written up. I thought it would be a […]

Goodbye 2017, Hello 2018

Wow, time has flown by. I can’t believe we’re already in week two of 2018! Before we get too far into the year, I wanted to take a moment to look back at 2017, and share some of the things that I’m excited for in 2018. Between family, friends, work, travel, moving to a new city […]

AngularJS Tutorial Part 5: Creating Individual Pages for Characters and Movies

This is part 5 of a multi-part Intro to AngularJS tutorial series. Part 4 can be found here. Now we’ll work on making individual pages for each Character and Movie. We’ll begin by creating new routes in the app.js file. .when('/character/:id', { templateUrl: 'views/character.html', controller: 'CharacterCtrl', controllerAs: 'character' }) .when('/movie/:id', { templateUrl: 'views/movie.html', controller: 'MovieCtrl', […]

AngularJS Tutorial Part 4: Introducing Bootstrap

This is part 4 of a multi-part Intro to AngularJS tutorial series. Part 3 can be found here, and Part 5 can be found here. Since AngularJS uses HTML based views, it’s extremely easy to add styling to your pages. I’ll use Bootstrap to turn what we’ve made so far look a little nicer. Bootstrap […]

AngularJS Tutorial Part 3: Using Star Wars API Data through Angular Controllers and Views

This is part 3 of a multi-part Intro to AngularJS tutorial series. Part 2 can be found here, and Part 4 can be found here. The Star Wars API is working, and we’re able to access information about the character. Next we’ll play around with some of the data that has been returned from our […]

AngularJS Tutorial Part 2: Introducing the Star Wars API and Angular Services

This is part 2 of a multi-part Intro to AngularJS tutorial series. Part 1 can be found here, and Part 3 can be found here. Now that we have a Hello World version of our website working, we’ll create a Service in order to connect to the Star Wars API. First go back to the […]

AngularJS Tutorial Part 1: Hello World

This is part 1 of a multi-part Intro to AngularJS tutorial series. Part 2 can be found here. Before we can churn out a kickass Star Wars website, we’ll create the “Hello World” of Angular Apps. I usually like to keep my files organized, especially since I’ve seen what happens when you have over 100 […]

AngularJS: An Introduction

Hey there! Welcome to this multi-part introduction to AngularJS, a Javascript based framework to make some kickass websites. I’ve broken down this tutorial into five sections that build on top of each other, and hope to add some more sections in the future. I originally taught this as a virtual class as part of the […]