Intro to Web Development

This course prepares students for an entry level Web Development position.

Students are provided with a hands-on introduction to the universal architecture of the web. This course covers website construction principles including:

  • Website Planning: Objectives, Information Architecture, UX
  • Google websites
  • WordPress CMS hosted or managed
  • Mobile First: Native Applications vs Web Applications for the Mobile Devices
  • HTML, CSS, JavaScript

Course Structure:

  1. Week 1. HTML, CSS, semantic web design, the CSS Box model. Students will be able to:
    • Create hypertext markup language (HTML) documents.
    • Create cascading style sheets (CSS).
    • Identify different key elements of a web page.
    • Create HTML elements and related attributes.
    • Explain how HTML and CSS are associated.
    • Describe the CSS Box model.
  2. Class 2. Building from a Mockup Students will be able to:
    • Develop a mockup as a website development plan.
    • Define a website development problem and related strategy for problem solving.
    • Explain the rationale for using a mockup during web development planning and implementation.
    • Understand the role of documentation in catching errors and website flaws early in the process.
  3. Class 3. Tables. CSS techniques. Students will be able to:
    • Create HTML tables to arrange data in columns and rows.
    • Develop an approach for using table styles, headers, borders, and sizes.
    • Create cascading style sheets to control the layout of multiple web pages.
    • Understand the difference between inline, internal, and external CSS.
  4. Class 4. Multipage website. Students will be able to:
    • Navigations and Manus.
    • Create content for multiple web pages.
    • Use different styling techniques to accomplish a professional look.
  5. Class 5.  Forms. Students will be able to:
    • Create HTML forms to collect user input.
    • Use form attributes to control form behavior.
    • Design different form elements.
    • Distinguish between different form input types.
    • Use input attributes to control form values for various elements.

Each class is project based - your chance to build your own Digital Profile!

  • Introduction or review of prior class topics / homework-related or general questions
  • Hands-on lab demonstration
  • Homework assignment
  • Wrap up and Q & A
  • Short breaks will be taken throughout the session as determined by the mentor to allow for healthy stretching, refreshment, or to engage in a simple conversation with classmates.
Who Is This Course For? 

This course is the best for beginners, who would like to learn how to build simple but powerful websites using different techniques available. They can use it as a portfolio website to find an entry level position in web design.

What Will You Learn? 
Client-Server Architecture of the World Wide Web, Static vs. Dynamic Web Pages
Hypertext Markup Language (HTML5), Cascading Style Sheets (CSS); JavaScript / jQuery
Responsive Design concepts and Usability Heuristics; Practical approach to UX/UI
Website Hosting, CPanel management. Domain names.
Basic ADA Compliance - Web Accessibility basics
SEO and Website Optimization basics
Materials Required 
This is five workshops series, 3 hours each.

John Sturman

John Sturman has been working in and around software for more than 30 years as a technical writer, instructor, and project manager. He is a ScrumAlliance Certified Scrum Master as well as trained to facilitate groups with Liberating Structures, and has used his knowledge to train his students in a variety of courses.  

25 hours

Course Schedule:

This course is not currently scheduled. Please sign up if you want to get this course soon.