Scribd
Upload
3 views4 pages

JavaScript Basics and Web Development Guide

The document provides notes on JavaScript, covering its use in the console for calculations, DOM manipulation techniques, and the functionality of Chrome extensions. It explains programming languages and syntax, as well as the roles of HTML, CSS, and JavaScript in web development. Additionally, it outlines the differences between client-side and server-side programming, highlighting the importance of interactivity and user experience in web applications.

Uploaded by

Prajkta Kurhade
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views4 pages

JavaScript Basics and Web Development Guide

The document provides notes on JavaScript, covering its use in the console for calculations, DOM manipulation techniques, and the functionality of Chrome extensions. It explains programming languages and syntax, as well as the roles of HTML, CSS, and JavaScript in web development. Additionally, it outlines the differences between client-side and server-side programming, highlighting the importance of interactivity and user experience in web applications.

Uploaded by

Prajkta Kurhade
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

JAVASCRIPT NOTES

(1) JS in console:-

INSPECTCONSOLE

We directly run following commands in browser

Use as calculator(Math)

(2) DOM manipulation


Bold the word using< br> tag

For changing size [Link](‘b’)[0].[Link]=’40px’

For directly clicking on any option on website we use js


command[Link](‘LC20lb MBeuO DKV0Md’)[1].click()

This will directly goes on that option and open the option….

(3) Chrome extensions

Chrome extensions available on goggle…


We download apps from this…and uses extensions

1. Create features:- add new functionalities to chrome


2. Interact with web:- Modify or read webpage
3. API access:- Use chrome built-in function
4. User experience:- customize

(4) What is programming language

Problemhuman instructionsBinary code in form of 0/1solve

- Giving instructions to computer


- Instructions:- Tells computer what to do.
- These instructions called as code.

(5) What is syntax


- Structure of word in sentence.
- Rules of language
- For programming exact syntax must be followed.

(6) HTML/CSS/JS

Client-side/front-endWeb developmenthtml,css,js

Java/pythonServer side/back-end

Backend+frontend==FullstackMERNmongodb,express,react

1. Display web pages:- Turns HTML code into what you see on screen
2. User clicks:- Helps you to interact with web pages
3. Updates Content:- Allows changes to page using Javascript
4. Load files:- Gets HTML,images,etc..from the server
HTMLOrganizes elemets in tree..
Structure- setups the layout , Content-Adds text,images,links.
Tags:- Uses elements like<p>,<a>
CSS Style(Set looks and fell)
Colors and fonts(Customizes text and background)
Layout(Controls positions and size)
Selectors(Targets specific HTML elements)

JS Do nothing in java


Actions(Enables interactivity)
Updates(Alerts page without reloading)
Events(responds to user actions)
Data(Fetches and sends info to server)

You might also like