Hoang  Ha

Hoang Ha

1656641081

Class trong JavaScript | Cách tạo và sử dụng classes trong JavaScript

Cách tạo và sử dụng các lớp, cũng như một số vấn đề chung mà bạn có thể gặp phải khi làm việc với chúng.

JavaScript là một ngôn ngữ mạnh mẽ cung cấp nhiều tính năng cho các nhà phát triển. Một trong những tính năng này là các lớp. Các lớp cho phép bạn tạo các đối tượng kế thừa các thuộc tính từ các đối tượng khác. Trong bài đăng trên blog này, chúng tôi sẽ đề cập đến cách tạo và sử dụng các lớp, cũng như một số vấn đề phổ biến mà bạn có thể gặp phải khi làm việc với chúng.

Các lớp JavaScript trước ES6

Trước ES6, JavaScript không có mô hình kế thừa dựa trên lớp. Trước ES6, nếu bạn muốn tạo một đối tượng kế thừa các thuộc tính từ một đối tượng khác, bạn phải sử dụng kế thừa dựa trên nguyên mẫu. Kế thừa dựa trên nguyên mẫu phức tạp hơn một chút so với kế thừa dựa trên lớp và có thể khó hiểu lúc đầu.

Để giúp lập trình hướng đối tượng dễ dàng hơn cho các nhà phát triển, ES6 đã giới thiệu các lớp học. Các lớp là đường cú pháp trên cơ sở kế thừa dựa trên nguyên mẫu, và chúng giúp tạo và làm việc với các đối tượng dễ dàng hơn nhiều. Mặc dù bạn không cần thiết phải hiểu kế thừa dựa trên nguyên mẫu để sử dụng các lớp, nhưng điều quan trọng là phải nhận ra rằng cú pháp của lớp chỉ đơn giản là đường cú pháp và đang trừu tượng hóa mô hình kế thừa dựa trên nguyên mẫu cơ bản.

Tạo lớp học

Nếu bạn có kinh nghiệm về ngôn ngữ Lập trình hướng đối tượng, chẳng hạn như Java hoặc C ++, thì việc tạo các lớp trong JavaScript cũng sẽ cảm thấy tương tự. Cú pháp lớp được tạo ra không chỉ để trừu tượng hóa một số ý tưởng phức tạp của kế thừa dựa trên nguyên mẫu, mà còn làm cho JavaScript giống các ngôn ngữ hướng đối tượng khác.

Tạo một lớp rất đơn giản. Bạn sử dụng từ khóa lớp, theo sau là tên của lớp. Đây là một quy ước cho tên của một lớp được viết hoa. Sau đó, chúng ta có thể thêm hàm khởi tạo của mình. Hàm khởi tạo là một hàm đặc biệt được gọi khi một thể hiện của một lớp được tạo. Nó được sử dụng để khởi tạo các thuộc tính của cá thể của chúng ta.

class Book {
  constructor(title, author) {
    this.title = title;
    this.author = author;
  }
}

Trong ví dụ trên, chúng ta đã tạo một lớp Sách. Lớp Sách của chúng tôi có hai thuộc tính: tên sách và tác giả. Chúng tôi khởi tạo các thuộc tính này trong hàm khởi tạo của chúng tôi. Khi chúng tôi tạo một thể hiện của lớp Sách của mình, hàm khởi tạo sẽ được gọi và thuộc tính tiêu đề và tác giả sẽ được đặt thành các giá trị mà chúng tôi truyền vào.

Trong hàm tạo của chúng tôi, this từ khóa đề cập đến phiên bản mới được tạo.

Tạo một phiên bản lớp

Bây giờ chúng ta đã tạo lớp Sách của mình, hãy tạo một thể hiện của nó.

const harryPotterBook = new Book(“Harry Potter and the Sorcerer’s Stone”, “J.K. Rowling”);

