Category: Odin Project
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.
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?
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.
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.
Odin Project - an update
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.