logo

TechCodeview

Apreneu el tutorial de JavaScript

Tutorial de JavaScript

El nostre Tutorial de JavaScript està dissenyat per a principiants i professionals tant. JavaScript s'utilitza per crear pàgines dinàmiques del costat del client.

JavaScript és un llenguatge de script basat en objectes que és lleuger i multiplataforma.

JavaScript no és un llenguatge compilat, però és un llenguatge traduït. El traductor de JavaScript (incrustat al navegador) s'encarrega de traduir el codi JavaScript per al navegador web.

Què és JavaScript

JavaScript (js) és un llenguatge de programació lleuger orientat a objectes que utilitzen diversos llocs web per crear scripts de pàgines web. És un llenguatge de programació interpretat i complet que permet la interactivitat dinàmica als llocs web quan s'aplica a un document HTML. Es va introduir l'any 1995 per afegir programes a les pàgines web del navegador Netscape Navigator. Des de llavors, ha estat adoptat per tots els altres navegadors web gràfics. Amb JavaScript, els usuaris poden crear aplicacions web modernes per interactuar directament sense tornar a carregar la pàgina cada vegada. El lloc web tradicional utilitza js per proporcionar diverses formes d'interactivitat i simplicitat.

classe d'objectes en java

Tot i que, JavaScript no té connectivitat amb el llenguatge de programació Java. El nom va ser suggerit i proporcionat en els temps en què Java estava guanyant popularitat al mercat. A més dels navegadors web, bases de dades com CouchDB i MongoDB utilitzen JavaScript com a llenguatge de script i consulta.

Característiques de JavaScript

Hi ha les següents característiques de JavaScript:

  1. Tots els navegadors web populars admeten JavaScript ja que proporcionen entorns d'execució integrats.
  2. JavaScript segueix la sintaxi i l'estructura del llenguatge de programació C. Per tant, és un llenguatge de programació estructurat.
  3. JavaScript és un llenguatge d'escriptura feble, on determinats tipus s'emeten implícitament (segons l'operació).
  4. JavaScript és un llenguatge de programació orientat a objectes que utilitza prototips en lloc d'utilitzar classes per a l'herència.
  5. És un llenguatge lleuger i interpretat.
  6. És un llenguatge que distingeix entre majúscules i minúscules.
  7. JavaScript és compatible amb diversos sistemes operatius, inclosos Windows, macOS, etc.
  8. Proporciona un bon control als usuaris sobre els navegadors web.

Història de JavaScript

L'any 1993, Mosaic , el primer navegador web popular, va néixer. En el any 1994 , Netscape va ser fundada per Marc Andreessen . Es va adonar que la web havia de ser més dinàmica. Així, es creia que es proporcionava un 'llenguatge de pegament' a HTML per facilitar el disseny web per als dissenyadors i programadors a temps parcial. En conseqüència, l'any 1995, l'empresa va contractar Brendan Eich amb la intenció d'implementar i incrustar el llenguatge de programació Scheme al navegador. Però, abans que Brendan pogués començar, l'empresa es va fusionar amb Microsistemes solars per afegir Java al seu navegador perquè pogués competir amb Microsoft per les tecnologies i plataformes web. Ara, hi havia dos idiomes: Java i el llenguatge de script. A més, Netscape va decidir donar un nom semblant al llenguatge de scripting que el de Java. Va donar lloc a 'Javascript'. Finalment, el maig de 1995, Marc Andreessen va encunyar el primer codi de Javascript anomenat ' Moca '. Més tard, l'equip de màrqueting va substituir el nom per ' LiveScript '. Però, a causa de motius de marca registrada i alguns altres motius, el desembre de 1995, l'idioma va ser finalment rebatejat a 'JavaScript'. A partir d'aleshores, va néixer JavaScript.

Aplicació de JavaScript

JavaScript s'utilitza per crear llocs web interactius. S'utilitza principalment per a:

  • Validació del costat del client,
  • menús desplegables dinàmics,
  • Mostra la data i l'hora,
  • Mostrant finestres emergents i quadres de diàleg (com ara un quadre de diàleg d'alerta, un quadre de diàleg de confirmació i un quadre de diàleg de sol·licitud),
  • Mostra els rellotges, etc.

Exemple de JavaScript

 document.write('Hello JavaScript by JavaScript');
Prova-ho ara

Al capítol següent es dóna una explicació detallada del primer exemple de JavaScript.

Índex de JavaScript

Tutorial de JavaScript

Conceptes bàsics de JavaScript

Objectes JavaScript

què és obj en java

BOM de JavaScript

  • Objectes del navegador
  • 1) Objecte finestra
  • 2) Objecte Història
  • 3) Objecte Navegador
  • 4) Objecte de pantalla