Trong ví dụ trên, chúng tôi đã tạo một thể hiện của lớp Sách của chúng tôi. Để tạo một thể hiện của một lớp, chúng tôi sử dụng từ khóa mới. Chúng tôi đã chuyển hai đối số cho hàm tạo của chúng tôi: “Harry Potter và Hòn đá phù thủy” cho tiêu đề và “JK Rowling” cho tác giả. Các đối số này sẽ được chuyển đến hàm khởi tạo của chúng tôi và được sử dụng để khởi tạo thuộc tính tiêu đề và tác giả của phiên bản sách của chúng tôi.

console.log(harryPotterBook)
/* Book {
title: ‘Harry Potter and the Sorcerer’s Stone’,
author: ‘J.K. Rowling’
}
*/

Phương pháp lớp học

Ngoài các thuộc tính, các lớp cũng có thể có các phương thức. Các phương thức là các hàm được liên kết với một thể hiện của lớp. Chúng có thể được sử dụng để thực hiện các hành động hoặc các giá trị được tính toán có liên quan đến cá thể.

Hãy thêm một phương thức vào lớp Sách của chúng ta để xuất ra mô tả về sách.

class Book {
  constructor(title, author) {
    this.title = title;
    this.author = author;
  }
  getDescription() {
    return `${this.title} was written by ${this.author}.`;
  }
}

Từ this khóa đề cập đến trường hợp mà phương thức đang được gọi. Trong trường hợp này, hãy this tham chiếu đến phiên bản harryPotterBook của chúng tôi. Bây giờ, chúng ta có thể gọi phương thức getDescription của mình trên phiên bản sách của chúng ta.

const harryPotterBook = new Book(“Harry Potter and the Sorcerer’s Stone”, “J.K. Rowling”);
console.log(harryPotterBook.getDescription())
// Harry Potter and the Sorcerer’s Stone was written by J.K. Rowling.

Sự kết luận

Lớp là một công cụ mạnh mẽ mà bạn có thể sử dụng trong các chương trình JavaScript của mình. Chúng cho phép các nhà phát triển tạo mã có thể tái sử dụng, một thành phần chính của Lập trình hướng đối tượng. Các lớp trong JavaScript giúp dễ dàng tạo và làm việc với các đối tượng và chúng loại bỏ một số ý tưởng phức tạp hơn về kế thừa dựa trên nguyên mẫu.

Tôi hy vọng bạn đã học được điều gì đó từ bài viết này! Chúc may mắn với các cuộc phỏng vấn viết mã của bạn!

Nguồn bài viết gốc tại https://javascript.plainenglish.io

#javascript #programming 

What is GEEK

Buddha Community

Class trong JavaScript | Cách tạo và sử dụng classes trong JavaScript
Hoang  Ha

Hoang Ha

1656641081

Class trong JavaScript | Cách tạo và sử dụng classes trong JavaScript

Cách tạo và sử dụng các lớp, cũng như một số vấn đề chung mà bạn có thể gặp phải khi làm việc với chúng.

JavaScript là một ngôn ngữ mạnh mẽ cung cấp nhiều tính năng cho các nhà phát triển. Một trong những tính năng này là các lớp. Các lớp cho phép bạn tạo các đối tượng kế thừa các thuộc tính từ các đối tượng khác. Trong bài đăng trên blog này, chúng tôi sẽ đề cập đến cách tạo và sử dụng các lớp, cũng như một số vấn đề phổ biến mà bạn có thể gặp phải khi làm việc với chúng.

Các lớp JavaScript trước ES6

Trước ES6, JavaScript không có mô hình kế thừa dựa trên lớp. Trước ES6, nếu bạn muốn tạo một đối tượng kế thừa các thuộc tính từ một đối tượng khác, bạn phải sử dụng kế thừa dựa trên nguyên mẫu. Kế thừa dựa trên nguyên mẫu phức tạp hơn một chút so với kế thừa dựa trên lớp và có thể khó hiểu lúc đầu.

