Course Outline
Web Design & Development :
A Quick Overview of Web Design & DevelopmentClass : 1 Introduction to HTML
- Getting Started
- A Simple HTML Document
- The HTML Skeleton
- The <head> Element
- The <body> Element
- Whitespace
- HTML Elements
- Attributes
- Empty vs. Container Tags
- Blocks and Inline Elements
- Comments
- Special Characters
- History of HTML
- lang Attribute
- Paragraphs
- Breaks and Horizontal Rules
- Creating an HTML Page
- Quoted Text
- Preformatted Text
- Text-Level Semantic Elements
Class:-2 HTML Lists
- Unordered Lists
- Nesting Unordered Lists
- Ordered Lists
- Nesting Ordered Lists
- The type Attribute
- The start Attribute
- Definition Lists
- Creating Lists
Class :-3 HTML Tables
- Creating Tables
- Adding a Caption
- thead, tbody, and tfoot
- Merging Cells
- Creating Tables
Class:-4 HTML Form
- Introduction to HTML Form
- From Elements
- Input Types and Attributes
- Form Validations
- GET vs POST Method
- Form Arrangement (Fieldset)
Class:-4 HTML Links
- Text Links
- Absolute vs. Relative Paths
- Absolute Paths
- Relative Paths
- Default Pages
- Targeting New Windows
- Email Links
- Adding Links
- Targeting a Specific Location on the Page
- The title Attribute
Class:-5 HTML Media Elements
- HTML Media Elements
- Different Types of Images
- Audio and Video Controlling
- Iframe in HTML
- Embedded Video from Youtube
Class:-6 HTML5 Semantic Elements
- Semantic Block-Level Elements
- Brief Discussion on HTML5 API
- HTML Review
Class:-7 Introduction to CSS Training
- Introduction to CSS (Cascading Style Sheet)
- CSS Ruleset
- How to Link CSS
- Inline
- Internal
- External
- CSS Specificity
Class: 8
- Introduction to CSS Selectors
- HTML DOM Tree
- Universal Selector
- Type Selector
- Attribute Selectors
Class: 9
- letter-spacing
- text-align
- text-decoration
- text-indent
- text-shadow
- text-transform
- white-space
- word-break
- word-spacing
- Exercise: Text Properties
Class: 10
- About Color and Opacity
- Color and Opacity Values
- Color Keywords
- RGB Hexadecimal Notation
- RGB Functional Notation
- HSL Functional Notation
- color
- opacity
- Exercise: Adding Color and Opacity to Text
Class: 11 Borders, Margins, and Padding
- The CSS Basic Box Model
- Introduction to using Google Chrome DevTools with CSS
- Padding
- Margin
- Border
- border-width
- border-style
- border-color
- border-radius
- box-sizing
- box-shadow
- Exercise: Borders, Margin, and Padding
Class: 12
- background-color
- background-image
- background-repeat
- overflow
- background-attachment
- background-position
- Keywords
- Coordinates
- Creating a "hint" Class
- background-size
- background-origin
- background-clip
- Modifying the "hint" Class
- background
- Exercise: Backgrounds
Class: 13 Pseudo-classes and Pseudo-elements
- Pseudo-classes
- Styling Links with Pseudo-classes
- Styling Tables and Articles with Pseudo-classes
- :nth-child()
- Pseudo-elements
- content
- Using Pseudo-elements
- Display and Visibility
- display
- visibility
Class: 14 Positioning
- Normal Flow
- position
- Positioning with top, bottom, left, and right
- z-index
- float and clear
- float
- clear
- float, clear, and ::after
- Exercise: Positioning
Class: 15 CSS Lists as Hierarchical Navigation
- Exercise: Basic Vertical Navigation Bars
- Dynamic Drop-down and Fly-out Navigation Bars
- Exercise: Basic Drop-down Menu
- Exercise: Basic Fly-out Menu
- Exercise: CSS List Menus
Class: 16 Layouts
- Introduction to Flexible Box Layout Module
- Some Flexbox Properties
- Introduction to Grid Layout
- Some Grid Properties
- Multi-column Layout
- Exercise: Layouts
Class: 17 Media Queries
- What Are Media Queries?
- Breakpoints
- Media Types
- Syntax
- Font Awesome
- Finding and Using Icons
- Exercise: Breakpoints
- Exercise: Targeting Print
Class: -18 Introduction to Bootstrap Framework. (BS)
- Introduction to Bootstrap Framework. (BS)
- How to Install BS
- BS Grid System
- Understanding Device Screen Size
- BS Typography
Class: 19
- BS Table
- BS Form
Class: 20
- BS Navigation
- BS Button
- BS Pagination
- BS Image Responsive
- Bs Card
Class: 21
- BS Carousel
- BS Accordion
- BS Modal
- BS Tab and Tooltip
Class: 22
- Overview of Responsive Web Design (RWD)
- Working With Viewport
Class: 23
- BS All Module Cover
- BS Projects
Class: 24-25
- HTML, CSS, BOOSTRAP Projects
Class: 26-30 JavaScript
- JavaScript
- jQuery Use
Class: 31-36 PHP
Class: 37-42 MySQL
Class: 43-47 WordPress
- WordPress Customization
- WordPress Theme Development
Class: 47 -52 Project Class
Course Currilcum
N.A
- 5 stars0
- 4 stars0
- 3 stars0
- 2 stars0
- 1 stars0
No Reviews found for this course.