JavaScript DOM

  • 5) Objecte de document
  • getElementById
  • getElementsByName
  • getElementsByTagName
  • Propietat innerHTML de JavaScript
  • Propietat innerText de JavaScript

Validació de JavaScript

JavaScript OOP

  • Classe JavaScript
  • Objecte JavaScript
  • Prototip de JavaScript
  • Mètode del constructor de JavaScript
  • Mètode estàtic de JavaScript
  • Encapsulació de JavaScript
  • Herència de JavaScript
  • Polimorfisme JavaScript
  • Abstracció de JavaScript

Cookies de JavaScript

Esdeveniments de JavaScript

    Esdeveniments HTML/DOM

JavaScript Diversos

  • JavaScript aquesta paraula clau
  • Depuració de JavaScript
  • Elevació de JavaScript
  • Mode estricte de JavaScript

JavaScript Advance

Preguntes d'entrevista

  • Preguntes d'entrevista de JavaScript

Mètodes JavaScript

Objecte de matriu de JavaScript

Objecte de visualització de dades de JavaScript

  • JavaScript DataView
  • Mètode DataView getFloat32().
  • Mètode DataView getFloat64().
  • Mètode DataView getInt8().
  • Mètode DataView getInt16().
  • Mètode DataView getInt32().
  • Mètode DataView getUint8().
  • Mètode DataView getUint16().
  • Mètode DataView getUint32().

Objecte de funció JavaScript

  • Funció JavaScript
  • Mètode de funció apply().
  • Mètode de funció bind().
  • Mètode de crida a la funció ().
  • Funció mètode toString().

Objecte de data de JavaScript

  • Data JavaScript
  • mètode date getDate().
  • mètode date getDay().
  • date getFullYears() mètode
  • date getHours() mètode
  • date getMilliseconds() mètode
  • date getMinutes() mètode
  • Date getMonth() mètode
  • Date getSeconds() mètode
  • date getUTCDate() mètode
  • mètode date getUTCDay().
  • date getUTCFullYears() mètode
  • date getUTCHours() mètode
  • date getUTCMinutes() mètode
  • date getUTCMonth() mètode
  • date getUTCSeconds() mètode
  • mètode date setDate().
  • mètode date setDay().
  • mètode date setFullYears().
  • mètode date setHours().
  • Date setMilliseconds() mètode
  • mètode date setMinutes().
  • mètode date setMonth().
  • mètode date setSeconds().
  • mètode date setUTCDate().
  • mètode date setUTCDay().
  • mètode date setUTCFullYears().
  • mètode date setUTCHours().
  • Date setUTCMilliseconds() mètode
  • Date setUTCMinutes() mètode
  • Date setUTCMonth() mètode
  • Date setUTCSeconds() mètode
  • mètode date toDateString().
  • data al mètode ISOString().
  • mètode data toJSON().
  • mètode date toString().
  • mètode date toTimeString().
  • mètode date toUTCString().
  • Date valueOf() mètode

Objecte gestor de JavaScript

  • Gestor de JavaScript
  • mètode del gestor apply().
  • mètode de construcció del gestor ().
  • mètode defineProperty() del gestor
  • mètode del gestor deleteProperty().
  • mètode del gestor get().
  • mètode del gestor getOwnPropertyDescriptor().
  • mètode del gestor getPrototypeOf().
  • el mètode del gestor has().
  • mètode del controlador isExtensible().
  • mètode del gestor ownKeys().
  • mètode del gestor preventExtensions().
  • mètode del gestor set().
  • mètode del gestor setPrototypeOf().

Objecte JSON de JavaScript

llista de dards
  • JavaScript JSON
  • Mètode JSON.parse().
  • Mètode JSON.stringify().

Objecte de mapa JavaScript

  • Mapa JavaScript
  • Mètode map clear().
  • Mètode delete() del mapa
  • Mètode d'entrades de mapa ().
  • Mètode Map forEach().
  • Mètode map get().
  • El mapa té el mètode ().
  • Mètode de map keys().
  • Mètode map set().
  • Mètode map values().

Objecte matemàtic de JavaScript

  • Matemàtiques JavaScript
  • Mètode matemàtic abs().
  • Mètode matemàtic acos().
  • Mètode matemàtic asin().
  • Mètode matemàtic atan().
  • Mètode matemàtic cbrt().
  • Mètode matemàtic ceil().
  • Mètode matemàtic cos().
  • Mètode matemàtic cosh().
  • Mètode matemàtic exp().
  • Mètode Math floor().
  • Mètode matemàtic hypot().
  • Mètode Math log().
  • Mètode matemàtic max().
  • Mètode matemàtic min().
  • Mètode matemàtic pow().
  • Mètode matemàtic aleatori ().
  • Mètode matemàtic de la ronda().
  • Mètode de signe matemàtic ().
  • Mètode matemàtic sin().
  • Mètode matemàtic sinh().
  • Mètode matemàtic sqrt().
  • Mètode matemàtic tan().
  • Mètode matemàtic tanh().
  • Mètode matemàtic trunc().

