ENDS: 21th of May
TIME: 10am – 12pm
SCHEDULE: Mon, Wed
Course Overview
With more communication and commerce being conducted online than ever before, the web provides incredible opportunities for web designers. Web designers play a central role in building dynamic websites and applications that deliver content in a variety of formats for multiple devices. This course is designed to equip participants with the technical knowledge and skills to create well-designed websites in terms of aesthetics, using today’s modern web design tools such as HTML, CSS, Twitter Bootstrap, jQuery, Javascript.
Prerequisites
This course doesn’t require any prior programming knowledge.
Who Should Attend?
This course can be taken by anyone who wants to learn the art of web design/development
Course Curriculum
- Introduction to HTML
- Structure of a website
- Our first website
- HTML tags: Headings
- HTML tags: Paragraphs
- HTML tags: Links
- HTML tags: Images
- HTML tags: Ordered and Unordered Lists
- HTML tags: Tables
- HTML tags: Forms (1)
- HTML Tags: Forms (2)
- Introduction to CSS
- Inline CSS
- Internal CSS
- External CSS
- Classes and IDs
- Box Model: Padding, Margin and Border
- Working with the background.
- Floating
- Positioning
- Display
- Working with Texts
- Styling lists
- Styling links
- Gradients
- Quiz: HTML and CSS
- Project 1: Nice Maths Tutorial Website
- Introduction to JavaScript
- Getting started
- Change HTML Content
- Change HTML Style
- Variables and Data Types
- Activity 1: Generating Random Color
- Functions
- Objects
- Using the "new" keyword to create objects
- Constructors
- Arrays
- Control Statements: If and if...else
- Control Statements: For loops
- Control Statements: While loops
- Regular Expressions
- Password validation
- SetInterval and SetTimeout Functions:
Create a simple counter - Alert Boxes
- Quiz: JavaScript
- Project 2: Maths Game
- Introduction to Twitter Bootstrap
- The Grid System
- Typography
- Tables
- Forms(1)
- Forms (2)
- Buttons
- Images
- Navs
- Navbars
- Pagination
- Jumbotron
- Thumbnails
- Dropdown menus
- Modals(1)
- Modals(2)
- Tabs
- Carousels
- Project 3: Awesome App Landing Page
- Bootstrap Quiz
Course Curriculum
| Welcome | |||
| HOT Orientation Video Batch 7 (Part 1) 19 April, 2021 | 00:00:00 | ||
| Live Class | |||
| 🔴 Web Design (Live Class) 10:00am | 03:00:00 | ||
| Recordings | |||
| Recording: Web Design B7 Zoom Class Video 19 April, 2021 | 00:00:00 | ||
| Recording: Web Design B7 Zoom Class Video (Part 1) 21 April, 2021 | 00:00:00 | ||
| Recording: Web Design B7 Zoom Class Video (Part 2) 21 April, 2021 | 00:00:00 | ||
| Learning HTML and CSS | |||
| 1.1 Introduction to HTML | 00:05:00 | ||
| 1.2 Structure of a website | 00:07:00 | ||
| 1.3 Our first website | 00:03:00 | ||
| 1.4 HTML Tags – Headings | 00:06:00 | ||
| 1.5 HTML Tags – Paragraphs | 00:05:00 | ||
| 1.6 HTML Tags – Links | 00:06:00 | ||
| 1.7 HTML Tags – Image | 00:08:00 | ||
| 1.8 HTML Tags – Ordered & Unordered Lists | 00:07:00 | ||
| 1.9 HTML Tags – Tables | 00:08:00 | ||
| 1.10 HTML Tags – Forms | 00:17:00 | ||
| 1.11 HTML Tags – Forms | 00:10:00 | ||
| 1.12 HTML Tags – Forms | 00:09:00 | ||
| 1.13 HTML Tags – Forms | 00:04:00 | ||
| 1.14 Introduction to CSS | 00:11:00 | ||
| 1.15 Internal CSS | 00:09:00 | ||
| 1.16 External CSS | 00:08:00 | ||
| 1.17 Classes & IDs | 00:13:00 | ||
| 1.18 Box Model: Padding, Margin & Border | 00:18:00 | ||
| 1.19 Working with the background | 00:15:00 | ||
| 1.20 Floating | 00:17:00 | ||
| 1.21 Positioning | 00:32:00 | ||
| 1.22 Display | 00:11:00 | ||
| 1.23 Working with Text | 00:09:00 | ||
| Survey | |||
| What can HOT do better? | 00:00:00 | ||
| Web Design CA Test | |||
| Web Design – CA Test | 03:00:00 | ||
| Survey | |||
| What can HOT do better? | 00:00:00 | ||
| Web Design - Final Examination | |||
| Web Design (Final Examination) | 02:00:00 | ||
Course Objectives
After the completion of the Certificate in Web Design Course you will be able to:
- Design websites using HTML
- Style websites built with HTML using CSS
- Work with Java-script to handle events
- Create impressive websites with Twitter Bootstrap
- Work with Twitter Bootstrap features
- Use jQuery Content Hover Plugin
- Use jQuery UI components
Training Features
- Instructor-led Live Sessions
- Real-life Case Studies
- Assignments
- Lifetime Access
- 24 x 7 Expert Support
- Internationally Recognised Certificates
Certificate
FAQs
What are the system requirements for this course?
Operating System: Windows 7 or higher, Mac OS.
Processor: 1 gigahertz (GHz) or faster processor or SoC
RAM: 1 gigabyte (GB) for 32-bit or 2 GB for 64-bit
Hard disk space: 16 GB for 32-bit OS or 20 GB for 64-bit OS
Graphics card: DirectX 9 or later with WDDM 1.0 driver
Display: 800 x 600
What if I miss a class?
All classes are recorded and uploaded on our Learning Management System(LMS). So you can catch up on your course during your free time if you miss a class.
Do I receive a certificate after completing the Course?
Yes, you receive an internationally recognized certificate after the course.
Who are the Instructors?
Our Instructors are in-house professionals with at least 5 years of relevant experience in various domains. They are subject matter experts and are trained to provide a great learning experience.
Course Reviews
No Reviews found for this course.
