Chapter 3: JS (JavaScript)

-

 

Chapter 3

JavaScript

JavaScript (JS) is a dynamic, interpreted, prototype-based language supporting object-oriented, imperative, and declarative programming.

Discover JavaScript syntax, functions, and more in this chapter.

Resources:

Comments

Post a Comment

Popular posts from this blog

JavaScript: Objects

-
  JavaScript Objects I. What is a Javascript Object? JavaScript objects are containers for named values. An object has a list of values written as  key:value  pairs, with the keys and the values separated by colons. We use curly braces {} to create an object: const car = { color : 'blue' ; brand: 'Honda' ; }; Note : Spaces and line breaks are not important. An object definition can span multiple lines. II. Access properties in an object You can access, add or edit a property within an object using dot notation or bracket notation. We must use bracket notation when accessing keys with numbers, spaces, or special characters. objectName.propertyName; // or objectName[ "propertyName" ]; Example const person = { name : "Anna" , age : 22 , hobbies : [ "movies" , "travel" , "art" ], address : { street : "12 Anderson" , city : "Copenhagen" , country : "Denmark" , },...
Read more

JavaScript: Object Prototypes

-
  Object Prototypes What are object prototypes? How to use them? Javascript Prototypes All objects in Javascript have a prototype, which inherits properties and methods from their prototype. We can move the functions in the object instance and put them in a prototype. // Constructor function Person ( firstName, lastName, birthDay ) { this .firstName = firstName; this .lastName = lastName; this .birthDay = new Date (birthDay); } //getFullName Person.prototype.getFullName = function ( ) { return ` ${ this .firstName} ${ this .lastName} ` ; }; // getBYear Person.prototype.getBYear = function ( ) { return this .birthDay.getFullYear(); }; // Instatiate an object const p1 = new Person( "Anna" , "Wood" , "3-25-1995" , "green" ); const p2 = new Person( "Joe" , "Hopkins" , "10-12-1990" , "blue" ); console .log(p2.getFullName()); // Joe Hopkins
Read more

HTML: Tables

-
HTML Tables Using a table is one of the best ways to present the data. Create a table We can use the  <table>  element to create a table. Tables are divided into table rows with the  <tr>  tag. Table rows are divided into table columns (table data) with the  <td>  tag. To add table headings, we use the  <th>  element. A border can be added using the border attribute:  <table border="3"> < table > < tr > < td > </ td > < td > </ td > < td > </ td > </ tr > </ table > A border can be added using the border attribute:  <table border="3"> Spanning columns and rows Table data can span columns using the colspan attribute. Table data can span rows using the rowspan attribute. < table > < tr > < th > Monday </ th > < th > Tuesday </ th > < th > Wednesday </ th > ...
Read more