Scribd
Upload
44 views

Certificate in Web Design: Course Overview

This document outlines the curriculum for a Certificate in Web Design course that teaches students how to design website applications using HTML5, CSS3, JavaScript, and Twitter Bootstrap. The course is divided into 4 modules that cover learning HTML and CSS, JavaScript, Twitter Bootstrap, and culminates in a project to design an online notes application. Upon completing the course, students will be equipped with front-end web development skills for jobs requiring those abilities.

Uploaded by

Ezekiel Barnabas
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
44 views

Certificate in Web Design: Course Overview

This document outlines the curriculum for a Certificate in Web Design course that teaches students how to design website applications using HTML5, CSS3, JavaScript, and Twitter Bootstrap. The course is divided into 4 modules that cover learning HTML and CSS, JavaScript, Twitter Bootstrap, and culminates in a project to design an online notes application. Upon completing the course, students will be equipped with front-end web development skills for jobs requiring those abilities.

Uploaded by

Ezekiel Barnabas
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Certificate in Web Design

Course Curriculum www.hiitonlinetraining.com

Course Overview: This course will teach students how to design website applications using HTML5,
CSS3, JavaScript and Twitter Bootstrap. At the end of the course, graduates will be able to take on tasks and job opportunities as
Front-End Web Developer.
MODULE TOPIC OBJECTIVES
1. Introduction to HTML
2. Structure of a website
3. Our first website
4. HTML tags: Headings
5. HTML tags: Paragraphs
6. HTML tags: Links
7. HTML tags: Images
8. HTML tags: Ordered and Unordered Lists
9. HTML tags: Tables
10. HTML tags: Forms (1)
11. HTML Tags: Forms (2)
12. Introduction to CSS At the end of this Module, you will understand: the basic
1. Learning HTML 13. Inline CSS structure of a website; the common HTML tags and their uses;
and CSS 14. Internal CSS the Cascading StyleSheet and; develop a simple web page.
15. External CSS
16. Classes and IDs
17. Box Model: Padding, Margin and Border
18. Working with the background.
19. Floating
20. Positioning
21. Display
22. Working with Texts
23. Styling lists
24. Styling links
25. Gradients
26. Quiz: HTML and CSS
27. Project 1: Nice Maths Tutorial Website
MODULE TOPIC OBJECTIVES
1. Introduction to JavaScript
2. Getting started
3. Change HTML Content
4. Change HTML Style
5. Variables and Data Types
6. Activity 1: Generating Random Color
7. Functions
8. Objects
9. Using the "new" keyword to create objects
10. Constructors At the end of this Module, you will understand what JavaScript
2: Learning
11. Arrays is and how it is used in the design of web applications. You will
JavaScript
12. Control Statements: If and if...else also develop a simple maths game.
13. Control Statements: For loops
14. Control Statements: While loops
15. Regular Expressions
16. Password validation
17. SetInterval and SetTimeout Functions:
Create a simple counter
18. Alert Boxes
19. Quiz: JavaScript
20. Project 2: Maths Game
1. Introduction to Twitter Bootstrap
2. The Grid System
3. Typography
4. Tables
5. Forms(1)
6. Forms (2)
7. Buttons
8. Images
9. Navs
3: Learning Twitter 10. Navbars At the end of this Module, you will understand how Bootstrap
Bootstrap 11. Pagination works in the creation of responsive web pages.
12. Jumbotron
13. Thumbnails
14. Dropdown menus
15. Modals(1)
16. Modals(2)
17. Tabs
18. Carousels
19. Project 3: Awesome App Landing Page
20. Bootstrap Quiz
MODULE TOPIC OBJECTIVES
1. Design the Homepage
2. Create a note At the end of this Module, you will be able to design a simple
4: Project Design: 3. Saving a note online note application which uses all the frameworks
Online Notes App 4. Modifying a note described in previous modules - HTML, CSS, JavaScript and
5. Deleting a note Bootstrap.
6. Wrap Up

You might also like