Professional Web Design

Class 01:
1. Introduction to Web Design.
2. Website Designing tools/software
3. Environment Setup
4. Creating file/Startup package
5. HTML & Browser
6. HTML Syntax.
7. Head & Body Section.
8. Basic tags.

Class 02:
1. HTML Elements & Attributes.
2. Commenting in HTML.
3. List in HTML.
4. What is table?
5. Table Head and Body Content.
6. Table row and column.

Class 03:
1. Introduction to form.
2. Form elements.
3. Input types and attributes.
4. Form arrangement and decoration.
5. Different types of image in HTML.
6. Iframe in HTML.
7. Audio and Video controlling.
8. Embedded video from YouTube.
9. Gif animation embedded.

Class 04:
1. Introduction to CSS (Cascading style sheet).
2. Syntax of CSS
3. How to link CSS (Inline/Internal/External)
4. Important property of CSS.
5. Layout concept in CSS.

Class 05:
1. Introduction to Selectors.
2. Universal & element type selector.
3. Id vs Class
4. Descendant selector
5. Child, Attribute, Pseudo selector
6. Selectors grouping.

Class 06:
1. Flexbox.
2. Styling text.
3. Fonts & Icon.
4. Creating Menu.

Class 07:
1. Position.
2. Floats.
3. Input box styling.
4. Background image.
5. Dropdown Menu

Class 08:
1. Introduction to lovable css.
2. Border and rounded corners.
3. Gradient & shadow.
4. Transition & transformation.

Class 09:
1. Overview of Responsive Web Design (RWD)
2. Working with viewport.
3. Practicing Media Queries.
4. RWD Frameworks.
Class 10: Live Project with HTML & CSS

Class 11:
1. Introduction to Bootstrap Framework. (BS)
2. How to install bootstrap.
3. BS table.
4. BS form.
5. BS button.
6. BS Image responsive.
7. BS Card

Class 12:
1. Great grid system.
2. Understanding device screen size.
3. BS Modal.
4. BS Carousel.

Class 13:
1. What is Photoshop?
2. Basic concept of Photoshop.
3. How to use Photoshop tools?
4. PSD fonts ,color and layer concept.
5. Image slicing in Photoshop.
6. PSD fonts.

Class 14:
Converting PSD template to HTML

Class 15:
1. Introduction to Javascript (JS).
2. JS basic syntax.
3. Variable in JS.
4. Operator, Data type and Functions in JS.
5. Commenting in JS.

Class 16:
1. Array in JS.
2. JS Conditions ( if,else ).
3. Making a live digital clock using JS

Class 17:
1. Introduction to jQuery.
2. jQuery Selectors.
3. jQuery and DOM.
4. jQuery and Event.

Class 18:
1. Introduction to jQuery effects.
2. Hide, Show, Fade, Slide in JQuery.
3. Animation in jQuery.
4. Creating a responsive menu using jQuery.

Class 19:
Using jQuery Plugins.

Class 20:
Live Project (Part – 01)

Class 21:
Live Project (Part-02)

Class 22:
1. What is domain and hosting?
2. Introduction to cpanel.
3. Overview of webmail.
4. How to host a website in server?

Freelancing Marketplace
Freelancing Class: Fiverr
Freelancing Class: Upwork.com
Freelancing Class: freelancer.com
Freelancing Class: Peopleperhour
Freelancing Class: Themeforest
Marketplace Payment Solutions Class: Payoneer