Free Code Camp

In addition to the prep work with Viking Code School, I have also been completing courses offered through other resources such as Codecademy and Free Code Camp this past month. These courses have added a great deal to the learning process in conjunction with the material provided by Viking, so I wanted to make a…

Bootstrap Jumbotron Clone

The assignment for the Bootstrap section of Viking Code School's advanced prep work involved cloning the jumbotron template from the official Bootstrap documentation. This involved using the Bootstrap grid system of containers, rows, and columns to copy the template using semantic HTML tags. Only a very small amount of custom CSS was needed to modify…

Bootstrap with Viking Code School

Bootstrap is a powerful tool for building responsive websites quickly. It is a popular framework of HTML, CSS, and JavaScript that works around a grid layout. The Bootstrap course of Viking Code School's advanced prep work introduced the basic functionality of Bootstrap and explained the grid based system that it utilizes with a container, rows,…

Sass with Viking Code School

Sass is a CSS preprocessor that helps eliminate repetition in stylesheets through nesting and mixins. It also add functionality through the use of varaibles and operators. The Sass course of Viking Code School's advanced prep work built atop the CSS foundations from the previous course and also described best practices for writing Sass. The following…

Facebook Login & About Pages with HTML & CSS

This assignment for the advanced prep work of Viking Code School involved using HTML and CSS to clone the login and about pages of Facebook. Harry Potter was used for the demo profile as displayed in the mockup provided with the assignment. It was recommended we use a single CSS file rather than separate ones…

Lorem Ipsum Blog with HTML & CSS

This next assignment for the advanced prep work of Viking Code School involved writing HTML and CSS to create a basic blog page using a flex box. This was a rather straightforward assignment. The completed page was also given responsive settings with a media query taking effect if the screen size is below a width…

Viking CSS Garden

The Viking CSS Garden was an assignment for the CSS course of Viking Code School's advanced prep work. The idea was inspired by the CSS Zen Garden, a project that allows front end developers to submit their own CSS code for styling the exact same HTML markup document. The diverse results from this exercise really…

CSS3 with Viking Code School

The CSS section immediately followed the HTML section of Viking Code School's advanced prep work. I had previously had some brief experience with CSS, so the basics were already familiar to me. The course covered the basic elements of CSS, including selectors, properties, and values and how they work in connection with the HTML elements.…

HTML5 with Viking Code School

My first introduction to HTML was over 15 years ago and I have had intermittent experience with it since then, so this portion of the Viking Code School advanced prep work was more a review and refresher exercise for me. The course went over the basic concepts of HTML and the semantic and functional tags…

Software Engineering Basics with Viking Code School

The following is an overview of the Software Engineering Basics course of Viking Code School’s prep work. The course covered a wide range of topics, including the history of software engineering, the four step engineering problem solving approach, Agile Development, XP and SCRUM techniques, software testing, Test-Driven and Behavior Driven Development, pseudocoding, modularity, and best…