Scribd
Upload
30 views13 pages

Ui Technology

The document provides an extensive overview of HTML, CSS, Bootstrap, and JavaScript topics. It covers HTML elements, tags, attributes and their uses in structuring web pages. It also covers CSS syntax, properties and how to style elements, as well as topics like colors, fonts, box model, positioning etc. Bootstrap fundamentals like grid system, components and JavaScript concepts like variables, functions, objects, DOM manipulation and events are also outlined.

Uploaded by

muralireddyzen
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
30 views13 pages

Ui Technology

The document provides an extensive overview of HTML, CSS, Bootstrap, and JavaScript topics. It covers HTML elements, tags, attributes and their uses in structuring web pages. It also covers CSS syntax, properties and how to style elements, as well as topics like colors, fonts, box model, positioning etc. Bootstrap fundamentals like grid system, components and JavaScript concepts like variables, functions, objects, DOM manipulation and events are also outlined.

Uploaded by

muralireddyzen
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/ 13

HTML

● What is Web Application and Website


● Web Pages and Its Type
● Introduction to HTML?
● Why to Learn HTML?
● HTML Document Structure
● The <!DOCTYPE> Declaration
● HTML The Head Element
● HTML The Body Element
● HTML Meta Tags
○ Charset
○ Name
○ Content
○ Http-equiv (refresh)
● HTML Element?
● HTML Tags
○ Container tag (opening and closing tag)
○ Empty Tag (only opening tag)
● HTML Attributes
● HTML Comments
● HTML Headings
○ Heading 1
○ Heading 2
○ Heading 3
○ Heading 4
○ Heading 5
○ Heading 6
● HTML Paragraphs
● HTML Line Breaks
● HTML Text Formatting Elements
○ <b> and <strong> Elements
○ <i> and <em> Elements
○ <small> Element
○ <mark> Element
● <del> Element
● <ins> Element
● <sub> Element
● <sup> Element
● HTML Preformated (pre) & Horizontal (hr) rule
● HTML Links (Anchor Tag)
○ target
○ href
● HTML Images
○ Src
○ Alt
○ Width
○ height
● HTML Tables and Its Attributes
○ thead
○ tbody
○ tfoot
○ tr
○ th
○ Td
○ Colspan
○ Rowspan
● HTML Lists
○ Unordered HTML List
○ Ordered HTML List
○ Description Lists
● HTML Block and Inline Elements
● HTML class Attribute
● HTML id Attribute
● HTML Iframes
● HTML Responsive Viewport meta
● HTML Semantic Elements / Tags
○ <header> Element
○ <footer> Element
○ <nav> Element
○ <section> Element
○ <article> Element
○ <aside> Element
● HTML Marquees
○ Direction
○ Behavior
○ Scrolldelay
○ Scrollamount
○ Loop etc..
● HTML Forms
○ Form Elements
○ Form Attributes
○ Input Types
○ Placeholder
○ Text Input Controls
○ Checkboxes Controls
○ Radio Box Controls
○ Select Box Controls
○ File Select boxes
○ Hidden Controls
○ Clickable Buttons
○ Textarea
○ Submit and Reset Button
○ Autocomplete
○ Required
○ Disabled
○ minlength and maxlength etc..
● HTML New Input Type
○ color
○ Number
○ Range
● Date
● Month
● Week
● Time
● Email
● Search
● Tel
● Url
● Image etc..
● HTML Progress Tag
● HTML Media
○ Video
■ Source
■ Autoplay
■ Controls
■ Loop
■ Muted
■ Src
■ Poster
○ Audio
■ Source
■ Autoplay
■ Controls
■ Loop
■ Muted
■ src
○ YouTube Videos

CSS
● What is CSS?
● Why to Learn CSS?
● Why Use CSS?
● Advantages of CSS
● What is CSS Syntax
● CSS Selectors
○ Tag
○ Id
○ Class

● How To Add CSS


○ External CSS
○ Internal CSS
○ Inline CSS

● CSS Colors
○ RGB Colors
○ HEX Colors
○ HSL Colors

● CSS Backgrounds
○ background-color
○ background-image
○ background-repeat
○ background-position
○ background-attachment
○ background
● CSS Fonts Style
○ font-family
○ font-style
○ font-weight
○ font-size
○ font

● CSS Text Style


