Scribd
Upload
10 views4 pages

HTML CSS JS Handwritten Notes

The document outlines the basics of HTML, CSS, and JavaScript, covering their origins, syntax, style sheets, and object-oriented features. It also delves into CSS animations and transitions, as well as the use of SVG in HTML5 for creating shapes. Additionally, it discusses the HTML5 Canvas for rendering graphics, including drawing techniques, styles, and animations.

Uploaded by

vinayakgayyali2005
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
10 views4 pages

HTML CSS JS Handwritten Notes

The document outlines the basics of HTML, CSS, and JavaScript, covering their origins, syntax, style sheets, and object-oriented features. It also delves into CSS animations and transitions, as well as the use of SVG in HTML5 for creating shapes. Additionally, it discusses the HTML5 Canvas for rendering graphics, including drawing techniques, styles, and animations.

Uploaded by

vinayakgayyali2005
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

Unit I: HTML, CSS & JavaScript Basics

HTML:

- Origins and evolution of HTML

- Basic syntax, text markup

- Lists, Images, Tables, Forms, Frame

- HTML5 Features overview

CSS:

- Levels of Style Sheets: Inline, Internal, External

- Style specifications: Selectors, Properties

- List & Font properties

- Color & Alignment of text

- <span> and <div> usage

- CSS3 Features

JavaScript:

- Object-Oriented JS intro

- General characteristics

- Primitives, operations

- Screen & keyboard I/O


Unit II: CSS Animation

CSS Animation:

- Intro to Animations

- Start and End states, Interpolation

- Animations in HTML

CSS Animation Property:

- Creating simple animations

- Keyframes, Multiple animations

CSS Transitions:

- Adding and looking into transitions

- Longhand vs shorthand properties

- Working with multiple transitions


Unit III: SVG in HTML5

SVG in HTML5:

- Viewing and Embedding SVG

- Shapes in SVG:

- Circle, Rectangle, Line, Ellipse

- Polygon, Polyline, Star, Gradients


Unit IV: HTML5 Canvas

HTML5 Canvas:

- Rendering Context, Browser Support

- Drawing on Canvas:

- Rectangles, Lines, Bezier & Quadratic Curves

- Paths and Images

- Gradients and Styles

- Text and Fonts

- Shadow, Save/Restore states

- Translation, Rotation, Scaling, Transforms

- Animations using Canvas

You might also like