vcc.ca
VCDP 1271: Web Development 1
Effective date
September 2023
Department
Visual Comm Design Diploma
School
Trades, Technology and Design
Description
This course introduces students to the basic technologies of front-end web development and guides them through hand-coding various layouts for the web. Students will learn about the technical setup of domain names and web hosting accounts while creating custom websites with HTML5 and CSS3 using standard and up-to-date best practices. Explorations with web code will centre around responsive page layout and grid structure, basic animations, patterns and images. Students will upload their projects to a live web server via FTP software.
Credits
3.0
Year of study
1st Year Post-secondary
Prerequisites
None
Corequisites
None
Course Learning Outcomes
Upon successful completion of this course, students will be able to:
- Create basic responsive web pages from scratch using HTML5 and CSS3
- Build a clean layout using a CSS-based grid system or framework
- Select correct file types for images on the web and optimize both pixel resolution and file size
- Use FTP software to successfully upload a simple hand-coded website to a live server
- Use independent research to discover current techniques and find solutions to problems
- Create and setup a coding environment with proper file paths and naming conventions
- Properly document code files via commenting
- Identify core strategies for accessibility in web development
Prior Learning Assessment & Recognition (PLAR)
1. Interview with department to discuss previous experience
2. A portfolio assessment of previously completed related work OR
3. The demonstration of skills via the successful completion of 1-4 related projects/assignments similar to those completed in the course, chosen at the discretion of the department
2. A portfolio assessment of previously completed related work OR
3. The demonstration of skills via the successful completion of 1-4 related projects/assignments similar to those completed in the course, chosen at the discretion of the department
Hours
Lecture, Online, Seminar, Tutorial: 42
Practicum, Self-Paced, Individual Learning: 12
Total Hours: 54
Practicum, Self-Paced, Individual Learning: 12
Total Hours: 54
Instructional Strategies
A combination of lecture, demonstration, production simulations, problem solving, practical labs and reflective discussion will be used throughout this course.
Grading System
Letter Grade (A-F)
Passing grade
C
Evaluation Plan
|
Type |
Percentage |
Assessment activity |
|
Project |
30 |
Final project |
|
Assignments |
30 |
Assignments |
|
Lab Work |
30 |
May include in-class exercises, assignments, quizzes/tests, and work-in-progress |
|
Participation |
10 |
Participation and professionalism |
Course topics
- Domain names and web hosting
- HTML fundamentals: elements, tags, attributes, nesting, structure
- CSS3 fundamentals: stylesheets, selectors, inheritance, cascade order
- CSS3 layout: box model, positioning, navigation, layout techniques
- CSS3 styling: typography, images, backgrounds, patterns, borders, transitions, transforms, hovers
- File structure, linking, and FTP
- Proper formatting and syntax for HTML5 and CSS3
- Image optimization and file types
- Responsive techniques
- Code editor setups
- Accessibility
Notes:
- Course contents and descriptions, offerings and schedules are subject to change without notice.
- Students are required to follow all College policies including ones that govern their educational experience at VCC. Policies are available on the VCC website at:
https://www.vcc.ca/about/governance--policies/policies/. - To find out if there are existing transfer agreements for this course, visit the BC Transfer Guide at https://www.bctransferguide.ca.