○ color
○ direction
○ letter-spacing
○ word-spacing
○ text-align
○ text-decoration
○ text-transform
○ text-shadow
● CSS Box Model
● CSS Borders
○ border-style
○ border-width
○ border-color
○ border
● CSS Margins
○ margin-bottom
○ margin-top
○ margin-left
○ margin-right
○ margin
● CSS Padding
○ padding-bottom
○ padding-top
○ padding-left
○ padding-right
○ padding
● Difference between Margin and Padding
● CSS Width
○ max-width
○ min-width
● CSS Height
○ max-height
○ min-height
● CSS Links Style
○ :link
○ :visited
○ :hover
○ :active

● CSS Display Property


○ inline
○ inline-block
○ block
○ Flex
○ grid
● CSS Float Property
● CSS Clear Property
● CSS Cursors Style
● CSS Overflow Property
○ overflow-x
○ overflow-y
○ overflow
● CSS Position Property
● CSS Z-index Property
● CSS Units
○ (px,%,em,rem,vh, vw)
● Difference between display none and visibility hidden
● CSS Media Types
● CSS Shadow Effects
○ Text Shadow
○ Box Shadow
● CSS 2D Transforms
○ translate() Method
○ rotate() Method
○ scale() Method
○ skew() Method
○ matrix() Method etc…
● CSS Transitions
○ transition
○ transition-delay
○ transition-duration
○ transition-property
○ Transition-timing-function

● CSS Animations
○ @keyframes
○ animation-name
○ animation-duration
○ animation-delay
○ animation-iteration-count
○ animation-direction
○ animation-timing-function
○ animation-fill-mode
○ Animation
● CSS Flexbox
○ flex-direction
○ flex-wrap
○ justify-content
○ align-items
○ Align-content
○ Gap
○ order

● CSS Grid
○ Grid
○ Grid-template-colum
○ Grid-template-row
○ Gap
○ Grid lines
○ Grid star
○ Grid end
○ Grid row
○ Grid column

BOOTSTRAP
● Introduction to Bootstrap? and its Features
● Bootstrap Installation
● Setting Development Environment
● Grid System
● Components
○ Basic Typography
○ Text Alignment & Display
○ Colors Background
○ Buttons
○ Navbars
○ List groups
○ Badges
○ Forms
○ Carousel
○ Modal
○ Table
○ Cards
○ Pagination

JAVASCRIPT
● Introduction to Javascript
● Features of Javascript
● Data Types
● Javascript Variables
● The JavaScript Console
○ JavaScript console.log()
● JavaScript Functions
○ Why Functions?
○ How to Create a Function in JavaScript?
○ Invokes the Function
○ JavaScript Function with Parameters
○ Function Parameters and Arguments
○ Parameter Rules
○ Function Argument Missing in JavaScript
○ Default Parameter in a Function
○ arguments object in JavaScript function
○ Rest parameter in JavaScript function
○ Difference between Rest Parameter and Arguments Object in
JavaScript
○ Passing a function as a parameter in JavaScript
○ Functions Used as Variable Values
○ Functions Can Be Used as Values
○ JavaScript Function Invocation
● JavaScript Objects
○ Creating Objects in JavaScript
■ By object literal
■ By creating instance of Object directly (using new
keyword)
○ Accessing Object Properties
○ Updating Object Properties
○ Deleting Object Properties
● Javascript Arrays and Its Methods
● Javascript Strings and its Methods
● The HTML DOM (Document Object Model)
○ HTML DOM getElementById() Method
○ HTML DOM getElementsByTagName () Method
○ HTML DOM getElementsByClassName () Method
○ HTML DOM getElementsByName () Method
○ HTML DOM querySelector () Method
○ HTML DOM innerHTML Property
○ HTML DOM innerText Property
○ HTML DOM textContent Property
○ Differences between innerText, innerHTML and textContent
○ Changing the Value of an Attribute
● Events
○ Event Listener
○ Event Handler
● Function Hoisting in JavaScript
● Variable Hoisting in JavaScript
● Scope Chain & Lexical Scoping in JavaScript
● this in JavaScript
● Call(), apply(), bind()
● Closures
● Promises
● Fetch
● What is ECMAScript?
● ECMAScript Editions
● var, let & const
● Template Literals in JavaScript
● Template literals (template strings) Method
● Array Destructuring
● Object Destructuring
● Default Parameters
● Rest Parameters
● Spread Operator
● Callbacks in Detail
● Callback hell in JavaScript
● Async Await in JavaScript
● OOPs
○ Classes
○ Object
○ Constructor
○ Encapsulation
○ Inheritance
○ Polymorphism
○ Access Modifers
○ Static and Non Static Members

You might also like