Skip to content

Latest commit

 

History

History
80 lines (47 loc) · 4.44 KB

introduction.md

File metadata and controls

80 lines (47 loc) · 4.44 KB

Introduction to Javascript

What is Javascript ?

JavaScript is indeed cross-platform, meaning you can write the same code and run it on various platforms without major modifications. This makes it a popular choice for web development, mobile app development, and even server-side scripting.

Breakdown of above sentence

Crossplatform

  • Web Development - Imagine you create a website with interactive features like animations or user input forms. You write the code in JavaScript, and all modern web browsers can understand and execute it, regardless of the operating system (Windows, macOS, Linux, etc.).

  • Mobile App Development - Frameworks like React Native and Ionic allow you to write JavaScript code that compiles into native mobile apps for Android and iOS. This means you can build a single codebase for both platforms, saving time and resources.

  • Server-Side Scripting - Node.js is a popular runtime environment that lets you run JavaScript code on the server-side. This opens up possibilities for building web applications, APIs, and even command-line tools.

Object Oriented Scripting

An object-oriented scripting language combines two powerful concepts: object-oriented programming (OOP) and scripting language. Let's break it down:

What is Object-Oriented Programming (OOP) ?

  • OOP organizes code around objects, which represent real-world entities like users, products, or devices.
  • Objects contain data (properties) and code (methods) that manipulate that data.
  • OOP principles like encapsulation, inheritance, and polymorphism promote modularity, reusability, and maintainability of code.

What is Scripting Languages ?

  • Scripting languages are designed for rapid development and automation.
  • They often have simpler syntax and fewer formalities than traditional compiled languages.
  • Scripts are often interpreted directly, allowing for quick testing and execution.

Combining these two concepts:

  • Object-oriented scripting languages let you leverage the benefits of OOP within the ease and flexibility of scripting.
  • You can build modular, reusable programs with objects while enjoying the rapid development and dynamic execution of scripting languages.

Benefits of Object-Oriented Scripting Languages:

  • Improved code organization and structure: Objects group related data and functionality, making code easier to understand and maintain.
  • Increased code reusability: Inheritance allows you to share code between related objects, reducing redundancy and saving time.
  • More flexible and dynamic programs: OOP principles like polymorphism enable flexible and adaptable code that can handle diverse situations.
  • Faster development and prototyping: Scripting languages facilitate rapid testing and iteration, making development more efficient.

Overall, object-oriented scripting languages offer a powerful and versatile approach to programming, combining the strengths of OOP with the ease and speed of scripting.

DOM - The DOM (Document Object Model) is like a map of a website, but for programmers. It represents the structure and content of a web page as a hierarchy of objects, making it easier for programming languages like JavaScript to interact with and modify the page.

Imagine a website as a tree:

The document object is the root.

  • Branches are major sections like header, body, and footer.
  • Leaves are individual elements like paragraphs, images, and buttons.
  • Each element has properties (like text content, style, and attributes) and methods (like hiding, showing, or changing).
  • By manipulating these objects, developers can create dynamic and interactive web experiences.

Benefits of DOM:

  • Dynamically update web pages: Change text, hide elements, add animations, and more.
  • Build interactive features: Implement forms, menus, and user feedback mechanisms.
  • Access and manipulate data: Read and modify content from the page or other sources.
  • Standardized interface: Works across different browsers and programming languages.

Java vs JavaScript

Comparison of JavaScript and Java

Feature JavaScript Java
Object Model Object-oriented, no type distinction Class-based, inheritance through hierarchy
Inheritance Prototype mechanism, dynamic additions Class hierarchy, static additions
Typing Dynamic, loose typing Static, strong typing with declaration
File System Access No automatic write access Automatic write access to hard disk