Để giúp lập trình hướng đối tượng dễ dàng hơn cho các nhà phát triển, ES6 đã giới thiệu các lớp học. Các lớp là đường cú pháp trên cơ sở kế thừa dựa trên nguyên mẫu, và chúng giúp tạo và làm việc với các đối tượng dễ dàng hơn nhiều. Mặc dù bạn không cần thiết phải hiểu kế thừa dựa trên nguyên mẫu để sử dụng các lớp, nhưng điều quan trọng là phải nhận ra rằng cú pháp của lớp chỉ đơn giản là đường cú pháp và đang trừu tượng hóa mô hình kế thừa dựa trên nguyên mẫu cơ bản.

Tạo lớp học

Nếu bạn có kinh nghiệm về ngôn ngữ Lập trình hướng đối tượng, chẳng hạn như Java hoặc C ++, thì việc tạo các lớp trong JavaScript cũng sẽ cảm thấy tương tự. Cú pháp lớp được tạo ra không chỉ để trừu tượng hóa một số ý tưởng phức tạp của kế thừa dựa trên nguyên mẫu, mà còn làm cho JavaScript giống các ngôn ngữ hướng đối tượng khác.

Tạo một lớp rất đơn giản. Bạn sử dụng từ khóa lớp, theo sau là tên của lớp. Đây là một quy ước cho tên của một lớp được viết hoa. Sau đó, chúng ta có thể thêm hàm khởi tạo của mình. Hàm khởi tạo là một hàm đặc biệt được gọi khi một thể hiện của một lớp được tạo. Nó được sử dụng để khởi tạo các thuộc tính của cá thể của chúng ta.

class Book {
  constructor(title, author) {
    this.title = title;
    this.author = author;
  }
}

Trong ví dụ trên, chúng ta đã tạo một lớp Sách. Lớp Sách của chúng tôi có hai thuộc tính: tên sách và tác giả. Chúng tôi khởi tạo các thuộc tính này trong hàm khởi tạo của chúng tôi. Khi chúng tôi tạo một thể hiện của lớp Sách của mình, hàm khởi tạo sẽ được gọi và thuộc tính tiêu đề và tác giả sẽ được đặt thành các giá trị mà chúng tôi truyền vào.

Trong hàm tạo của chúng tôi, this từ khóa đề cập đến phiên bản mới được tạo.

Tạo một phiên bản lớp

Bây giờ chúng ta đã tạo lớp Sách của mình, hãy tạo một thể hiện của nó.

const harryPotterBook = new Book(“Harry Potter and the Sorcerer’s Stone”, “J.K. Rowling”);

Trong ví dụ trên, chúng tôi đã tạo một thể hiện của lớp Sách của chúng tôi. Để tạo một thể hiện của một lớp, chúng tôi sử dụng từ khóa mới. Chúng tôi đã chuyển hai đối số cho hàm tạo của chúng tôi: “Harry Potter và Hòn đá phù thủy” cho tiêu đề và “JK Rowling” cho tác giả. Các đối số này sẽ được chuyển đến hàm khởi tạo của chúng tôi và được sử dụng để khởi tạo thuộc tính tiêu đề và tác giả của phiên bản sách của chúng tôi.

console.log(harryPotterBook)
/* Book {
title: ‘Harry Potter and the Sorcerer’s Stone’,
author: ‘J.K. Rowling’
}
*/

Phương pháp lớp học

Ngoài các thuộc tính, các lớp cũng có thể có các phương thức. Các phương thức là các hàm được liên kết với một thể hiện của lớp. Chúng có thể được sử dụng để thực hiện các hành động hoặc các giá trị được tính toán có liên quan đến cá thể.

Hãy thêm một phương thức vào lớp Sách của chúng ta để xuất ra mô tả về sách.

class Book {
  constructor(title, author) {
    this.title = title;
    this.author = author;
  }
  getDescription() {
    return `${this.title} was written by ${this.author}.`;
  }
}

