Learning Introductory Web Development

In this 15-hour micro-credential, learners will learn the basics of web development. They will discover what HTML is and HTML attributes, as well as explore what tools are needed for web development.

Buy $199.00 Free Preview

HIGHLIGHTS

Here are some of the highlights for this micro-credential.

No admission requirements, no application process, no pre-requisites, open to anyone
Learn at your own pace using a computer, tablet or smartphone
Take up to 90 days to complete the course
Receive a certificate of course completion and digital badge for successfully completing the course which can be shared on social media (e.g. LinkedIn, Facebook, Twitter), downloaded as a PDF, or even embedded in an email signature

Micro-credential Overview and Learning Outcomes

Upon successful completion of this micro-credential, you should be able to:

01. Recognize which tools are needed for web development and what is HTML and HTML attributes

02. Use validation and browser development tools to debug HTML documents

03. Work with metadata and stylesheets and scripts

04. Create accessible tables, images, vector graphics, SEO-friendly URLs, and videos, while adhering to copyright rules

05. Create local and remote repositories

06. Operate different web server applications

07. Use Document Object Model and other browser development tools

08. Create an HTML page

Review the curriculum below to see the topics covered. Learners who successfully complete the course will earn a digital badge and certificate of course completion that can be downloaded and shared via social media. You will have access to the course for 90 days to work through the content.

Curriculum

1. Introduction from Sault College's eLearning Department
2. Before we begin...
3. What is asynchronous online self-directed learning?
4. Learner Resources and Supports
5. Technology Requirements
6. Learner Introductions
7. Discussion Forum: Learner Engagement
1. Welcome and Micro-credential Information
2. Navigation
3. Modes of Learning
4. Micro-credential Learning Outcomes
1. Lesson 1: Overview
2. Lesson 1: Learning Objectives
3. Lesson 1: Intro to HTML
4. Lesson 1: What tools do you need?
5. Lesson 1: Install Sublime Text Editor
6. Lesson 1: What is HTML?
7. Lesson 1: CSS
8. Lesson 1: Javascript
9. Lesson 1: Basic Web Development and Components
10. Lesson 1: Anatomy of an HTML document
11. Lesson 1: Knowledge Check
12. Lesson 1: HTML Attributes
13. Lesson 1: Nested Elements
14. Lesson 1: Empty Elements
15. Lesson 1: Summary
16. Lesson 1: Quiz
1. Lesson 2: Overview
2. Lesson 2: Learning Objectives
3. Lesson 2: HTML Basic Elements
  FREE PREVIEW
4. Lesson 2: Knowledge Check
  FREE PREVIEW
5. Lesson 2: Validating HTML
  FREE PREVIEW
6. Lesson 2: Install W3C Validator for Sublime Content
7. Lesson 2: Useful Resources
8. Lesson 2: Hands-On Activity
9. Lesson 2: Summary
10. Lesson 2: Quiz
1. Lesson 3: Overview
2. Lesson 3: Learning Objectives
3. Lesson 3: Specifying Languages
4. Lesson 3: Meta Tag
5. Lesson 3: Meta Tag Attributes
6. Lesson 3: Knowledge Check
7. Lesson 3: Adding External Stylesheet
8. Lesson 3: Adding Internal Stylesheet
9. Lesson 3: Summary
10. Lesson 3: Quiz
1. Lesson 4: Overview
2. Lesson 4: Learning Objectives
3. Lesson 4: Tables Purpose
4. Lesson 4: Tables
5. Lesson 4: List of table elements
6. Lesson 4: Col and Colgroup
7. Lesson 4: Making accessible tables
8. Lesson 4: When not to use Tables?
9. Lesson 4: Knowledge Check
10. Lesson 4: Best Practices
11. Lesson 4: Knowledge Check
12. Lesson 4: Hands-on activity - Tables
13. Lesson 4: Summary
14. Lesson 4: Quiz
1. Lesson 5: Overview
2. Lesson 5: Learning Objectives
3. Lesson 5: The Iframe Element
4. Lesson 5: Iframe Syntax
5. Lesson 5: How to Embed a Video from an External Source?
6. Lesson 5: Summary
7. Lesson 5: Quiz
1. Lesson 6: Learning Objectives
2. Lesson 6: Version Control
3. Lesson 6: Types of VCS
4. Lesson 6: GIT
5. Lesson 6: Initializing a Repository
6. Lesson 6: What is GitHub?
7. Lesson 6: PUSH and PULL Command
8. Lesson 6: GIT – for subsequent commits/updates
9. Lesson 6: Summary
10. Lesson 6 : Quiz
1. Lesson 7: Learning Objectives
2. Lesson 7: What is a Web Server?
3. Lesson 7: The HTTP protocol
4. Lesson 7: Response Codes used commonly
5. Lesson 7: The XAMPP Server
6. Lesson 7: Start Apache Server
7. Lesson 7: Create an application or project on Web Server
8. Lesson 7: Summary
9. Lesson 7: Quiz
1. Lesson 8: Learning Objectives
2. Lesson 8: What is an URL?
3. Lesson 8: Structure of an URL
4. Lesson 8: What is SEO?
5. Lesson 8: Why are URLs important?
6. Lesson 8: How to build an SEO-friendly URL?
7. Lesson 8: How to build a SEO friendly URL?
8. Lesson 8: How to build an SEO friendly URL?
9. Lesson 8: Accessible URLs Content
10. Lesson 8: Summary
11. Lesson 8: Quiz
1. Lesson 9: Learning Objectives
2. Lesson 9: Developer Tools
3. Lesson 9: Opening Developer Tools
4. Lesson 9: View and Change DOM
5. Lesson 9: To Edit or Delete DOM Element
6. Lesson 9: To change a page’s style
7. Lesson 9: Debug javascript Content
8. Lesson 9: Inspect network activity
9. Lesson 9: Simulate phone screens
10. Lesson 9: Summary
11. Lesson 9: Quiz
1. Lesson 10: Learning Objectives
2. Lesson 10: What is responsiveness?
3. Lesson 10: The Viewport meta tag
4. Lesson 10: Responsive Images
5. Lesson 10: Accessible Images
6. Lesson 10: Responsive video
7. Lesson 10: Summary
8. Lesson 10: Quiz
1. Lesson 11: Learning Objectives
2. Lesson 11: What are Vector Images?
3. Lesson 11: SVG
4. Lesson 11: Including an external SVG in HTML
5. Lesson 11: Including an inline SVG
6. Lesson 11: Time to play
7. Lesson 11: Summary
8. Lesson 11: Quiz
1. Lesson 12: Learning Objectives
2. Lesson 12: Copyright awareness
3. Lesson 12: Points to be noted!
4. Lesson 12: Security Issues
5. Lesson 12: Summary
6. Lesson 12: Quiz
1. You're Almost Done
2. Before you go...

About this course

$199.00
133 lessons
0 hours of video content