Course Discription

This class will continue where Web Development left off in Code Academy working towards becoming a FEE Web Developer. Student will start in Fundamentals of CSS. Major topics covered: Building website off-platform & deploying of websites, Basic Bash coding, & Improved Styling with CSS (which covers etiquette of number of fonts to use, how to load google custom API fonts, adobe color theory for color choice, and advanced navigation set up of websites). This will help them prepare for Web Development III where they will learn about media sizing with grid and flex-box and start a personal portfolio of web work.

Clever.com

You will need to login as a Student

When it asks you for district name be sure you choose Cheney District 360 - You can click any of our schools

Then Click - Log in with Google

Go to G.Horvath Page and click Code Academy Icon

Lesson: Fundamentals of CSS ← Need to log in clever before clicking this link

Website Example	Video Walkthrough
Healthy Recipes Olivia Woodruff Portfolio	Healthy Recipes Olivia Woodruff Portfolio

Clever.com

Lesson: Fundamentals of CSS ← Need to log in clever before clicking this link

Website Example	Video Walkthrough
The Box Model:Davie's Burgers Broadway	The Box Model:Davie's Burgers Broadway

Clever.com Dasmoto's Setup − Video

Lesson: Developing Websites Locally ← Need to log in clever before clicking this link

Dasmoto's Arts & Crafts

• - I will download Sublime Text Editor for you for this Project
• - You will need to make a new file folder on your Desktop for Project
• - When you click on images: Chose Save Image as then select to save them in the Folder you created to save in.
• - When you open Sublime Text Editor it will be blank Click File option and save as and call it index.html or you can do what I did and call it Darts&crafts.html
• - It will create another blank file on a second tab
• - In your file folder for the Project these will be all the files you need.

If you need Help ask.

Once all of this is done you can start programming the website based on the design specs given.

My Website Example of the project

Dasmoto's Arts & Crafts

Clever.com

Lesson: Deploying Websites ← Need to log in clever before clicking this link

Deploying Website

There are a few videos (I would Skim watch them using arrows) about deploying Websites and Web Hosting

GitHub Pages

• If you wish to make an account using your school information you can. GitHub is an excellent resource for building and deploying webpages on-line using files.
• I personally use 000webhost.com (However it does not have all the tools or community of Github it is just a place to deploy a website using the free file manager. (if you chose this be careful when making the account ask me for help)

Bash

• - In this section you will learn how to set up folders and files using Bash programming which is a newer form of DOS.
• - On your computers you DO NOT HAVE ACCESS TO command line or command line programming, but you can do the lessons in the Code Academy program.
• - Knowing DOS or Bash or any command line programming is useful in system setups and accessing files on the computer for editing. Because this is direct access to system and program files is why IT Blocks it.

Projects

Bicycle World I just the hints to do project this is a link to the Video

Daily Buzz Just like Bicycle World use hints but this is the Video

Clever.com

Lesson: Improved Styling with CSS ← Need to log in clever before clicking this link

Website Example	Video Walkthrough
Paint Store Typography- SKIP STEP 7 - @font-face does not work from google	Paint Store Typography
Challenge Project: Build your own Cheat Sheet
Build your own Cheat Sheet Just re-created their example project

Clever.com

Lesson: Improved Styling with CSS ← Need to log in clever before clicking this link

Website Example	Video Walkthrough
The Summit- I combined the starting.css and the style.css for one sheet Buleberries	The Summit Buleberries
Challenge Project: Build a Website Desgn System
Build a Website Desgn System I would just recreate theirs the best you can. The fonts you will need to link them from google (Source Code Pro, Nunito Sans, Poppins)

Clever.com

Lesson: Fundamentals of Web Design ← Need to log in clever before clicking this link

On all these projects the color scheme is your choice so colors will be different, however all content should match. Use Adobe Color - For color schemes.

Website Example	Video Walkthrough
Journey Around the World Pinpoint E-Commerce Reel Good Reviews	Journey Around the World Pinpoint E-Commerce Reel Good Reviews