Loading...
 
JavaScript (JS) is a dynamic computer programming language.

JavaScript

JavaScript (JS) is a dynamic computer programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. It is also being used in server-side network programming (with Node.js), game development, and the creation of desktop and mobile applications. 1

  • ReactJS : React – A JavaScript library for building user interfaces
    • Gatsby : Gatsby is a React-based open-source framework for creating websites and apps.
  • React Native : React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.
    • Expo : Expo is a framework and a platform for universal React applications.
    • Xcode : Xcode is a complete developer toolset for creating apps for Mac, iPhone, iPad, Apple Watch, and Apple TV.
  • jQuery : jQuery is a fast, small, and feature-rich JavaScript library.

Resources

Books

  • javascript: The Definitive Guide: Master the World's Most-Used Programming Language - Provides a rapid and thorough exposition of the JavaScript programming language, as well as an in-depth reference section covering each JavaScript function, object, method, and event handler. Experienced programmers will quickly find the information they need to start writing JavaScript programs.
  • Eloquent Javascript, 3rd edition - This much anticipated and thoroughly revised third edition of Eloquent JavaScript dives deep into the JavaScript language to show you how to write beautiful, effective code. It has been updated to reflect the current state of Java¬Script and web browsers and includes brand-new material on features like class notation, arrow functions, iterators, async functions, template strings, and block scope. A host of new exercises have also been added to test your skills and keep you on track.
  • Maintainable JavaScript - When you're writing code alone, you have a lot of leeway. But when you start writing code as part of a team, you need to think harder about the decisions you make. This book will help you do that.

Javascript Coding Standards and Best Practices

JavaScritp Documentor

  • JSDoc - JSDoc 3 is an API documentation generator for JavaScript, similar to Javadoc or phpDocumentor. You add documentation comments directly to your source code, right alongside the code itself. The JSDoc tool will scan your source code and generate an HTML documentation website for you.

Node.js

Node.js is an open-source cross-platform JavaScript (JS) runtime environment. It is used for building fast and scalable network applications. In addition to offering various JS modules, it is also lightweight, efficient and supports consistent and integrated development. 2

Node Package Manager (NPM) is Node’s official package manager, used for installing and managing package dependencies. 3

Node Installation

Video

In this crash course, we will explore Node.js fundamentals including modules such as path, URL, fs, events, and we will create an HTTP server from scratch without Express and deploy it to Heroku.

Unit Testing

Jest - JavaScript Unit Testing is a delightful JavaScript Testing Framework with a focus on simplicity. 4

Linting

Linting is the act or process of checking your code for errors of any kind. ... When it comes to JavaScript linting, there are a handful of tools that stand apart. - https://blog.logrocket.com/four-options-to-help-you-get-started-linting-your-javascript-b4b829828648/

JSHint

JSHint is a program that flags suspicious usage in programs written in JavaScript. - https://jshint.com/docs/

ESLint

ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs. - https://eslint.org/docs/user-guide/getting-started

JavaScript IDE

WebStorm - The Smart JavaScript IDE by JetBrains, a powerful IDE for modern JavaScript development with code completion and refactoring for JavaScript, TypeScript, and the most popular web frameworks.5

PhpStorm integrates with ESLint which brings a wide range of linting rules that can also be extended with plugins. PhpStorm shows warnings and errors reported by ESLint right in the editor, as you type. With ESLint, you can also use JavaScript Standard Style. - https://www.jetbrains.com/help/phpstorm/eslint.html

Frameworks and Libraries

  • ReactJS – A JavaScript library for building user interfaces
    • Gatsby is a React-based open-source framework for creating websites and apps.
  • jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin.6

JavaScript

  • Understanding Events and Event Handlers - An event is something that happens when user interact with the web page, such as when he clicked a link or button, entered text into an input box or textarea, made selection in a select box, pressed key on the keyboard, moved the mouse pointer, submits a form, etc. In some cases, the Browser itself can trigger the events, such as the page load and unload events.
  • Understanding Event Listeners - The event listeners are just like event handlers, except that you can assign as many event listeners as you like to a particular event on particular element.

Debugging


1 JavaScript. (2014, August 28). In Wikipedia, The Free Encyclopedia. Retrieved 22:49, August 30, 2014, from http://en.wikipedia.org/w/index.php?title=JavaScript&oldid=623199819
6 JQuery. (2017, February 12). In Wikipedia, The Free Encyclopedia. Retrieved 16:28, March 5, 2017, from https://en.wikipedia.org/w/index.php?title=JQuery&oldid=764980618

Last edited by MichaelAlber .
Page last modified on Wednesday August 17, 2022 21:36:07 PDT.

Don't Panic