Từ this khóa đề cập đến trường hợp mà phương thức đang được gọi. Trong trường hợp này, hãy this tham chiếu đến phiên bản harryPotterBook của chúng tôi. Bây giờ, chúng ta có thể gọi phương thức getDescription của mình trên phiên bản sách của chúng ta.

const harryPotterBook = new Book(“Harry Potter and the Sorcerer’s Stone”, “J.K. Rowling”);
console.log(harryPotterBook.getDescription())
// Harry Potter and the Sorcerer’s Stone was written by J.K. Rowling.

Sự kết luận

Lớp là một công cụ mạnh mẽ mà bạn có thể sử dụng trong các chương trình JavaScript của mình. Chúng cho phép các nhà phát triển tạo mã có thể tái sử dụng, một thành phần chính của Lập trình hướng đối tượng. Các lớp trong JavaScript giúp dễ dàng tạo và làm việc với các đối tượng và chúng loại bỏ một số ý tưởng phức tạp hơn về kế thừa dựa trên nguyên mẫu.

Tôi hy vọng bạn đã học được điều gì đó từ bài viết này! Chúc may mắn với các cuộc phỏng vấn viết mã của bạn!

Nguồn bài viết gốc tại https://javascript.plainenglish.io

#javascript #programming 

Private Class Fields and Methods in JavaScript Classes

JavaScript private class fields and methods are new features for JavaScript classes. In this tutorial, you will learn all you need to know about this feature. You will learn about what private methods and class fields are and how they work. You will also learn how to use them in your projects.

Introduction

When you want to add some data to JavaScript class you can do so through class properties. These properties are by default always public. This also means that they are publicly accessible and modifiable. The same also applies to class methods. They are also public by default.

This might often be okay. However, sometimes, you may want to keep some properties or methods private. You may want to make them inaccessible from the outside of the class they are defined in. This is where private methods and class fields can be handy.

Keeping it private

The idea of keeping some things private is simple and straightforward. When you want to keep something private, be it a property or method, it should be accessible only from one place. This place is the class in which you defined that property or method.

If you try to access private class field or method from elsewhere JavaScript should not allow it. This includes outside the class in which the class field or method is defined. Also any instance of that class. However, it is possible to access private class field from a method inside the same class.

#javascript #javascript classes #javascript private class

Dang  Tu

Dang Tu

1659452821

Cách Xây Dựng Và Tạo Video Trong React Bằng Cách Sử Dụng Remotion

React là một khung công tác Javascript đẹp và đôi khi được mô tả như một thư viện “Học một lần, xây dựng mọi thứ”. Trường hợp này đúng vì kiến ​​thức về các thành phần React có thể được sử dụng để phát triển bất cứ thứ gì từ SPA đến MPA và mọi thứ ở giữa. Điều tương tự cũng xảy ra đối với đồ họa và hình ảnh động.

Trong bài này, chúng ta sẽ học cách sử dụng các thành phần React để xây dựng và tạo Video bằng cách sử dụng Remotion . Dưới đây là bản demo về những gì chúng tôi sẽ xây dựng:

1

Loại bỏ là gì?

Remotion là một bộ thư viện để sản xuất video theo chương trình bằng React. Loại bỏ cho phép tạo video MP4 thực tế được viết bằng React. Nó sử dụng các công nghệ web như CSS, SVG và WebGL để tạo đồ họa chuyển động hấp dẫn. Loại bỏ cũng cho phép bạn sử dụng các khái niệm như hàm và biến. Bạn có thể sử dụng mã JavaScript để tạo video và sau đó hiển thị video đó thành tệp MP4 với tính năng Xóa.

Remotion được tạo ra bởi Jonny Burger để cho phép bất kỳ ai có hiểu biết tối thiểu về React, HTML, CSS và Javascript cũng có thể tạo video bằng mã. Việc loại bỏ làm giảm rào cản đối với lĩnh vực tạo video bằng cách loại bỏ các công cụ phức tạp và đào tạo cần thiết để phát triển mạnh trong lĩnh vực tạo video. Remotion thực hiện điều này bằng cách tận dụng các công cụ hiện tại của nhà phát triển Javascript và cho phép họ sử dụng các công cụ và kỹ năng đó để biến mã thành hình ảnh động và video.