Objecte de nombre de JavaScript

  • Número de JavaScript
  • El mètode Number isFinite().
  • Mètode Number isInteger().
  • Nombre parseFloat() mètode
  • Mètode parseInt() de nombre
  • Mètode Number toExponential().
  • Mètode Number toFixed().
  • Mètode Number to Precision().
  • Mètode Number toString().

Objecte JavaScript RegExp

  • JavaScript RegExp
  • Mètode RegExp.exec().
  • Mètode RegExp.test().
  • Mètode RegExp.toString().

Objecte JavaScript

  • Objecte JavaScript
  • Mètode Object.assign().
  • Mètode Object.create().
  • Mètode Object.defineProperty().
  • Mètode Object.defineProperties().
  • Mètode Object.entries().
  • Mètode Object.freeze().
  • mètode getOwnPropertyDescriptor().
  • mètode getOwnPropertyDescriptors().
  • mètode getOwnPropertyNames().
  • mètode getOwnPropertySymbols().
  • Mètode Object.getPrototypeOf().
  • Mètode Object.is().
  • mètode preventExtensions().
  • Mètode Object.seal().
  • Mètode Object.setPrototypeOf().
  • Mètode Object.values().

Objecte de reflexió de JavaScript

  • JavaScript Reflect
  • Mètode Reflect.apply().
  • Mètode Reflect.construct().
  • Mètode Reflect.defineProperty().
  • Mètode Reflect.deleteProperty().
  • Mètode Reflect.get().
  • mètode getOwnPropertyDescriptor().
  • Mètode Reflect.getPrototypeOf().
  • El mètode Reflect.has().
  • Mètode Reflect.isExtensible().
  • Mètode Reflect.ownKeys().
  • mètode preventExtensions().
  • Mètode Reflect.set().
  • Mètode Reflect.setPrototypeOf().

Objecte conjunt de JavaScript

Objecte de cadena de JavaScript

Objecte símbol JavaScript

  • Símbol de JavaScript
  • Mètode Symbol.for().
  • Mètode Symbol.keyFor().
  • Mètode Symbol.toString().

Propietat del símbol

  • Symbol.hasInstance propietat
  • isConcatSpreadable Propietat
  • Symbol.match Propietat
  • Symbol.prototype Propietat
  • Symbol.replace Propietat
  • Symbol.search Propietat
  • Symbol.split Propietat
  • Propietat Symbol.toStringTag
  • Símbol.unscopables Propietat

Objecte JavaScript TypedArray

  • JavaScript TypedArray
  • Mètode TypedArray copyWithin().
  • Mètode TypedArray entries().
  • Mètode TypedArray every().
  • Mètode TypedArray fill().
  • Mètode TypedArray filter().
  • Mètode TypedArray find().
  • Mètode TypedArray findIndex().
  • Mètode TypedArray forEach().
  • El mètode TypedArray includes().
  • Mètode TypedArray indexof().
  • Mètode TypedArray join().
  • Mètode TypedArray Keys().
  • Mètode TypedArray lastIndexof().
  • Mètode TypedArray map().
  • Mètode TypedArray reduce().
  • Mètode TypedArray reduceRight().
  • Mètode TypedArray reverse().
  • Mètode TypedArray set().
  • Mètode TypedArray Slice().
  • Mètode TypedArray some().
  • Mètode TypedArray sort().
  • Mètode TypedArray subarray().
  • Mètode TypedArray values().
  • mètode toLocaleString().
  • Mètode TypedArray toString().

Objecte JavaScript WeakMap

programa java hola
  • JavaScript WeakMap
  • Mètode WeakMap delete().
  • Mètode WeakMap get().
  • WeakMap té el mètode ().
  • Mètode WeakMap set().

Objecte JavaScript WeakSet

  • JavaScript WeakSet
  • Mètode WeakSet add().
  • Mètode WeakSet delete().
  • El mètode WeakSet té().

Requisit previ

Abans d'aprendre JavaScript en profunditat, cal tenir els coneixements bàsics d'HTML.

Públic

Hem desenvolupat aquest tutorial de JavaScript tant per a principiants com per a professionals. Es donen molts exemples amb l'editor de JavaScript. Per tant, podeu editar fàcilment el vostre codi JavaScript que us ajudarà a aprendre JavaScript fàcilment.

Problema

Us assegurem que no trobareu cap problema al nostre tutorial de JavaScript. Però, si trobeu algun error, podeu publicar-lo a la nostra secció de comentaris.