
Learn how web applications run in a client-server model inside browsers, using HTML for structure, CSS for design, and JavaScript for dynamic behavior, plus Java vs JavaScript history.
Visual Studio Code
Live Server extension
document and console objects in JS
Comments and Statements in JS
Master JavaScript variables and data types with let, var, and const, exploring scope, initialization, and dynamic typing across numbers, strings, booleans, null, and undefined.
Explore JavaScript control flow by using conditional statements, including if, else, and switch, with practical examples on even/odd checks, largest of three numbers, and week-name mapping.
Learn to work with numbers and strings in JavaScript, create string and number objects, and manipulate text with methods like substring, replace, split, trim, and case changes.
Understand how the static keyword in JavaScript shares variables and methods across all objects, saving memory. Access static members via the class name; non-static members require an object.
Explore JavaScript prototypes and how they attach to functions and classes, enabling adding shared properties and methods at runtime, and see practical examples with objects and constructors.
Learn to read json data in javascript by converting json into javascript objects and extracting values from arrays and nested fields.
Step 1 : Download and install node.js
https://nodejs.org/en/download/
node -v
npm -v
Step 2 : Install Protractor
npm install -g protractor
protractor --version
Step 3 : Run command
webdriver-manager update
Step 4 : Find conf.js file at C:\Users\Admin\AppData\Roaming\npm\node_modules\protractor\example
On cmd goto the location of this file and run command
protractor conf.js
Step 1 : Download and install node.js
https://nodejs.org/en/download/
node -v
npm -v
Step 2 : Install Protractor
npm install -g protractor
protractor --version
Step 3 : Run command
webdriver-manager update
Step 4 : Find conf.js file at /usr/local/lib/node_modules/protractor/example
On cmd goto the location of this file
and run command
protractor conf.js
Learn how to set up a protractor project in Visual Studio Code, install JavaScript and TypeScript support, arrange folders, copy example specs, and run tests with Protractor.
Learn Jasmine, a behavior-driven JavaScript unit testing framework used by Protractor to run tests. Discover describe and it blocks and hooks like before all and before each in spec files.
Explore Jasmine describe and it blocks, and learn to focus or disable blocks with f describe and X describe for selective runtime and test organization.
Learn to use Jasmine's expect and matchers with protractor, including to be, to equal, to contain, and relational checks like greater than and less than.
Learn to perform mouse actions in Protractor, including hover, click, and drag-and-drop, by moving through multi-level menus and elements after logging in.
Learn to automate protractor tests using the page object model in angular applications, organizing elements and actions into page objects for reusable, maintainable tests; includes form submission and table verification.
Course Introduction:
Welcome to the comprehensive course on Protractor and JavaScript programming for Web UI Automation! In today's rapidly evolving tech landscape, Protractor has emerged as the go-to automation testing tool, especially with the surge in demand for JavaScript frameworks like Angular and React for Front-End UI development. Developed by the Angular core team, Protractor stands out for its stability, reliability, performance, and efficient handling of code complexity, making it the hottest choice for automating Angular applications.
This course is designed to equip you with the necessary skills and knowledge to excel in Protractor automation testing. Whether you are a beginner looking to enter the field of automation testing or an experienced professional aiming to enhance your skills, this course caters to all levels.
Course Contents:
JavaScript Programming:
Introduction to JavaScript
DOM (Document Object Model)
Environment setup on Windows & Mac
JavaScript Comments & Statements
Variables
Data Types
Operators
Conditional statements
Looping statements
Functions in JavaScript
Objects in JavaScript
Arrays
Array Functions in JavaScript
Date Object
Strings in JavaScript
Numbers in JavaScript
Object-Oriented Programming
Class, Object & Methods
Constructor
static keyword in JavaScript
Encapsulation
Inheritance
Prototype
Polymorphism
JSON to JavaScript Object Conversion
Web UI Automation using Protractor:
Introduction to Protractor
Environment setup on Windows & Mac
How to write test cases in Protractor
Locators
Jasmin framework for Protractor
Handle Elements - Input box, Button, DropDown, Alerts
Handle Web Table
Automate Non-AngularJS Application
Handle Elements - Frames
Handling Mouse Operations
Mouse Hover
Right click
Double click
Drag and DropDown
Page Object Model
Capture screenshots
Generate HTML reports
By the end of this course, you'll not only have a solid understanding of JavaScript programming but also be proficient in using Protractor for effective Web UI Automation. Get ready to dive into the world of automation testing and elevate your skills to meet the industry demands!