Remotion bao gồm một trình phát có tên là Remotion Player, mô phỏng trải nghiệm của một trình chỉnh sửa video thực tế và có thể được sử dụng để phát và xem lại video của bạn trên trình duyệt của bạn.

Bắt đầu

Bạn sẽ cần cài đặt hai phụ thuộc để sử dụng Remotion hiệu quả: NodeFFmpeg . Nếu bạn đang lên kế hoạch tải xuống hoặc giải nén video của mình sau khi tạo, bạn cần FFmpeg; nếu không, bạn có thể chọn không cài đặt nó. Sau khi bạn cài đặt các phần phụ thuộc, hãy chạy lệnh bên dưới trong thiết bị đầu cuối của bạn để khởi động một ứng dụng Gỡ bỏ mới.

npm init video
# or 
yarn create video

Bạn sẽ thấy lời nhắc như bên dưới để chọn mẫu cho ứng dụng của mình:

2

Bạn có thể chọn bất kỳ mẫu nào bạn muốn cho danh sách đã cho trong thiết bị đầu cuối, nhưng đối với bài viết này, tôi sẽ sử dụng mẫu trống và giải thích khi chúng ta tiếp tục.

Sau khi cài đặt Remotion, hãy mở nó trong trình chỉnh sửa mã mà bạn chọn và xem qua các tệp đã tạo.

3

Có ba tệp mà chúng tôi thấy trong srcthư mục. the index.tsx, the Video.tsx, and theComposition.tsx

  • Tệp index.tsxhoạt động giống như index.jstệp trong ứng dụng tạo-phản ứng-ứng dụng (CRA). Nó có một thành phần React và thông qua một chức năng kết xuất, xuất nó dưới dạng video mp4. Chúng tôi sẽ không sửa đổi bất cứ điều gì trong tệp này
  • Tệp Video.tsxhoạt động giống như Appthành phần trong ứng dụng React, có nghĩa là nó đóng vai trò là điểm vào của ứng dụng. Trong thành phần này, chúng tôi sẽ ghép các tác phẩm khác nhau lại với nhau để tạo video. Tệp Video.tsx cho chúng ta thấy thành phần Loại bỏ đầu tiên Composition,.
  • Đây Composition.tsxlà một thành phần lưu giữ và đăng ký các video mà chúng tôi muốn kết xuất cũng như các kiểu và đạo cụ cho video

Bên trong Composition.tsxtệp, chúng tôi thấy mã bên dưới, cho thấy rằng chúng tôi hiện không trả lại gì:

export const MyComposition = () => {
  return null;
};

Bên trong Video.tsxtệp, chúng tôi thấy khối mã bên dưới:



import {Composition} from 'remotion';
import {MyComposition} from './Composition';
export const RemotionVideo: React.FC = () => {
  return (
    <>
      <Composition
        id="MyComp"
        component={MyComposition}
        durationInFrames={60}
        fps={30}
        width={1280}
        height={720}
      />
    </>
  );
};
  • idđược sử dụng khi bạn muốn xuất video và chúng ta sẽ tìm hiểu chức năng của nó trong phần xuất video .
  • Có thành phần Componentnhập khẩu Composition.
  • durationInFramessố lượng khung hình được tạo.
  • Tỷ fpslệ khung hình trên giây. Số durationInFrameschia cho fpsđược dùng để tính thời lượng của video.
  • Chiều widthrộng của video tính bằng pixel
  • Chiều heightcao của video tính bằng pixel

Khi chúng tôi chạy yarn startđể khởi động máy chủ phát triển, chúng tôi thấy một đoạn video dài 2 giây về một canvas trống trên localhost:3000- chắc chắn là không thú vị lắm!

