Web Development Course Syllabus

2016-2017

Shad Sluiter

Westview High School

This email address is being protected from spambots. You need JavaScript enabled to view it.

Room 702

602-478-4600

Course Description

Students will create web pages using a variety of coding languages and design techniques.    Some specific coding languages and tools include HTML/CSS, JavaScript, jQuery, Bootstrap, PHP and mySQL.

 

Prerequisite: Students must have earned a C or higher in “Introduction to Information Technology”. 

Course Summary

Unit 1 – Web Design Terminology, Design Principles and Internet Background

Unit 2 – HTML and CSS

Unit 3 – Bootstrap framework

Unit 4 – JavaScript and jQuery

Unit 5 – PHP and MySQL

Unit 6 – Web server and Content Managements Systems Admin

 

Part 1 – Web Design Terminology, Tools and Techniques

Students will learn vocabulary, history and design principles with Power Point presentations and labs.

a.     Networks

b.     Web servers and terms

c.      Web design concepts and process

d.     Dynamic vs Static Web

e.     Web security and legal issues

f.      Web Development Careers

Part 2 -  HTML and CSS Coding

A.     Use KhanAcademy HTMLCSS lessons to complete the 6 projects in the HTML/CSS online lessons.  Students will learn the basics of HTML tags, CSS selectors and sytles.

B.     Use https://dash.generalassemb.ly to create three projects with HTML and CSS emphasis.

a.     Personal Website – CSS modifications for fonts, backgrounds, background image.

b.     Responsive Blog Theme – CSS modifications for responsive screen size, images, fonts.

c.      Dynamic Responsive Restaurant Menu – CSS modifications for custom fonts, gradient colored background, responsive screen size and font sizes.

C.     Use www.freecodecamp.com to create a cat photo app reviewing all of the HTML / CSS specifics in the previous two units.

Part 3 – Bootstrap Framework

Use the Bootstrap frameworks to create responsive web design and prefab components.

 

A.     Build a startup company website (tutorial from Mr. Sluiter)

B.     Use www.freecodecamp.com to improve the cat photo app using Bootstrap.

 

FBLA Project – Website

Phase 1 Design phase - Develop a website for a new Family Entertainment Center (FEC) opening in a city with a population of approximately 200,000.  Name the FEC.  The FEC will be offering a variety of activities of your choice with a snack bar.  The FEC will offer party packages to their customers. The website should allow customers to check availability for parties and make party reservations online.  The site should also include a contact page. 

 

Customer Project

Develop or re-make a site for a real customer.  Create wireframes, sample layouts, graphics and final code.  Hold customer review meetings at each phase.

Part 4 - JavaScript and jQuery Web Coding

 

A.              HTML/JS Making Web Pages Interactive – Khan Academy https://www.khanacademy.org/computing/computer-programming/html-css-js

B.              jQuery

1.     Exploring the capabilities of jQuery – video tutorial and exercises by Mr. Sluiter

2.     HTML/JS Making Web Pages Interactive with jQuery – Khan Academy

3.     Use www.freecodecamp.com to reinforce jQuery concepts.

4.     jQuery Applied – Applications to demonstrate mastery of jQuery code

a.     jQuery Race Car Game

b.     jQuery image gallery

c.      jQuery interactive map

Part 5 – SQL and PHP Database Coding

A.     Build a Database in Access – Introducing database tables, forms, queries and reports.  Point of sales applications– design forms, queries, tables, reports and navigation.

B.     Build a Jokes Database web application – Introduction to PHP and MySQL.  Create a web page that relies on a database to store its information.

C.         Kahn Academy SQL Development

 

FBLA Project – Website Phase II.  JavaScript and PHP coding phase.  Finish the website with reservation system in working order.

Part 6 – Content Management System

1.     Overview of CMS options

2.     Install USBWebserver (http://www.usbwebserver.net/en/) and Joomla (www.joomla.org)

3.     Installing templates/changing default templates

4.     Creating content (categories & articles)

5.     Creating menus and menu items (featured articles, single articles & sub menu)

6.     Locating & installing extensions

7.     Requirements and design for customer

 

Customer Project

Develop or re-make a site for a real customer.  Create wireframes, sample layouts, graphics and final code.  Hold customer review meetings at each phase.

 

Questions about the class

 

What is the grade scale?

90 (A), 80 (B), 70 (C), 60 (D), below (F)

 

Is there a textbook?

No.  All assignments and instructional videos are accessed via www.StudyOffice.org

 

When is extra help available?

The computer is open on Mondays from 2:00 to 3:00 for extra work time and help. There is a tutor bus available take students home on Mondays.

 

Is there a club associated with the class?

The FBLA (Future Business Leaders of America) organization meets on Mondays.  FBLA participates in state conference competitions in January and April.  We create publications, websites and software programs that will be judged at competitions.

 

Can I do the assignments outside of class? Do I need special software?

Sufficient time will be given to do all assignments during class time.  However, students who miss class or waste class time will need to make up work at home. All programs used in class are available for free online including: Khan Academy, FreeCodeCamp.com, dash.generalassemb.ly, Notepadd++,  USB webserver

 

Is there a class fee?

            Yes. There is a $5 classroom supply fee each semester to be paid at the school bookstore.

 

How can I see my grade?

Grades are posted online at www.tuhsd.org.  Select Student Links > Student Experience.  Parents should register on Parent View to see student grades and receive email communication for their teachers.

 

Behavior Expectations

Students should demonstrate the positive expectations of being a good night: Pride, Perseverance, and Performance.

1.     Pride – show value to yourself, the school and others.

2.     Perseverance – complete projects, work through difficulties and distractions. Demonstrate personal control over your phone.

3.     Performance – do your best work; demonstrate your talent and knowledge.