Kamran Ahmed
2 years ago
commit
b96665c358
65 changed files with 190 additions and 52 deletions
@ -1,10 +1,12 @@ |
||||
# Accessibility |
||||
|
||||
Web accessibility means that websites, tools, and technologies are designed and developed in such a way that people with disabilities can use them easily. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3.org/WAI/tips/developing/'>Developing for Web Accessibility by W3C WAI |
||||
</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/accessibility/index.php'>Accessibility Tutorial |
||||
</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3.org/WAI/tips/developing/'>Developing for Web Accessibility by W3C WAI</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/accessibility/index.php'>Accessibility Tutorial</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/'>A Complete Guide To Accessible Front-End Components</BadgeLink> |
||||
<BadgeLink badgeText='Watch' href='https://youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g'>Complete Playlist on Accessibility</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://developer.mozilla.org/en-US/docs/Web/Accessibility'>MDN Accessibility</BadgeLink> |
||||
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://web.dev/accessibility'>Accessibility for Developers by Google</BadgeLink> |
||||
<BadgeLink badgeText='Course' colorScheme='green' href='https://www.udacity.com/course/web-accessibility--ud891'>Web Accessibility by Udacity</BadgeLink> |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Realtime databases |
||||
# Realtime databases |
||||
|
||||
A real-time database is broadly defined as a data store designed to collect, process, and/or enrich an incoming series of data points (i.e., a data stream) in real time, typically immediately after the data is created. |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Architectural patterns |
||||
# Architectural Patterns |
||||
|
||||
An architectural pattern is a general, reusable solution to a commonly occurring problem in software architecture within a given context.The architectural patterns address various issues in software engineering, such as computer hardware performance limitations, high availability and minimization of a business risk. |
||||
|
||||
<ResourceGroupTitle>Reference Resource</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://towardsdatascience.com/10-common-software-architectural-patterns-in-a-nutshell-a0b47a1e9013'>Architectural Patterns in a nutshell</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Emails |
||||
# Emails |
||||
|
||||
Electronic mail, commonly shortened to “email,” is a communication method that uses electronic devices to deliver messages across computer networks. "Email" refers to both the delivery system and individual messages that are sent and received. |
||||
|
||||
<ResourceGroupTitle>Reference Resource</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/learning/email-security/what-is-email/'>What is an email?</BadgeLink> |
||||
|
||||
@ -1,6 +1,15 @@ |
||||
# Scopes |
||||
|
||||
Before ES6 (2015), JavaScript had only Global Scope and Function Scope. ES6 introduced two important new JavaScript keywords: `let` and `const`. These two keywords provide Block Scope in JavaScript. |
||||
In JavaScript, scope refers to the visibility of a variable or how it can be used after it is declared. The scope of a variable depends on the keyword that was used to declare it. |
||||
|
||||
The three types of Scope are Global Scope, Function Scope, and Block Scope. Before ES6 (2015), JavaScript had only Global Scope and Function Scope with the `var` keyword. ES6 introduced `let` and `const` which allow Block Scope in JavaScript. |
||||
|
||||
Global Scope: Variables declared outside any function or curly braces '{}' have Global Scope, and can be accessed from anywhere within the same Javascript code. `var`, `let` and `const` all provide this Scope. |
||||
|
||||
Function Scope: Variables declared within a function can only be used within that same function. Outside that function, they are undefined. `var`, `let` and `const` all provide this Scope. |
||||
|
||||
Block Scope: A block is any part of JavaScript code bounded by '{}'. Variables declared within a block can not be accessed outside that block. This Scope is only provided by the `let` and `const` keywords. If you declare a variable within a block using the `var` keyword, it will NOT have Block Scope. |
||||
|
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/js/js_scope.asp'>JavaScript Scope</BadgeLink> |
||||
|
||||
@ -1 +1,5 @@ |
||||
# Equality algorithms |
||||
# Equality algorithms |
||||
|
||||
Equality algorithms are used to perform equality comparisons of values or variables in JavaScript. Each equality algorithm works slightly differently, and the one you use depends on the type of comparison you want to make. |
||||
|
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness'>Which JavaScript equality algorithm should you use?</BadgeLink> |
||||
|
||||
@ -1 +1,18 @@ |
||||
# Responsive vs adaptive |
||||
# Responsive vs adaptive |
||||
|
||||
There are two approaches to ensuring a website is optimized for mobile, tablet, laptop and PC screens: responsive design and adaptive design. While both are intended to solve the same problem, they use different strategies. |
||||
|
||||
# What is responsive design? |
||||
A website created with responsive design serves up the same site to every device, but that site is fluid and will change its layout and appearance based on the size and orientation of the device. |
||||
|
||||
Developers use CSS to ensure each page of the site can reformat based on the size of the user's viewport and only need to create one codebase for the site. They use something called breakpoints to tell the site when to adjust to accommodate different screen sizes. |
||||
|
||||
The majority of new sites now use responsive, which has been made easier for less experienced designers and developers, thanks to the availability of themes accessible through CMS systems such as WordPress, Joomla, and Drupal. |
||||
|
||||
Responsive design does not offer as much control as adaptive, but takes much less work to both build and maintain. Responsive layouts are also fluid, and whilst adaptive can and do use percentages to give a more fluid feel when scaling, these can again cause a jump when a window is resized. |
||||
|
||||
# What is adaptive design? |
||||
|
||||
In adaptive design, a different website layout is created for each device's screen. As it loads, the site recognizes the size of the screen and serves up the layout that was made for that viewport. In fact, you can create a different user experience for each of six common screen sizes from very small to very large: 320px, 480px, 760px, 960px, 1200px and 1600px. |
||||
|
||||
Adaptive is useful for retrofitting an existing site in order to make it more suitable for mobile phones. This allows you to take control of the design and web development for specific, multiple viewports. The number of viewports that you choose to design for is entirely up to you, your company, and your overall budget. It does, however, afford you a certain amount of control (for example over content and layout) that you will not necessarily have using responsive design. |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Ghost inspector |
||||
# Ghost Inspector |
||||
|
||||
Ghost Inspector is a codeless automated testing tool that allows you to easily create and run automated browser tests for websites and web applications. These tests carry out actions in a web browser the same way a real user would to ensure that everything is working properly. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://ghostinspector.com/'>Ghost Inspector Website</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://theqalead.com/test-management/what-is-ghost-inspector-overview-tour-of-features/'>What Is Ghost Inspector? Overview & Tour Of Features</BadgeLink> |
||||
@ -1 +1,9 @@ |
||||
# Qa wolf |
||||
# QA Wolf |
||||
|
||||
QA Wolf is a hybrid platform & service that helps software teams ship better software faster by taking QA completely off their plate. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.qawolf.com/'>QA Wolf</BadgeLink> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://app.qawolf.com/docs/why-qa-wolf'>QA Wolf Official Docs</BadgeLink> |
||||
<BadgeLink badgeText='Guide' colorScheme='green' href='https://app.qawolf.com/docs/create-a-test'>Getting started with QA Wolf</BadgeLink> |
||||
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=BRxVu0De-4k&list=PL33T95M59Kkg1zKCU5NHc2g2XYXOs3-DU'>QA Wolf Tutorial</BadgeLink> |
||||
|
||||
@ -1 +1,13 @@ |
||||
# Webdriver io |
||||
# Webdriver io |
||||
|
||||
WebdriverIO is a progressive automation framework built to automate modern web and mobile applications. It simplifies the interaction with your app and provides a set of plugins that help you create a scalable, robust and stable test suite. |
||||
|
||||
WebdriverIO leverages the power of the WebDriver protocol that is developed and supported by all browser vendors and guarantees a true cross-browser testing experience. While other automation tools require you to download modified browser that aren't used by actual users or emulate user behavior by injecting JavaScript, WebdriverIO relies on a common agreed standard for automation that is properly tested and ensures compatibility for decades to come. |
||||
|
||||
During the development of this automation standard the web has changed a lot and many of the requirements that developers have today to test their web application can not be fulfilled using WebDriver anymore. While some of the core contributors of this project help support the next generation of the WebDriver protocol, WebdriverIO provides an alternative automation solution based on the Chrome DevTools protocol. This allows the user to seamlessly switch between conventional commands based on WebDriver and powerful browser interactions through Puppeteer. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Bitbucket Website' href='https://webdriver.io/'>WebdriverIO Website</BadgeLink> |
||||
<BadgeLink colorScheme='blue' badgeText='Read' href='https://webdriver.io/docs/what-is-webdriverio'>A brief overview of WebdriverIO</BadgeLink> |
||||
<BadgeLink badgeText='Guide' colorScheme='green' href='https://webdriver.io/docs/gettingstarted'>Getting started with WebdriverIO</BadgeLink> |
||||
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=e8goAKb6CC0&list=PL6AdzyjjD5HBbt9amjf3wIVMaobb28ZYN'>WebdriverIO Tutorial</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Check my links |
||||
# Check My Links |
||||
|
||||
Check My Links is a link checker that crawls through your webpage and looks for broken links. Is an extension developed primarily for web designers, developers and content editors. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://github.com/PageModifiedOfficial/Check-My-Links'>Check My Links Official Docs</BadgeLink> |
||||
|
||||
@ -1,7 +1,7 @@ |
||||
# Soap ui |
||||
# SoapUI |
||||
|
||||
SoapUI is the world's leading Functional Testing tool for SOAP and REST testing. With its easy-to-use graphical interface, and enterprise-class features, SoapUI allows you to easily and rapidly create and execute automated functional, regression, and load tests. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://www.soapui.org/'>Soap UI Official Website</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Docs' href='https://www.soapui.org/getting-started/'>Soap UI Docs</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://www.soapui.org/'>SoapUI Official Website</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Official Docs' href='https://www.soapui.org/getting-started/'>SoapUI Docs</BadgeLink> |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Wave |
||||
# Wave |
||||
|
||||
Wave is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. |
||||
|
||||
@ -1,3 +1,3 @@ |
||||
# Non Functional Testing |
||||
|
||||
In the process of Software testing, testing and analyzing only software’s functions doesn't complete the testing process. There are some other attributes which will demonstrate the entire software quality, they are known as quality characteristics. These characteristics includes performance, security, usability, and reliability. Also not testing and analyzing the report of these characterisitics will not affect the function of software, it will work to a degree of extent,but testing of these quality characteristics are referred to as Qa non-functional testing. |
||||
In the process of Software testing, testing and analyzing only software’s functions doesn't complete the testing process. There are some other attributes which will demonstrate the entire software quality, they are known as quality characteristics. These characteristics include performance, security, usability, and reliability. Also not testing and analyzing the report of these characteristics will not affect the function of software, it will work to a degree of extent, but testing of these quality characteristics are referred to as QA non-functional testing. |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Mailinator |
||||
# Mailinator |
||||
|
||||
Mailinator allows Developers and QA Testing teams to automatically test their SMS and Email workflows like 2FA verifications, sign-ups, and password resets with trillions of inboxes at your fingertips. Whether you do Manual Testing, use an API, or a framework like Selenium, Cypress, Playwright, or Puppeteer - Mailinator will close the loop on email/SMS testing. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.mailinator.com/'>Mailinator</BadgeLink> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://www.mailinator.com/docs/index.html#mailinator'>Mailinator Official Docs</BadgeLink> |
||||
|
||||
Loading…
Reference in new issue