ABES Institute of Technology, Ghaziabad
A CRC Training Program - Even Sem 2024-28
Training Plan - JavaScript (HTML, CSS, JS)
4th Sem ( 2024 - 28 Batch )
Table of Contents Detailed Contents
HTML Basic, Elements, Attributes, Paragraph, Formating,Table, Form, Lists, Image, Links
HTML 5 Form and Its attributes, <div>, <span>, HTML Layout
HTML 5
PROJECT - 1 HTML Based
Basic, CSS Selectors, CSS Colors, CSS Background, CSS Borders, CSS Text, CSS Fonts,
CSS
Icon, Link, CSS Lists, CSS Margins, CSS Padding
PROJECT - 2 CSS Based
JavaScript
- Client-Side Scripting and Server-Side Scripting
- What is JavaScript?
Introduction to JavaScript
- JavaScript Program to Print Hello World
- How to include a JavaScript file in another JavaScript file?
Variables and Datatypes var, let, const, Data Types, Type Conversion, Null and Undefined
- Arithmetic Operators
- Difference Between == and === in Javascript
Operator
- Logical operators in JavaScript
- Comparison Operators in JavaScript
if, else, and else if Statement
Conditional Flow in
Switch Case Statement
JavaScript
Loops in JavaScript ( for, while, break, continue)
- Function Defination
- Function Parameters
- Function Call
Function
- Function Expressions
- Self-Invoking Functions
- JS - Math (Random , floor , sqrt , round , ceil , trunc , pow)
String in JavaScript
String
String Methods
Array, Array Methods, Array Search, Array Sort
Array
Array iteration
Creating a JavaScript Object
- Using Object Literal Syntax
- Using Object Constructor
- Using the [Link] Method
- Using [Link] Method
Objects - access object using notation and [ ] notation
- Nested Objects
- access nested objects using the dot notation
- JavaScript Object Methods
- Loop over Object
- Destructuring object
Introduction, Finding HTML Elements, Changing HTML Elements, Adding and Deleting
DOM and Events Elements
Introduction to Events, Mouse Events and its methods
Arrow Function, The ...Operator, let keyword, const keyword,
JS(ES6)
Map Objects - Introduction and its method
Introduction to API, Web Storage API - The localStorage Object, setItem(), getItem()
API
Fetch API
PROJECT- 3 API Based
