Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    From $11.99/month after trial. Cancel anytime.

    JavaScript Introduction
    JavaScript Introduction
    JavaScript Introduction
    Ebook273 pages1 hour

    JavaScript Introduction

    By Lisa Saldivar and Aletha Read

    ()

    Read preview

    About this ebook

    In addition to HTML and CSS, JavaScript represents one of the main tools web developers use to create rich, responsive web and mobile applications. It's use has expanded with the use of jQuery and AJAX and has evolved JavaScript to become much more than just a scripting language used to manipulate the user interface. This coursware is intended for use as a three-day course, or can be used by students who wish to study on their own to learn JavaScript. Readers will learn how to create basic statements in JavaScript, how to declare and use primitive and complex variables and data types (including objects), how to create and use Functions and Expressions and how to match patterns using Regular Expressions. In addition, students will see how to manipulate the Document Object Model (DOM), how to handle keyboard and screen events, how to validate form input with JavaScript and how to debug and handle errors in their JavaScript code.

    This book will help students learn to:

    Use features of the most recent version of JavaScript
    Use complex and primitive variables and data types
    Work with Objects in JavaScript
    Use Regular Expressions for pattern matching
    Handle and respond to screen and keyboard events
    Validate form input with JavaScript

    A copy of the exercise files used in this course can be obtained by emailing info @ skillforge.com
    LanguageEnglish
    PublisherPathfinder Learning, LLP
    Release dateNov 21, 2022
    ISBN9780990840442
    JavaScript Introduction

    Related to JavaScript Introduction

    Related ebooks

    Programming For You

    View More
    View More

    Related podcast episodes

    Related articles

    • UNLIMITED

      Develop TCP/IP Servers And Clients

      Aug 23, 2022

      RUST OUR EXPERT Get the code for this tutorial from the Linux Format archive: www. linuxformat. com/archives ?issue=293. You can learn more about Rust at www. rust-lang.org. This month we’ll learn how to develop TCP/IP servers and clients in Rust

      10 min read

    • UNLIMITED

      Note-Taking Software

      Jun 23, 2020

      Note-Taking Software
      1 min read

    • UNLIMITED

      Discover Easy-to -build Desktop Apps

      Oct 22, 2019

      Electron is actually a browser packaged with node.js and a few APIs. Because it’s built on top of the Chromium browser, you have everything available from there to add to your application. GitHub developed it as part of the Atom editor; it was open-s

      7 min read

    • UNLIMITED

      Code An Admin Back-end In Django

      Dec 13, 2022

      Credit: www.djangoproject.com OUR EXPERT Matt Holder has been a fan of the open source methodology for over two decades and uses Linux and other tools where possible. More featurepacked source code for this project can be downloaded from https://

      6 min read

    • UNLIMITED

      Code A Cataloguing Application In Python

      Nov 15, 2022

      Credit: www.djangoproject.com Matt Holder has been a fan of the open source methodology for over two decades and uses Linux and other tools where possible. More featurepacked source code for this project can be downloaded from https://github.com/mat

      8 min read

    • UNLIMITED

      FLASK Web Frameworks

      Jun 4, 2019

      The main focus of Python has always been to get you cracking on with your coding – the language was never made for web programming. However, this has just made it more interesting to extend the language for the web, or to create an interface to web-b

      9 min read

    • UNLIMITED

      GO Inside Parsing – How Go Handles The Code

      Jul 30, 2019

      This tutorial has two aspects: a theoretical one and a practical one. In the theoretical part, you will learn about parsing, grammar and regular expressions; this is how languages are built and therefore understood in terms of construction and usage.

      8 min read

    • UNLIMITED

      Create Smaller Sized Apps With React

      Nov 19, 2019

      You may not be surprised that some developers have criticised Electron (see tutorials LXF256), mostly regarding the memory usage of its final binaries. The initial binary is over 100MB, because a major chunk of code from Chrome is embedded. When you

      6 min read

    • UNLIMITED

      How To Use Mojolicious For Web Scraping

      Mar 8, 2022

      Part One Don’t miss next issue! Subscribe on page 16 Mark Gardner is a software developer and blogger with over 25 years of IT experience. You can reach him at www.phoenixtrap.com and @markjgardner. The map function is designed to transform a list or

      5 min read

    • UNLIMITED

      How To Use Mojolicious For Web Scraping

      Mar 8, 2022

      Part One Don’t miss next issue! Subscribe on page 16 Mark Gardner is a software developer and blogger with over 25 years of IT experience. You can reach him at www.phoenixtrap.com and @markjgardner. The map function is designed to transform a list or

      5 min read

    • UNLIMITED

      Microcontrollers In Amateur Radio

      May 1, 2022

      When you hit the compile button for your compiler, there’s a whole bunch of stuff that takes place that isn’t obvious while the code compiles. In general terms, the C compiler: 1) invokes a preprocessor pass on the code;2) performs syntax/semantic ch

      4 min read

    • UNLIMITED

      Code Read/write System File Tools

      May 31, 2022

      The subject of this tutorial is file input and output (I/O) in Rust. File I/O is an important part of every operating system. An OS or even a database system wouldn’t be able to function without being able to process, read, write and append to files.

      8 min read

    • UNLIMITED

      Code Read/write System File Tools

      May 31, 2022

      The subject of this tutorial is file input and output (I/O) in Rust. File I/O is an important part of every operating system. An OS or even a database system wouldn’t be able to function without being able to process, read, write and append to files.

      8 min read

    • UNLIMITED

      Build A Club On The Next-gen Web

      Aug 23, 2022

      OUR EXPERT Onthe current web there are a few, enormous companies that dominate your activities and collect your data. For many of us this is a worrying development that we need to do something about. One technical solution is to develop a new versio

      9 min read

    • UNLIMITED

      Create A RESTful Server In Go

      Oct 19, 2021

      Create A RESTful Server In Go
      8 min read

    • UNLIMITED

      Set Up Your Terminal And Email Like It’s 1983

      Mar 7, 2023

      Getting started with Alpine is simple if you go through the menus inside the program. Mind you, make sure you understand what the different values signify. W e’re going to kick it oldschool and learn how to W read and send emails using the command li

      9 min read

    • UNLIMITED

      Revealing The Shell Behind The Shell

      Mar 5, 2024

      Ferenc Deák sees no way back from the C++ mayhem he brought upon readers with this quick and dirty shell, so you just have to accept it. C++. The code for the shell can still be found at https://github. com/fritzone/lxf-shell. In the first three part

      11 min read

    • UNLIMITED

      Website And RSS Feed Python Scraping

      Oct 18, 2022

      Matt Holder has worked in IT support for over a decade, and is keen to utilise Linux alongside other installed systems. All the Python scripts that we’ve discussed in this tutorial are all available at https://github.com/mattmole/LXF295. Before we b

      8 min read

    • UNLIMITED

      Observability Of The Kernel And Containers

      Apr 4, 2023

      Mihalis Tsoukalos is currently working on Time Series. You can reach him at: @mactsouk. For our final delve into eBPF, we’re tackling applications, the kernel and Docker containers. At the end of the day, all Linux machines execute code for applicat

      10 min read

    • UNLIMITED

      Solve Word Puzzles With Clever Code

      Apr 2, 2024

      Matt Holder is an IT professional of 15 years, Linux user for over 20 years, homeautomation fan and selfprofessed geek. The full source code can be downloaded from https://github.com/mattmole/LXF-Countdown-Word-Solver We are going to create a program

      8 min read

    • UNLIMITED

      Get The Most From The Gin HTTP Framework

      Jan 11, 2022

      Calm down vicar. The gin we’re talking about is an open source web framework (a collection of libraries and APIs) written in Go that can help you develop powerful HTTP services. All the code discussed here can be found in the https://github.com/macts

      7 min read

    • UNLIMITED

      Write A Linux Shell From Scratch

      Dec 12, 2023

      Part One! Don’t miss next issue, subscribe on page 16! Ferenc Deak wanted to use Malbolge to create a Linux shell, but after several days in hell, he quickly came to his senses and continued the project in C++. Not that there is a huge difference… E

      9 min read

    Related categories

    Reviews for JavaScript Introduction

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      JavaScript Introduction - Lisa Saldivar

      Lesson 1:  Introduction to JavaScript

      Unit time: 75 minutes

      In this lesson, you will learn about:

      1   Versions of JavaScript

      2   Scripting Terminology

      3   Language Fundamentals

      4   Built in Objects

      5   User Input Methods

      Versions of JavaScript

      JavaScript was created by Brendan Eich at Netscape Navigator in 1995.  It was developed to interact with HTML pages. It was originally called Mocha, then LiveScript before being renamed JavaScript. 

      JavaScript is an interpreted scripting language, rather than a compiled programming language.

      ECMAScript is the standardized specification of a few similar client-side scripting languages including JavaScript and Microsoft’s implementation, JScript. In 1999, edition 3 of ECMAScript added regular expressions and try/catch statements. In 2009, edition 5 added strict mode. ECMAScript edition 6 introduces significantly new syntax, including Python-like features. ECMAScript edition 6 was published in June 2015, but is not yet fully supported by browsers. This course will focus on edition 5.1.

      JavaScript has grown more popular in recent years because of its contribution to rich internet applications and AJAX. This has led to an increase in JavaScript libraries such as jQuery for Document Object Model (DOM) scripting and JavaScript Model-View-Controller (MVC) frameworks such as AngularJS and Backbone.js. A main use of JavaScript is to manipulate the DOM through user events, providing immediate interaction and giving the server a break. JavaScript is also used in HTML5 Application Program Interfaces (APIs). 

      Each browser has its own engine for interpreting JavaScript, which occasionally leads to browser differences in how JavaScript is interpreted. Several JavaScript libraries provide an abstraction layer to deal with browser differences behind the scenes.     

      JavaScript isn’t only used in web browsers. MongoDB and CouchDB are two databases that use JavaScript as their query language. Node.js is a platform that allows JavaScript beyond the browser, and it is even used to create dynamic HTTP servers.

      Creating your first JavaScript page

      JavaScript can be added to an HTML page in two different ways.  It can be added between tags that are inside the HTML page, or in a separate file of only JavaScript. Most applications will use a separate JavaScript file.  Using a separate file allows the script to be be re-used and updated efficiently by developers.  It also allows the browser to cache the script. 

      Exercise 1-1 Add a script to your page

      Complete the exercise below to add a script to your page using tags and a separate file.

      In an editor, open Lesson 1/Exercises/exercise1-1.html.

      Add a set of

      Inside the

      Save exercise1-1.html.

      Open the file in your browser.

      Open exercise1-1.html in your editor.

      Move only the JavaScript code between the

      Save the file as exercise1-1.js in the Lesson 1/Exercises/js folder.

      In the exercise1-1.html file, add a src attribute to the

      Save exercise1-1.html.

      Open it in your browser.

      It should look the same as in step 5.

      Scripting Terminology

      Before we begin, we need to cover some terms to assist with the learning process. 

      Expression

      In scripting or programming, an expression produces a value. Any value written literally such as a number or string is an expression.

      An expression can assign a value to a variable, or just have a value. JavaScript expressions can evaluate to a number, character string or true/false.

      Below is an example of an arithmetic expression.  It evaluates to 3 without an assignment. 

      1 + 2;

      Variable

      A variable captures and holds values.  It can be updated. 

      Operators

      Operators are unary, binary or ternary with one, two or three operands.  Operators can be different types including arithmetic, string, logical, assignment and comparison. Most JavaScript operators are binary, requiring an operand on either side of the operator.

      In this example, the assignment operator (=) is a binary operator and so is the addition (+) operator. 

      var x = 1 + 2;

      The operand is the part of the expression being manipulated by the operators. Above, the numbers 1 and 2 and the variable x are the operands.

      There are a few unary operators with one operand to the left or right of the operator. The minus sign (-) can be used to subtract one number from another in a binary operation, or to negate a value in a unary operation. 

      var x = -3; //x is negative 3

      JavaScript has one ternary operator that has two operators between three operands. It is a shortcut for a true/false test and will be demonstrated later.

      Statement

      A statement can consist of expressions, variables and operators. A statement is a complete instruction that contains an expression, to be executed by the web browser. Statements should have semicolons separating them. 

      var x = 1 + 2; //statement

      x = 3; //statement

      1 + 2; //not a statement

      Language Fundamentals

      The below section will introduce you to the JavaScript syntax and concepts.

      Declaring Variables

      In JavaScript, variables are local or global. Local variables are declared with the keyword var. Variables that are set without being declared are global by default. When variables are declared within a function, they are local to that function and unavailable outside the function. JavaScript generally has C-style operators that have hierarchy and associativity.

      Below is an example that declares the variable x.

      var x;

      The declared variable x can be set later in the code.

      x = 1 + 2;

      Or a variable can be set and declared on one line with the keyword var:

      var y = 10 * 2;

      Best practice is to declare variables at the top of the JavaScript page in alphabetical order. Note that you use the keyword var once to declare the variables.

      var x, y, z;

      x = 10;

      y = 20;

      z = 10;

      Assigning or Setting Variables

      Variables are assigned or set using the equal sign (=). JavaScript has C-style assignment shortcuts: +=, -=, *=, /= and %=.   Below are examples of the various assignment options.

      //assign the string hello to the variable str

      var str = hello;

      //concatenate world to the variable

      str += world;

      //+= is a shortcut for

      str = hello;

      str = str + world;

      var x = 5;

      x *= 10;

      //*= is a shortcut for

      x = 5;

      x = x * 10;

      Case Sensitive

      JavaScript is case-sensitive. Variables, built-in objects, keywords, functions and methods must use the correct case. 

      JavaScript convention is to use camelCase to name identifiers (variables and functions). JavaScript's camelCase means putting multiple words together and capitalizing all but the first word:

      var userName = ;

      function calculateTotalProfits(){}

      Hungarian notation is also popular, where the name of the identifier indicates its type and/or intended use.

      var intAge = 100; //integer value

      var strDept = IT; //string value

      var boolFullTime = true; //Boolean value

      var arrEmployeeList = []; //enumerated array

      Note that using camelCase is not required, and that Hungarian

      Enjoying the preview?
      Page 1 of 1