This course will teach you everything you will need to know to get started automating website testing. You do not need any prior knowledge to be successful in this course. To be successful in web automation, you first must understand the basics of how a website works. We will teach you how to build a website from the ground up. You will be building a website using HTML, CSS, and JavaScript.
Website Automation Testing for Beginners with Protractor
7h 48m 33s
English
Paid
Protractor
We will be using Protractor 5 as our automation framework for writing our test scripts. Protractor was built for Angular applications but it is not limited to only Angular. We are going to demonstrate that by testing the HTML website what we created. Protractor is fully featured and easy to use once you learn all the fundamental concepts from this course. You may ask, "Why are we not using Selenium?". Protractor is built with Selenium at its core. What that means is that when you use Protractor, you are using Selenium.
Industry Famous Tools
You will learn how to use some of the most common tools in the web development and testing industry.
These tools include:
Protractor 5
Visual Studio Code
Node.js
Bootstrap
Requirements:
- No prior knowledge
- PC required
- All software used in this course is free
Who this course is for:
- QA Engineers
- Web Developers
- Anyone who wants to learn how to automate website testing
- Anyone who wants to automate website tasks
What you'll learn:
- Learn basic HTML, CSS, and javaScript skills
- Build an HTML Website
- Automate websites
- Become a QA Automation Engineer
About the Author: Udemy
Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.
Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.
Watch Online 65 lessons
0:00
/ #1: Introduction to Getting Started Section
All Course Lessons (65)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction to Getting Started Section Demo | 00:34 | |
| 2 | Why do we need automation? | 03:41 | |
| 3 | What is Selenium? | 01:42 | |
| 4 | Why do I need to learn to code? | 02:50 | |
| 5 | Browsers | 00:50 | |
| 6 | Installation - Visual Studio Code | 03:00 | |
| 7 | Installation - Sublime Text | 09:58 | |
| 8 | Installation - ConEmu | 04:36 | |
| 9 | How to get help | 04:06 | |
| 10 | Introduction to HTML Section | 00:21 | |
| 11 | Browser Developer Tools | 01:22 | |
| 12 | HTML Structure - The DOM | 01:28 | |
| 13 | HTML Tags and Elements | 01:43 | |
| 14 | HTML Attributes | 01:41 | |
| 15 | Absolute and Relative Paths | 01:56 | |
| 16 | Introduction to CSS Section | 00:17 | |
| 17 | What is CSS? | 02:06 | |
| 18 | Bootstrap | 01:06 | |
| 19 | Introduction to the JavaScript Section | 01:07 | |
| 20 | Variables and Data Types | 08:51 | |
| 21 | If Statements | 06:44 | |
| 22 | While Loops | 04:17 | |
| 23 | For Loops | 01:05 | |
| 24 | Functions | 06:54 | |
| 25 | Project Introduction | 02:14 | |
| 26 | Project Setup | 06:38 | |
| 27 | Navbar | 08:04 | |
| 28 | Text and Images | 08:25 | |
| 29 | Lists | 03:08 | |
| 30 | Forms | 13:19 | |
| 31 | Tables | 04:07 | |
| 32 | Modals | 05:49 | |
| 33 | jQuery | 00:59 | |
| 34 | Add a Superhero to the List | 08:38 | |
| 35 | Superhero List Alert | 10:00 | |
| 36 | Vote for a Movie | 12:50 | |
| 37 | Vote for a Movie Alert | 03:49 | |
| 38 | Search | 05:51 | |
| 39 | Login Overlay | 11:01 | |
| 40 | Login and Logout | 16:58 | |
| 41 | Additional Styling | 02:22 | |
| 42 | One more update to the site | 02:28 | |
| 43 | Introduction to Getting Started with Protractor Section | 00:17 | |
| 44 | Installation - Java Development Kit | 05:20 | |
| 45 | Installation - Node.js | 02:13 | |
| 46 | Installation - Protractor & Webdriver-Manager | 05:44 | |
| 47 | Config File | 04:58 | |
| 48 | Test File | 06:35 | |
| 49 | Interacting with elements on the page | 03:51 | |
| 50 | Validating elements on the page | 09:18 | |
| 51 | beforeEach and afterEach | 02:21 | |
| 52 | Page Object File | 05:49 | |
| 53 | Create a page object | 07:12 | |
| 54 | Locators | 05:16 | |
| 55 | Introduction to Testing Our Site | 00:22 | |
| 56 | Test the Login | 35:12 | |
| 57 | Test the Add a Hero | 34:17 | |
| 58 | Test the Vote for a Movie | 35:58 | |
| 59 | Test the Header and the Modals | 50:07 | |
| 60 | Test the Logout | 14:07 | |
| 61 | Test the Search | 13:13 | |
| 62 | Final Updates | 04:58 | |
| 63 | Better Console Reports - Jasmine Spec Reporter | 07:57 | |
| 64 | HTML Test Reports - Protractor Jasmine 2 Screenshot Reporter | 11:57 | |
| 65 | Next steps | 02:36 |
Unlock unlimited learning
Get instant access to all 64 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 3y agoLearn Protractor(Angular Automation) from scratch +Framework
By: UdemyStep by Step tutorial to understand Protractor using Javascript&Typescript +Framework development(Cucumber,Jasmine). And I Bet! On course Completion You can cle21h 14m -
Updated 3y agoAngular automation with Protractor + Typescript + Cucumber
By: UdemyAngular automation with Protractor + Typescript + Cucumber course is designed in such as way that anyone with basic knowledge in Typescript and selenium can.7h 12m
Frequently asked questions
What prerequisites are needed to start this course?
There are no prerequisites for this course. It is designed for beginners who do not have any prior knowledge of web development or automation testing. The course will guide you through building a website using HTML, CSS, and JavaScript and then introduce you to website automation testing using Protractor.
What projects will I build during the course?
Throughout the course, you will build a website from the ground up using HTML, CSS, and JavaScript. This includes creating a navbar, text and images, lists, forms, tables, modals, and more. Additionally, you will implement features like adding a superhero to a list, voting for a movie, and user login/logout functionality. These projects will then be used to practice automation testing with Protractor.
Who is the target audience for this course?
The course is targeted at beginners who are interested in learning web development and website automation testing. It is suitable for those who are new to coding and wish to gain foundational skills in building websites and automating their testing processes.
How does this course compare in depth and scope to similar courses?
This course offers a beginner-friendly introduction to both web development and automation testing. It covers the basics of HTML, CSS, and JavaScript, and progresses to automation testing using Protractor. Unlike some other courses that may focus solely on testing or development, this course provides a holistic approach by covering both areas.
What specific tools will I learn to use in this course?
You will learn to use several tools essential for web development and automation testing. For coding, the course covers installation and use of Visual Studio Code and Sublime Text. For automation testing, you will learn to use Protractor and Webdriver-Manager alongside Node.js and Java Development Kit for setting up the testing environment.
What topics are not covered in this course?
The course does not cover advanced topics in web development or testing, such as server-side scripting, databases, or advanced JavaScript frameworks beyond jQuery. It focuses primarily on the basics needed to get started with building a website and automating its testing using Protractor.
How much time should I expect to commit to this course?
The course is structured into 65 lessons, which are designed to be manageable and beginner-friendly. While the total runtime is not specified, students typically spend several weeks completing the course, depending on their pace and prior experience. Regular practice and reviewing lessons will help solidify the concepts.