Tạo video của chúng tôi

Để bắt đầu, hãy điều hướng đến Composition.tsxtệp và thêm mã bên dưới:

export const MyComposition = () => {
  return (
    <div
      style={{
        width: '100%',
        height: '100%',
        backgroundColor: '#f2511b',
        color: '#fff',
        textAlign: 'center',
        alignItems: 'center',
        justifyContent: 'center',
        fontSize: '2rem',
      }}
    >
      <h1>
        My name is Isaac Okoro. A fullstack developer and technical writer for the OpenReplay blog
      </h1>

    </div>
  );
};

Đoạn mã trên khá cơ bản vì chúng ta có một divsố kiểu nội tuyến và một h1thẻ có một số nội dung.

Khi chúng tôi lưu và điều hướng đến trình duyệt, chúng tôi sẽ thấy một video giống như gif bên dưới:

4

Nhận tài sản

Chúng tôi sẽ sử dụng hook từ Remotion để lấy các thuộc tính của video của chúng tôi. Hook là useVideoConfig () . Hook đó truy xuất trả về một đối tượng với thông tin về ngữ cảnh của video mà chúng ta đang tạo. Các thuộc tính có trong đối tượng bao gồm chiều rộng, chiều cao, khung hình / giây, thời lượngInFrames, v.v.

Chúng tôi sẽ sử dụng thông tin tiếp xúc với chúng tôi bằng useVideoConfig()hook để hiển thị các thuộc tính của video của chúng tôi.




import { useVideoConfig } from 'remotion';
export const MyComposition = () => {
  const {width, height, fps, durationInFrames} = useVideoConfig();

  return (
    <div
      style={{
        width: '100%',
        height: '100%',
        backgroundColor: '#f2511b',
        color: '#fff',
        textAlign: 'center',
        alignItems: 'center',
        justifyContent: 'center',
        fontSize: '2rem',
      }}
    >
      <h1>
        My name is Isaac Okoro. A fullstack developer and technical writer for the OpenReplay blog
      </h1>
      <h3>
      This {width} * {height}px video is {durationInFrames / fps}secs long and
      was made to showcase Remotion
      </h3> 
    </div>
  );
};

Trong khối mã ở trên, chúng tôi đã nhập useVideoConfig()hook từ Remotion. Tiếp theo, chúng tôi lấy thông tin về video từ hook và hiển thị nó.

Khi chúng tôi lưu và điều hướng đến trình duyệt, chúng tôi sẽ thấy một video giống như gif bên dưới:

5

Lưu ý : Thời gian của chúng tôi là 2 giây vì chúng tôi không thay đổi số lượng tệp durationInFramestrong Video.tsxtệp. Điều hướng đến Video.tsxtệp và thay đổi số thành durationInFrames120 như hình dưới đây để có 4 giây:

durationInFrames={120}

Thêm độ mờ

Trong ảnh gif demo, chúng ta thấy rằng màn hình bắt đầu tối và sáng dần lên khi video tiếp tục. Chúng tôi sẽ triển khai tính năng đó trong phần này.

