The Complete Guide to JavaScript

JavaScript for Beginners Course

• Introduction to JavaScript: First Steps with Examples
• Hello, world! – writing, running, and debugging JavaScript
• Enabling JavaScript: How to Do It Right

Part 1:JavaScript Basics

• Getting Started with JavaScript
  • Expressions, variables, and data types
  • Operators
  • Logical and bitwise operators
  • Working with numbers
  • Instructions and their difference from expressions
• Conditions and cycles
  • Conditional instructions
  • Cycles
• Functions and Scope
  • Functions and the classic way to create them
  • Functional expressions and arrow functions
  • Scope and context
  • Local and global variables
  • Short circuit
• Objects and object-oriented programming
  • Basics of creating and working with objects
  • Creating objects using a constructor
  • Prototypes and inheritance
  • All about ES6 classes
  • ES6 Class Practice
    • Animation in JavaScript with Canvas and ES6 Classes
  • Creating your own objects
• Arrays and their processing
  • Arrays
  • Sorting an array using a function
  • Associative arrays
  • Working with arrays
• Date and time
• Mathematics (Math object)
• Error handling, try…catch
• Global object

Part 2:Asynchronous JavaScript

• Asynchrony in JavaScript: setTimeout and setInterval
• Exploring Promises with Examples
• Writing Asynchronous Code with async/await

Part 3:JavaScript in the browser

• Browser Object Model (BOM)
  • Browser Object Model
  • Window Object: Opening and Closing Windows
  • Window size and scroll position
  • Moving a window and scrolling a page
  • alert, prompt, and confirm are dialog boxes in JavaScript.
  • Window object: frames
  • btoa and atob methods
  • Location object – document URL
  • Navigator object – information about the browser
  • History object – page view history
  • Screen object – information about the screen
  • The Document object is the contents of the browser window.
• DOM and its modification
  • What is DOM and why is it needed?
  • DOM tree nodes and elements
  • Document structure and traversal
  • Methods for selecting HTML elements on a page
  • Getting and setting content for elements
  • Working with attributes and properties of elements
  • Managing classes and styles of elements
  • Creating, inserting, and deleting elements
  • Element sizes and scrolling
• Browser events
  • Browser events and their handling
  • Surfacing, diving, and delegating events
  • Properties and methods of the event object
  • Cancel default browser actions
  • Creating custom events
  • Browser events and examples of their use
  • Handling CSS transition events
• Storing data in the browser
  • Cookies
  • LocalStorage and SessionStorage

Part 4:Communicating with the server, AJAX

• JSON data transfer format and methods for working with it
• Collecting data from an HTML form using FormData
• What is AJAX? Making Asynchronous Requests
• Fetch API
• The purpose and application of AJAX in website development

Part 5:Creating interactive interface components

• Todo List
• Vertical accordion
• Pop-up messages
• Show More button
• Modal window
• Custom Select
• A simple slider for a website
• Responsive slider with one active element
• Tabs
• Countdown timer
• Which uses server-side PHP code
  • Star rating for evaluating materials on the site
  • Simple chatbot
  • Social buttons
  • Feedback form

Part 6:Examples of scripts for solving various tasks on the website

• Button for scrolling the page up
• Lazy syntax highlighting with highlight.js
• Table of contents for articles on the website
• Connecting AdSense and YAN advertising to your website
• Preloader for the website
• Using FileReader to read files

Part 7:Code editors and IDEs

• Setting up VS Code for JavaScript development

Part 8:Using third-party libraries in web development

• JS plugins for creating input masks
• Copying data to the clipboard using Clipboard.js

Part 9:jQuery library

• What is jQuery? Loading and connecting to a website
• Where do you start when writing jQuery code?
• Selecting, filtering, and navigating elements
  • Selecting elements
  • Filters for selecting elements
  • Working with a sample
  • Navigating through elements
  • Filtering set elements
  • Method chain
• Attributes, properties, styles and classes
  • Element attributes
  • Adding and removing classes
  • Working with HTML, text, and the value attribute
  • Adding and removing DOM properties (disabled, checked, selected, etc.)
  • Getting and setting CSS properties for elements
  • Width and height of elements (in pixels)
  • Determining the position of elements on a page
  • jQuery data attributes and internal storage
• Manipulation of elements
  • Creating, adding, and deleting elements
• Events and their processing
• Visual effects
  • Visibility Control (Basic Effects)
  • Animation creation (planned)
• Ajax
  • AJAX Shortcuts
  • AJAX Events (Planned)
  • Getting form data
• jQuery Helper Functions and Methods
  • Iterating over an array, object, and elements