SYST10049 Notes / Class Plan

General Announcements (Instructor: Murray Saul)

• Jan 6, 2014 •

Please view the weekly notes displayed below. It is recommended
to view the notes prior to class to get a basic idea of the
content. The instructor will be providing in class instruction
and providing examples to assist in the learning process…!

General

Things You Should Know First

• Jan 6, 2014 •

Course Website (SLATE):   http://slate.sheridancollege.ca

Email Address:   saulm@sheridanc.on.ca

Office (FAST): Davis: B204, Oakville: E200

Week 1:Introduction to Web Development

• Jan 6, 2014 •

Topics:

  • Introduction to Course / Instructor
  • Subject Outline / Class Plan
  • Course / Instructor’s Policies (Also accessed From SLATE)
  • SLATE Tech Essentials:
    • Access Sheridan
    • Accessing Sheridan Network
    • Connecting to Network Printers
    • Forgotten Passwords
    • Student E-mail
    • Obtaining Software
    • Tech Support
    • Library Resources (e-books, lynda.com)
  • Installing Software / [ Google Chrome ] [ Notepad++ ]
  • Managing Files / Folders
  • Introduction to HTML5   (SLATE: Module 1)
  • Student Task: Perform Checkoff #1   (Due by 11:59 pm one week from today’s class)

Week 2: HTML5 Basics

• Jan 13, 2014 •

Topics:

  • Backwards Linkage:
    • Survival Skills, Checkoff #1, Software Used
  • HTML5 Basic Tags and Structure: (SLATE: Module 2)
    • Basic Webpage Structure, HTML Validation: [ Online ] [ Offline ], m2_ex1.docx (In SLATE)
    • Block Level vs Inline tags:
    • Forward Linkage: DOM, New HTML5 Elements, CSS (colors, box model, sizes, positioning, validation)
    • Student Task: Perform Checkoff #2   (Due by 11:59 pm one week from today’s class)

Week 3: More HTML5 and Intro to CSS

• Jan 20, 2014 •

Topics: More HTML(5) & Introduction to CSS Properties

  • More HTML5 and Intro to CSS (SLATE: Module 2)
    • Quickly review week #2 material
    • Downloading & Extracting zip files
    • Debugging html practice in-class exercise
    • More HTML (newer HTML5 tags vs <div> tag) / Online Resources
    • Perform m2_ex2 (In SLATE)
    • The Document Object Model (DOM)
    • Introduction to CSS: [ 3 Methods ] [ CSS Properties ]
    • Validatiting CSS [ online ] [ offline ]
    • Perform m2_ex3 (In SLATE)
    • Looking ahead to next week
  • Assignment #1 (Posted in SLATE, Due Week #6)

Week 4: Using CSS Properties / CSS Positioning

• Jan 27, 2014 •

Topics: Using CSS Properties / CSS Positioning

Week 5: CSS Positioning / Media Queries

• Feb 3, 2014 •

Topics: CSS Positioning / Media Queries

Week 6: Media Queries / Review

• Feb 10, 2014 •

Topics:

  • Opera Mobile Emulator (Testing): [ MS-Windows ] [ Linux ] [ Mac ]
  • Review Outline:
  • Review Questions:
  • Reference Sheets: [ HTML ] [ CSS ]

Assignment #2 (Due Week #9)

Week 7: Media Queries / Midterm

• Feb 17, 2014 •

Course Notes (Accessed From SLATE or ATLAS):

  • Review
  • Perform Midterm Exam (Midterm Details: N/A )
  • Student Task: Perform Checkoff #3   (Due by 11:59 pm one week from today’s class)

Week 8: Website Structure

• Feb 24, 2014 •

Topics:

  • Website Structure:
  • Web Server Account (mobile.sheridanc.on.ca):
    • Free SSH / SFTP Application (MS-Windows): Secure Shell Client
    • Online Webserver Tutorial:
      In shell (command prompt) issue following command:
      /home/saulm/syst10049/mobile-tutorial
  • Student Task: Perform Checkoff #4   (Due by 11:59 pm one week from today’s class)

Week 9: Website Structure / Publishing

• Mar 3, 2014 •

Topics:

  • Website Structure:
    • Review Website structure (folders)
    • How a Web-server translates URL to physical location (public_html)
    • Why using index.html? (security)
    • Index.html vs default.html: YouTube Video
    • Transferring Files / SFTP
    • HTML / CSS Validation online vs Upload File
    • Wireframe Resource: Article
    • Learning Linux Commands / File Management
      • Online Webserver Tutorial:
        In shell (command prompt) issue following command:
        /home/saulm/syst10049/mobile-tutorial-2

    Assignment #2 (Due)
    Assignment #3 (Due Week #11)

Week 10: Publishing / Security

• Mar 10, 2014 •

Topics:

Week 11: Form Design and Processing

• Mar 17, 2014 •

Topics:

Assignment #4 (Due Week #13)

Week 12: Form Design and Processing / Continued…

• Mar 24, 2014 •

Topics:

Week 13: Review

• Mar 31, 2014 •

  • Course Review, Work on Assignment #4
  • Perform Final Exam (Refer to SLATE for Final Exam date, time, location )
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: