Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Certificate in Web Design: Course Overview

Download as pdf or txt
Download as pdf or txt
You are on page 1of 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