TITLE: MODERN JAVASCRIPT NOTES
NOTE: This is just the fundamentals of modern JAVASCRIPT with HTML and CSS, as it is not
possible for me to create full javascript note in just one pdf,
But not to worry i will be back with next part of the modern javascript till then,
Do Learn, Have Fun.
What is JavaScript?
JavaScript is one of the core technologies of the web, used alongside HTML and CSS. It brings
life to the front end or the user interface of a website or web app. JavaScript is a high-level
interpreted programming language and is used to create interactive and dynamic website
experiences. It can also be used on the server side to interact with databases and work with the
file system using the Node.js runtime. JavaScript is executed line by line, making it a scripting
language.
What is JavaScript used for?
● Manipulating the DOM (Document Object Model)
● Handling events
● Making asynchronous requests
● Creating animations and effects
● Data manipulation
● Storing data on the client
● Creating single page applications (SPAs)
● Building APIs on the server side
Why should you learn JavaScript?
● Popularity: JavaScript is widely used and opens up many job opportunities.
, ● Versatility: JavaScript can be used on both the front end and back end of web
development, making it a full stack language. It can also be used to build mobile and
desktop applications.
● Relative Ease: JavaScript is easier to get into compared to other languages and
doesn't require advanced math skills.
● Active Community: JavaScript has a large and active community that provides
resources, support, tutorials, and tools for learning and improving skills.
Tools and Environment
In this video, we'll be using the following tools:
● Text Editor: All you need is a text editor since we'll be writing vanilla frontend
JavaScript.
When setting up your web development environment, there are a few tools and extensions that I
recommend installing. First, choose a text editor, such as Visual Studio Code, which is intuitive
and has great extensions. Next, install Git for version control, which allows you to create
repositories and push code to services like GitHub. Install Node.js, a JavaScript runtime, which
allows you to run JavaScript on your machine or server. Node.js also comes with npm, the node
package manager, which is helpful for managing dependencies.
In Visual Studio Code, I recommend two extensions: Live Server and Prettier. Live Server
provides a mini dev server that auto-reloads your files in the browser whenever you make
changes. This is useful for frontend JavaScript development. Prettier is a code formatter that
keeps your code clean and organized, allowing you to customize settings like tab width and
whether to use semicolons or single quotes.
To get started, create a folder for your project and open it in your text editor. Create an HTML file
and a JavaScript file within this folder. Use the Emmet tool in Visual Studio Code to quickly write
HTML and CSS code. Emmet also allows you to generate a boilerplate HTML structure with the
exclamation mark command.
NOTE: This is just the fundamentals of modern JAVASCRIPT with HTML and CSS, as it is not
possible for me to create full javascript note in just one pdf,
But not to worry i will be back with next part of the modern javascript till then,
Do Learn, Have Fun.
What is JavaScript?
JavaScript is one of the core technologies of the web, used alongside HTML and CSS. It brings
life to the front end or the user interface of a website or web app. JavaScript is a high-level
interpreted programming language and is used to create interactive and dynamic website
experiences. It can also be used on the server side to interact with databases and work with the
file system using the Node.js runtime. JavaScript is executed line by line, making it a scripting
language.
What is JavaScript used for?
● Manipulating the DOM (Document Object Model)
● Handling events
● Making asynchronous requests
● Creating animations and effects
● Data manipulation
● Storing data on the client
● Creating single page applications (SPAs)
● Building APIs on the server side
Why should you learn JavaScript?
● Popularity: JavaScript is widely used and opens up many job opportunities.
, ● Versatility: JavaScript can be used on both the front end and back end of web
development, making it a full stack language. It can also be used to build mobile and
desktop applications.
● Relative Ease: JavaScript is easier to get into compared to other languages and
doesn't require advanced math skills.
● Active Community: JavaScript has a large and active community that provides
resources, support, tutorials, and tools for learning and improving skills.
Tools and Environment
In this video, we'll be using the following tools:
● Text Editor: All you need is a text editor since we'll be writing vanilla frontend
JavaScript.
When setting up your web development environment, there are a few tools and extensions that I
recommend installing. First, choose a text editor, such as Visual Studio Code, which is intuitive
and has great extensions. Next, install Git for version control, which allows you to create
repositories and push code to services like GitHub. Install Node.js, a JavaScript runtime, which
allows you to run JavaScript on your machine or server. Node.js also comes with npm, the node
package manager, which is helpful for managing dependencies.
In Visual Studio Code, I recommend two extensions: Live Server and Prettier. Live Server
provides a mini dev server that auto-reloads your files in the browser whenever you make
changes. This is useful for frontend JavaScript development. Prettier is a code formatter that
keeps your code clean and organized, allowing you to customize settings like tab width and
whether to use semicolons or single quotes.
To get started, create a folder for your project and open it in your text editor. Create an HTML file
and a JavaScript file within this folder. Use the Emmet tool in Visual Studio Code to quickly write
HTML and CSS code. Emmet also allows you to generate a boilerplate HTML structure with the
exclamation mark command.
