COURSES

---

Front End Web Development - How and Why

Module 1 - GitHub Pages

Example of a GitHub Repository

Example of a GitHub Website

Module 2 - Basic Start files with Media Queries

Download the start ranch files

View the completed ranch activity

Module 3 - Preparing Images for the Web

Download the start file with the Caesarea image

Module 4 - Building a Multiple Page Site

Download the start files

View the completed water cycle site

Module 5 - Fonts for Websites

Module 6 - Responsive Images

Download the start files

View the Garden Tomb scaling image at 50% of th page width.

View Version 1 with NO width/height

View Version 2 with width/height

View Version 3 with CSS and no width/height

View Version 4 with CSS and width/height

View Version 5 with CSS and width/height as a ratio

View the Golgotha responsive image with image swapping depending on the browser width. (You must clear cache on Chrome to see it work.)

Module 7 - Responsive Columns

Download the start files

View the completed floated columns project

Download the start files

View the completed CSS Grid & CSS Flexbox example

Module 8 - Responsive Navigation

Download the start files

View the completed responsive navigation project

Module 9 - JSON

Download the start files

View the Current Conditions

View the 5-day Forecast

Module 10 - Web Forms

View the completed Web Form

Back to Top