Để làm được điều đó, chúng ta cần biết khung hình hiện tại của video tại mọi thời điểm. Rất may, Remotion cung cấp cho chúng ta một cái móc cho cái được gọi là [useCurrentFrame()](https://www.remotion.dev/docs/use-current-frame)cái móc. Móc này truy xuất khung hiện tại của video.

import { useVideoConfig, useCurrentFrame } from 'remotion';

export const MyComposition = () => {
  const {width, height, fps, durationInFrames} = useVideoConfig();
  const frame = useCurrentFrame();
  const opacity = frame / durationInFrames;
  return (
    <div
      style={{
          // Inline styles remain the same
        opacity,
      }}
    >
      // Nothing changes here
    </div>
  );
};

Trong khối mã ở trên, chúng tôi đã nhập useCurrentFrame()hook và lưu trữ nó trong một biến frame. Tiếp theo, chúng tôi tạo một opacitybiến, framebiến chia cho durationInFrames. Sau đó, chúng tôi chuyển độ mờ cho các kiểu nội tuyến.

Lưu tệp và xem kết quả trong trình duyệt, trông giống như gif bên dưới:

6 Hình ảnh do người dùng tải lên: chrome-capture-2022-6-16.gif

Xuất video

Khi hiển thị video của bạn, hãy tận dụng sao cho nội dung idtrong video.tsxtệp khớp chính xác với tiêu đề trong phần xây dựng của tập lệnh của bạn. Tôi đã đổi tên của tôi idthành “MyVideo” và cũng thay đổi nó trong phần xây dựng của tập lệnh thành “MyVideo” như thể hiện trong các hình ảnh bên dưới:

7

8

Sau khi hoàn tất, hãy chạy yarn buildđể xuất video của bạn và bạn sẽ thấy hình ảnh bên dưới:

9

Bạn có thể tìm thấy liên kết đến video trên Github tại đây và mã hoàn chỉnh cho hướng dẫn này có thể được tìm thấy tại đây .

Sự kết luận

Bài viết này đã đề cập đến Remotion và một số tính năng tuyệt vời của nó. Loại bỏ vẫn còn tương đối mới, nhưng có những bất ngờ thú vị ở phía trước. Loại bỏ cũng đi kèm với các tính năng tiêu chuẩn như tìm nạp dữ liệu và khả năng Kết xuất phía máy chủ. Vui lòng xem Tài liệu xóa tại đây và mở rộng các tính năng có trong bài viết này.

Liên kết: https://blog.openreplay.com/produce-videos-in-react-with-remotion

#react #javascript

Rahul Jangid

1622207074

What is JavaScript - Stackfindover - Blog

Who invented JavaScript, how it works, as we have given information about Programming language in our previous article ( What is PHP ), but today we will talk about what is JavaScript, why JavaScript is used The Answers to all such questions and much other information about JavaScript, you are going to get here today. Hope this information will work for you.

Who invented JavaScript?

JavaScript language was invented by Brendan Eich in 1995. JavaScript is inspired by Java Programming Language. The first name of JavaScript was Mocha which was named by Marc Andreessen, Marc Andreessen is the founder of Netscape and in the same year Mocha was renamed LiveScript, and later in December 1995, it was renamed JavaScript which is still in trend.

What is JavaScript?

JavaScript is a client-side scripting language used with HTML (Hypertext Markup Language). JavaScript is an Interpreted / Oriented language called JS in programming language JavaScript code can be run on any normal web browser. To run the code of JavaScript, we have to enable JavaScript of Web Browser. But some web browsers already have JavaScript enabled.

Today almost all websites are using it as web technology, mind is that there is maximum scope in JavaScript in the coming time, so if you want to become a programmer, then you can be very beneficial to learn JavaScript.

JavaScript Hello World Program

In JavaScript, ‘document.write‘ is used to represent a string on a browser.

<script type="text/javascript">
	document.write("Hello World!");
</script>

How to comment JavaScript code?

  • For single line comment in JavaScript we have to use // (double slashes)
  • For multiple line comments we have to use / * – – * /
<script type="text/javascript">

//single line comment

/* document.write("Hello"); */

</script>

Advantages and Disadvantages of JavaScript

#javascript #javascript code #javascript hello world #what is javascript #who invented javascript

Yashi Tyagi

1617449307

CA Classes - Best CA Classes Online

Chartered Accountancy course requires mental focus & discipline, coaching for CA Foundation, CA Inter and CA Finals are omnipresent, and some of the best faculty’s classes have moved online, in this blog, we are going to give the best way to find online videos lectures, various online websites provide the CA lectures, Smartnstudy one of the best site to CA preparation, here all faculty’s video lecture available.

check here : ca classes

#ca classes online #ca classes in delhi #ca classes app #ca pendrive classes #ca google drive classes #best ca classes online