Category: Odin Project

The Odin Project - JavaScript Fundamentals Part 1

Reading the linked info in the course is essential, it covers much more material than the questions asked below. To save unnecessary typing some redundant questions have been grouped together so answers can be given in one section in a more complete manner. How do you declare a variable in javascript? What are three different ways to declare a variable? Which one should you use when? You can use any of the reserved words let, const and var to declare a variable.

Read more...

The Odin Project - Embedding Images and Video

This post covers my work on the Embedding Images and Video assignment from the HTML5 and CSS3 course from The Odin Project. This assignment practices embedding images and video into a recreation of the YouTube video player page. The assignments main focus is on ensuring you learn how to embed media but it has the secondary effect of continuing to practice HTML structure and CSS layout techniques. What I learned I increased my knowledge of the intricacies of using Flexbox to layout the page and ran into issues with making the layout responsive.

Read more...

The Odin Project - Working with Images, Video and other Media

Here are a collection of questions from the Working with Images, Video and other Media lesson of the HTML5 and CSS3 course from The Odin Project. Working with Images, Video and other Media You can find the Working with Images, Video and other Media lesson here. The lesson questions are answered below, but some of these questions are quite poor or are ambiguous. What are common attributes of image tags?

Read more...

The Odin Project - Linking Internal & External Pages

Here are a collection of questions from the Linking Internal and External Pages lesson from the Basic HTML Page Structure section of the HTML5 and CSS3 course on from The Odin Project. Linking Internal and External Pages You can find the Linking Internal and External Pages lesson here. The lesson questions are answered below: What’s the difference between internal links (/somepage) and external links (http://www.somesite.com/somepage)? /somepage links to a page relative to the site on which the link is placed, the resource it is meant to point to will only be 'findable' in the context of the original site it was intended to work on.

Read more...

The Odin Project - HTML5 basics

Here are a collection of questions from the Basic HTML Page Structure section of the HTML5 and CSS3 course on from The Odin Project. Each section will have a different page, but all lessons within a section will be grouped together. HTML5 Basics You can find the HTML5 Basics lesson here. The lesson questions are answered below: How is an HTML5 document structured? Here's an example. A full list of elements can be found here.

Read more...

Javascript and jQuery | An Odin Project

I'm finding the Odin Project isn't really that easy to blog your way through like you can with LPTHW, but this project seemed like a great one to share. This is a long post, so here are some links to jump to the relevant sections: Completed example and live project section. Lessons learned section (hints on how to approach the project). Example section (walkthrough of my project). Javascript and jQuery - completed project You can take a look at my completed project live in your browser by clicking the link below:

Read more...

Odin Project - an update

Yikes, been a while since an Odin Project update was posted here! In the intervening months I've not progressed too far with the course, in fact I am still going through the JavaScript section just after the Google Homepage build. That sounds worse than it is as I had to alter the course to fit my learning style. Understanding, not just doing I need to understand the theory behind what I do if I'm to do the best I can, and when I jumped into the JaveScript track on Codecademy, I could instantly tell I wan't going to get out of it what I needed.

Read more...

The Odin Project - Google Homepage Build

Following the HTML/CSS Basics course on The Odin Project, students are asked to undertake a project to rebuild the Google homepage.

What's this project about?

The project is ostensibly about testing your newly learned skills with HTML and CSS but it also calls on you to use Git, GitHub and the Developer Tools in your browser. These are all fairly simple tasks but with anything you do for the first time, getting it done can be a little daunting.

Image of Google homepage

Read more...