Build a simple online resume.
In this class you will learn how the basics of HTML/CSS as well as some basic components of the popular front end development framework, Twitter Bootstrap.
Class Project
In the class project, you will learn how to create your very own personal web-based resume. The goal is to teach you the skills to build your very own resume and help you communicate with prospective employers, in a modern way.
No prior experience is required.
Class Project Outline
Step 1 - Download Software
Step 2 - Install Software
Step 3 - Install and Setup Mamp
Step 4 - Setup Bootstrap File Structure
Step 5 - Structuring an HTML Document
- Introducing the HTML 5 Doctype
- What is a Doctype Declaration?
- The HTML Element
- The Body Element
- Inside the Body Element
- The Header
- Introducing the Navigation Element
- The Intro Section
- Creating Styles
- Download Styles
- Referencing Styles
- The Skills Section
- The Timeline/Experience Section
- The Footer
Step 6 - Preview in a Local Environment
Step 7 - Adding our Javascript
Step 8 - Adding Simple Line Icons and Font Awesome
Step 9 - The HTML Mail To Function
Step 10 - Adding the Timeline images