CSD 1103

Front-End
Development I
Semester
Course Syllabus

Week Objectives, Topics, Events, Notes Learning Outcomes, Evaluation & Tasks

Week 1  Students provide a brief technical background and 1.1 Apply HTML elements and attributes to create and structure
also talk about any hobbies they may have. web pages
 Brief presentation of professional background, 1.2 Employ web authoring tools
experience, research. 1.3 Apply structural and semantic elements
 Class questions and participation in answering 1.4 Apply symbol and other character entities testing framework
instructor questions are strongly encouraged.
Respect other student’s opinion.
 Detailed review of the course outline.
 Course material overview.
 Evaluation timetable review.
 Important dates (tests, assignment and exam)
 Chapter 1 - Introduction to the Internet and Web
Design
 Practice Exercises
Week 2  Chapter 2 - Building a Webpage Template with 1.5 Validate HTML documents
HTML5 1.6 Integrate links into a webpage
 Practice Exercises 1.7 Integrate images into a website
 Quiz 1 [1.5%] 1.8 Apply the DIV element
1.9 Apply the heading element
Week 3  Chapter 2 - Building a Webpage Template with 1.10 Integrate lists into a webpage
HTML5 1.11 Employ responsive design techniques
 Chapter 3 - Enhancing a Website with Links and
Images
 Practice Exercises
 Quiz 2 [1.5%]
Week 4  Chapter 3 - Enhancing a Website with Links and 1.12 Employ media queries to design for tablet and desktop

©2021 LAMBTON COLLEGE IN TORONTO

 CSD 1103
Front-End
Development I
Semester
Images viewports
 Practice Exercises 1.13 Apply HTML5 structural elements to redesign a website
1.14 Apply HTML5 semantic elements
Week 5  Chapter 4 - Applying CSS Styles to Webpages 2.1 Integrate inline, embedded, and external style sheets
 Term project handed out [35%] 2.2 Implement the CSS box model
 Practice Exercises 2.3 Link an HTML document to an external style sheet
 Quiz 3 [1.5%] 2.4 Create style rules for structural elements
Week 6  Chapter 4 - Applying CSS Styles to Webpages 2.5 Create style rules for classes
 Practice Exercises 2.6 Apply styles to lists, tables and forms
 Quiz 4 [1.5%] 2.7 Add comments to CSS files
2.8 Validate a CSS file
Week 7  Test 1 [13%]
Week 8  Chapter 5 - Responsive Design Part 1: Designing for 1.11 Employ responsive design techniques
Mobile Devices 1.12 Employ media queries to design for tablet and desktop
 Practice Exercises viewports
 Quiz 5 [1.5%] 3.1 Create the website folder structure and files on a remote
website server
3.2 Design, build, and publish a website
Week 9  Chapter 6 - Responsive Design Part 2: Designing for 1.11 Employ responsive design techniques
Tablet and Desktop Devices 1.12 Employ media queries to design for tablet and desktop
 Practice Exercises viewports
 Quiz 6 [1.5%] 3.1 Create the website folder structure and files on a remote
website server
3.2 Design, build, and publish a website
Week 10  Chapter 7 - Improving Web Design with New Page 2.5 Create style rules for classes
Layouts 2.6 Apply styles to lists, tables and forms
 Practice Exercises 2.7 Add comments to CSS files
 Quiz 7 [1.5%] 2.8 Validate a CSS file
3.1 Create the website folder structure and files on a remote
website server
3.2 Design, build, and publish a website
Week 11  Chapter 8 – Creating Tables and Forms 1.15 Implement tables to organize tabular data
 Practice Exercises 1.16 Implement forms with HTML5 validation

©2021 LAMBTON COLLEGE IN TORONTO

 CSD 1103
Front-End
Development I
Semester

Week 12  Chapter 9 - Integrating Audio and Video 1.17 Integrate audio and video into a webpage
 Practice Exercises
 Quiz 8 [1.5%]
Week 13  Test 2 [13%]
Week 14  Term Project Presentations [35%]
Note: This schedule is subject to change.

©2021 LAMBTON COLLEGE IN TORONTO