diff --git a/content/guides/proxy-servers.md b/content/guides/proxy-servers.md index 333c7bb59..7c048edc2 100644 --- a/content/guides/proxy-servers.md +++ b/content/guides/proxy-servers.md @@ -16,21 +16,21 @@ Proxy servers serve as a single point of control making it easier to enforce sec ## Forward Proxy Server -A forward proxy is generally implemented on the client side and **sits in front of multiple clients** or client sources. Forward proxy servers are mainly used by companies to **manage internet usage** of their employees and **restrict content**. It is also used as a **firewall** to secure the company's network by blocking any request which would pose threat to the companies's network. Proxy servers are also used to **bypass geo-restriction** and browse content that might be blocked in the user's country. It enables users to **browse anonymously**, as the proxy server masks their details from the website's servers. +A forward proxy is generally implemented on the client side and **sits in front of multiple clients** or client sources. Forward proxy servers are mainly used by companies to **manage the internet usage** of their employees and **restrict content**. It is also used as a **firewall** to secure the company's network by blocking any request which would pose threat to the company's network. Proxy servers are also used to **bypass geo-restriction** and browse content that might be blocked in the user's country. It enables users to **browse anonymously**, as the proxy server masks their details from the website's servers. ![Forward Proxy Description](/guides/proxy/forward-proxy.png) > NOTE: This is not an accurate description but rather just an illustration ## Reverse Proxy Server -Reverse proxy servers are implemented on the **server side** instead of the client side. It **sits in front of multiple webservers** and manages the incoming requests by forwarding them to the web servers. It provides anonymity for the **back-end web servers and not the client**. Reverse proxy servers are generally used to perform tasks such as **authentication, content caching, and encryption/decryption** on behalf of the web server. These tasks would **hog CPU cycles** on the web server and degrade the performance of the website by introducing a high amount of delay in loading the webpage. Reverse proxies are also used as **load balancers** to distribute the incoming traffic efficiently among the web servers but it is **not optimized** for this task. In essence, a reverse proxy server is a gateway to a web-server or group of web-servers. +Reverse proxy servers are implemented on the **server side** instead of the client side. It **sits in front of multiple webservers** and manages incoming requests by forwarding them to the web servers. It provides anonymity for the **back-end web servers and not the client**. Reverse proxy servers are generally used to perform tasks such as **authentication, content caching, and encryption/decryption** on behalf of the web server. These tasks would **hog CPU cycles** on the web server and degrade the performance of the website by introducing a high amount of delay in loading the webpage. Reverse proxies are also used as **load balancers** to distribute the incoming traffic efficiently among the web servers but it is **not optimized** for this task. In essence, a reverse proxy server is a gateway to a web-server or group of web-servers. ![Reverse Proxy Description](/guides/proxy/reverse-proxy.png) -> NOTE: This is not an accurate description but rather just an illustration. Red lines represent server's response and black lines represent initial request from client(s). +> NOTE: This is not an accurate description but rather just an illustration. Red lines represent the server's response and black lines represent the initial request from client(s). ## Summary -A proxy server acts as a gateway between client *(you)* and the internet and separates end-users from the websites you browse. ***The position of the proxy server on the network determines whether it is a forward or a reverse proxy server***. A Forward proxy is implemented on the client side and **sits in front of multiple clients** or client sources and forwards requests to the web server. Reverse proxy servers are implemented on the **server side** it **sits in front of multiple webservers** and manages the incoming requests by forwarding them to the web servers. +A proxy server acts as a gateway between client *(you)* and the internet and separates end-users from the websites you browse. ***The position of the proxy server on the network determines whether it is a forward or a reverse proxy server***. A Forward proxy is implemented on the client side and **sits in front of multiple clients** or client sources and forwards requests to the web server. Reverse proxy servers are implemented on the **server side** it **sits in front of multiple webservers** and manage the incoming requests by forwarding them to the web servers. If all this was too much to take in, I have a simple analogy for you. diff --git a/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md b/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md index 60064a0bd..7ce3b9e02 100644 --- a/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md +++ b/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md @@ -7,3 +7,5 @@ HTML stands for HyperText Markup Language. It is used on the frontend and gives MDN Docs: Getting Started with HTML HTML Full Course - Build a Website Tutorial HTML Tutorial for Beginners: HTML Crash Course +HTML Cheatsheet +Scaler: HTML diff --git a/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md b/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md index 684bf536c..2df5a81c4 100644 --- a/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md +++ b/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md @@ -1,6 +1,6 @@ # Semantic HTML -Semantic element clearly describes its meaning to both the browser and the developer. In HTML,semantic element are the type of elements that can be used to define different parts of a web page such as `
`, ``, `
`, `
`, `
`, etc. +Semantic element clearly describes its meaning to both the browser and the developer. In HTML, semantic element are the type of elements that can be used to define different parts of a web page such as ``, `
`, `
`, `
`, `
`, etc. Free Content Semantics - MDN Web Docs Glossary: Definitions of Web-related terms | MDN @@ -9,4 +9,4 @@ Semantic element clearly describes its meaning to both the browser and the devel HTML Best Practices – How to Build a Better HTML-Based Website Semantic HTML: What It Is and How It Improves Your Site How To Write Semantic HTML - +Semantic Markup diff --git a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md index 98442ee25..f306b3e96 100644 --- a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md +++ b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md @@ -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. Free Content -Developing for Web Accessibility by W3C WAI - -Accessibility Tutorial - +Developing for Web Accessibility by W3C WAI +Accessibility Tutorial A Complete Guide To Accessible Front-End Components Complete Playlist on Accessibility +MDN Accessibility +Accessibility for Developers by Google +Web Accessibility by Udacity diff --git a/content/roadmaps/100-frontend/content/101-html/readme.md b/content/roadmaps/100-frontend/content/101-html/readme.md index 64ae6df30..da8048cfc 100644 --- a/content/roadmaps/100-frontend/content/101-html/readme.md +++ b/content/roadmaps/100-frontend/content/101-html/readme.md @@ -10,3 +10,4 @@ HTML stands for HyperText Markup Language. It is used on the frontend and gives Interactive HTML Course HTML Full Course - Build a Website Tutorial HTML Tutorial for Beginners: HTML Crash Course +HTML For Beginners The Easy Way \ No newline at end of file diff --git a/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md b/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md index 3051bacd4..10703b2ad 100644 --- a/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md +++ b/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md @@ -1,6 +1,6 @@ # Making layouts -Float, grid, flexbox, positioning, display and box model are some of the key topics that are used for making layouts. Use the resources below to learn about these topics: +Float, grid, flexbox, positioning, display and box model are some of the key topics that are used for making layouts. Use the resources below to learn about these topics: Free Content @@ -12,3 +12,5 @@ Float, grid, flexbox, positioning, display and box model are some of the key top Positioning Types: How Do They Differ? The Box Model The CSS Display Property +A Complete Guide to Flexbox +A Complete Guide to Grid \ No newline at end of file diff --git a/content/roadmaps/100-frontend/content/102-css/readme.md b/content/roadmaps/100-frontend/content/102-css/readme.md index 9047a893b..3ee29fea1 100644 --- a/content/roadmaps/100-frontend/content/102-css/readme.md +++ b/content/roadmaps/100-frontend/content/102-css/readme.md @@ -15,3 +15,5 @@ CSS or Cascading Style Sheets is the language used to style the frontend of any What The Flexbox! Learn CSS | Codecademy Learn Intermediate CSS | Codecademy +100 Days CSS Challenge +CSS Tutorial | Scaler \ No newline at end of file diff --git a/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md b/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md index 3f6bcdf72..f6f4ecf85 100644 --- a/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md +++ b/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md @@ -8,3 +8,4 @@ ECMAScript 2015 or ES2015 is a significant update to the JavaScript programming Learn Modern JavaScript in 1 Hour JavaScript ES6, ES7, ES8 Build 15 JavaScript Projects - Vanilla JavaScript +Modern JavaScript ES6, ES7 & ES8 \ No newline at end of file diff --git a/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md b/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md index d6cb0770d..12380cd33 100644 --- a/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md +++ b/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md @@ -11,3 +11,4 @@ Learn and understand the concepts such as Hoisting, Event Bubbling, Scope, Proto JavaScript Strict Mode JavaScript Visualized (7 Part Series) DOM vs Shadow DOM vs Virtual DOM +Demystifying JavaScript Promises \ No newline at end of file diff --git a/content/roadmaps/100-frontend/content/103-javascript/readme.md b/content/roadmaps/100-frontend/content/103-javascript/readme.md index f6dc0d6fe..444252898 100644 --- a/content/roadmaps/100-frontend/content/103-javascript/readme.md +++ b/content/roadmaps/100-frontend/content/103-javascript/readme.md @@ -16,4 +16,6 @@ JavaScript allows you to add interactivity to your pages. Common examples that y You Don't Know JS Yet (book series) JavaScript Crash Course for Beginners Build a Netflix Landing Page Clone with HTML, CSS & JS +Build 30 Javascript projects in 30 days Learn the basics of JavaScript +JavaScript for Beginners diff --git a/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md b/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md index dca611bbf..ede9b1564 100644 --- a/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md +++ b/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md @@ -3,6 +3,7 @@ [Git](https://git-scm.com/) is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Free Content +Visual Git Guide Version Control System Introduction Git & GitHub Crash Course For Beginners Learn Git in 20 Minutes diff --git a/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md b/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md index d9d2d2bf4..31accb535 100644 --- a/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md +++ b/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md @@ -6,3 +6,5 @@ Version control systems allow you to track changes to your codebase/files over t Version Control System Introduction Git & GitHub Crash Course For Beginners Learn Git in 20 Minutes +Git Documentation +Learn Git by Atlassian diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md index 9b6e10f12..01700d63b 100644 --- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md +++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md @@ -6,3 +6,4 @@ Webpack is a module bundler. Its main purpose is to bundle JavaScript files for Webpack Official Website Webpack Documentation +A Complete Guide to Webpack 5 diff --git a/content/roadmaps/101-backend/content/100-internet/101-what-is-http.md b/content/roadmaps/101-backend/content/100-internet/101-what-is-http.md index 7553f642a..33ed25e6d 100644 --- a/content/roadmaps/101-backend/content/100-internet/101-what-is-http.md +++ b/content/roadmaps/101-backend/content/100-internet/101-what-is-http.md @@ -7,4 +7,5 @@ HTTP is the `TCP/IP` based application layer communication protocol which standa An overview of HTTP Journey to HTTP/2 HTTP/3 From A To Z: Core Concepts +HTTP/1 to HTTP/2 to HTTP/3 HTTP Crash Course & Exploration diff --git a/content/roadmaps/101-backend/content/101-basic-frontend/readme.md b/content/roadmaps/101-backend/content/101-basic-frontend/readme.md index 73ef4141f..621e48830 100644 --- a/content/roadmaps/101-backend/content/101-basic-frontend/readme.md +++ b/content/roadmaps/101-backend/content/101-basic-frontend/readme.md @@ -6,3 +6,4 @@ As a backend developer, you may not need to have proficient knowledge of the fro W3Schools: Learn HTML W3Schools: Learn CSS W3Schools: JavaScript Tutorial +Articles about Frontend Development diff --git a/content/roadmaps/101-backend/content/103-learn-a-language/100-go.md b/content/roadmaps/101-backend/content/103-learn-a-language/100-go.md index b47a8aca0..601a3c162 100644 --- a/content/roadmaps/101-backend/content/103-learn-a-language/100-go.md +++ b/content/roadmaps/101-backend/content/103-learn-a-language/100-go.md @@ -16,3 +16,5 @@ Go is an open source programming language supported by Google. Go can be used to Learn Go | Boot.dev Learn Go | Codecademy W3Schools Go Tutorial +Making a RESTful JSON API in Go +Go, the Programming Language of the Cloud diff --git a/content/roadmaps/101-backend/content/103-learn-a-language/101-rust.md b/content/roadmaps/101-backend/content/103-learn-a-language/101-rust.md index 7a5822c98..0e45b54bc 100644 --- a/content/roadmaps/101-backend/content/103-learn-a-language/101-rust.md +++ b/content/roadmaps/101-backend/content/103-learn-a-language/101-rust.md @@ -5,3 +5,5 @@ Rust is a modern systems programming language focusing on safety, speed, and con Free Content The Rust Programming Language - online book Rust by Example - collection of runnable examples +Rust vs. Go: Why They’re Better Together +Rust by the Numbers: The Rust Programming Language in 2021 diff --git a/content/roadmaps/101-backend/content/103-learn-a-language/103-php.md b/content/roadmaps/101-backend/content/103-learn-a-language/103-php.md index 46f48e93f..92f32c504 100644 --- a/content/roadmaps/101-backend/content/103-learn-a-language/103-php.md +++ b/content/roadmaps/101-backend/content/103-learn-a-language/103-php.md @@ -6,5 +6,6 @@ PHP is a general purpose scripting language often used for making dynamic and in PHP Website Learn PHP - W3Schools PHP - The Right Way +PHP for Beginners PHP For Absolute Beginners Full PHP 8 Tutorial - Learn PHP The Right Way In 2022 diff --git a/content/roadmaps/101-backend/content/103-learn-a-language/106-python.md b/content/roadmaps/101-backend/content/103-learn-a-language/106-python.md index 701913773..5cd9bffee 100644 --- a/content/roadmaps/101-backend/content/103-learn-a-language/106-python.md +++ b/content/roadmaps/101-backend/content/103-learn-a-language/106-python.md @@ -17,3 +17,5 @@ Python is a well known programming language which is both a strongly typed and a W3Schools - Python Tutorial Python Crash Course Codecademy - Learn Python 2 +An Introduction to Python for Non-Programmers +Getting Started with Python and InfluxDB diff --git a/content/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md b/content/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md index 8c8caf6fe..5ccbc04af 100644 --- a/content/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md +++ b/content/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md @@ -6,3 +6,4 @@ Ruby is a high-level, interpreted programming language that blends Perl, Smallta Ruby Website Learn Ruby in 20 minutes Learn Ruby | Codecademy +Ruby, An Introduction to a Programmer’s Best Friend diff --git a/content/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md b/content/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md index ac39b1522..45dffd394 100644 --- a/content/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md +++ b/content/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md @@ -1 +1,3 @@ -# Realtime databases \ No newline at end of file +# 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. diff --git a/content/roadmaps/101-backend/content/112-testing/100-integration-testing.md b/content/roadmaps/101-backend/content/112-testing/100-integration-testing.md index f56f3e148..292b022ae 100644 --- a/content/roadmaps/101-backend/content/112-testing/100-integration-testing.md +++ b/content/roadmaps/101-backend/content/112-testing/100-integration-testing.md @@ -4,4 +4,5 @@ Integration testing is a broad category of tests where multiple software modules Free Content Integration Testing +How to Integrate and Test Your Tech Stack What is Integration Testing? diff --git a/content/roadmaps/101-backend/content/113-ci-cd.md b/content/roadmaps/101-backend/content/113-ci-cd.md index 0a355d8f1..22ca4222e 100644 --- a/content/roadmaps/101-backend/content/113-ci-cd.md +++ b/content/roadmaps/101-backend/content/113-ci-cd.md @@ -6,3 +6,6 @@ CI/CD (Continuous Integration/Continuous Deployment) is the practice of automati DevOps CI/CD Explained in 100 Seconds by Fireship Automate your Workflows with GitHub Actions What is CI/CD? +A Primer: Continuous Integration and Continuous Delivery (CI/CD) +3 Ways to Use Automation in CI/CD Pipelines +Articles about CI/CD diff --git a/content/roadmaps/101-backend/content/115-architectural-patterns/101-microservices.md b/content/roadmaps/101-backend/content/115-architectural-patterns/101-microservices.md index 8aab78c7d..e6752515d 100644 --- a/content/roadmaps/101-backend/content/115-architectural-patterns/101-microservices.md +++ b/content/roadmaps/101-backend/content/115-architectural-patterns/101-microservices.md @@ -5,3 +5,6 @@ Microservice architecture is a pattern in which highly cohesive, loosely coupled Free Content Pattern: Microservice Architecture What is Microservices? +Microservices 101 +Primer: Microservices Explained +Articles about Microservices diff --git a/content/roadmaps/101-backend/content/115-architectural-patterns/readme.md b/content/roadmaps/101-backend/content/115-architectural-patterns/readme.md index 9dc6d42a6..7aefea86c 100644 --- a/content/roadmaps/101-backend/content/115-architectural-patterns/readme.md +++ b/content/roadmaps/101-backend/content/115-architectural-patterns/readme.md @@ -1 +1,6 @@ -# Architectural patterns \ No newline at end of file +# 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. + +Reference Resource +Architectural Patterns in a nutshell diff --git a/content/roadmaps/102-devops/content/101-os-concepts/100-networking.md b/content/roadmaps/102-devops/content/101-os-concepts/100-networking.md index cb2dbf8db..2c121eedb 100644 --- a/content/roadmaps/102-devops/content/101-os-concepts/100-networking.md +++ b/content/roadmaps/102-devops/content/101-os-concepts/100-networking.md @@ -6,4 +6,5 @@ Begin by studying the [OSI Model](https://en.wikipedia.org/wiki/OSI_model). This Free Content What is Computer Networking? -OSI Model Explained \ No newline at end of file +Full Networking Course +OSI Model Explained diff --git a/content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/104-bash-scripting.md b/content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/104-bash-scripting.md index 5ee77945f..6c2cd11b5 100644 --- a/content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/104-bash-scripting.md +++ b/content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/104-bash-scripting.md @@ -14,4 +14,5 @@ With a CLI shell like Bash, you type commands into the program to directly contr Shell Scripting for Beginners A guide to Bash The Bash Hackers Wiki +Bash Shell Scripting Guide Codecademy - Learn Bash Scripting diff --git a/content/roadmaps/102-devops/content/103-networking-protocols/103-emails/readme.md b/content/roadmaps/102-devops/content/103-networking-protocols/103-emails/readme.md index a86873289..42205cc96 100644 --- a/content/roadmaps/102-devops/content/103-networking-protocols/103-emails/readme.md +++ b/content/roadmaps/102-devops/content/103-networking-protocols/103-emails/readme.md @@ -1 +1,6 @@ -# Emails \ No newline at end of file +# 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. + +Reference Resource +What is an email? diff --git a/content/roadmaps/102-devops/content/104-setting-up-x/104-firewall.md b/content/roadmaps/102-devops/content/104-setting-up-x/104-firewall.md index 11d129752..19396251c 100644 --- a/content/roadmaps/102-devops/content/104-setting-up-x/104-firewall.md +++ b/content/roadmaps/102-devops/content/104-setting-up-x/104-firewall.md @@ -4,4 +4,8 @@ Firewall is a **network security device** that monitors and filters incoming and Free Content What is Firewall? -Types of Firewall \ No newline at end of file +Types of Firewall + Introduction of Firewall in Computer Network + What is Firewall in Computer Network? +Why do we need Firewalls? + Firewalls and Network Security - SimpliLearn diff --git a/content/roadmaps/102-devops/content/105-infrastructure-as-code/readme.md b/content/roadmaps/102-devops/content/105-infrastructure-as-code/readme.md index ff5d5cb76..8ce9a7a6a 100644 --- a/content/roadmaps/102-devops/content/105-infrastructure-as-code/readme.md +++ b/content/roadmaps/102-devops/content/105-infrastructure-as-code/readme.md @@ -1,6 +1,6 @@ # Infrastructure as Code -Sometimes referred to as IaC, this section refers to the techniques and tools used to define infrastructure, typically in a markup language like YAML or JSON. Infrastructure as code allows DevOps Engineers to use the same workflows used by software developers to version, roll back, and otherwise manage changes. +Sometimes referred to as IaC, this section refers to the techniques and tools used to define infrastructure, typically in a markup language like YAML or JSON. Infrastructure as code allows DevOps Engineers to use the same workflows used by software developers to version, roll back, and otherwise manage changes. The term Infrastructure as Code encompasses everything from bootstrapping to configuration to orchestration, and it is considered a best practice in the industry to manage all infrastructure as code. This technique precipitated the explosion in system complexity seen in modern DevOps organizations. @@ -8,3 +8,4 @@ The term Infrastructure as Code encompasses everything from bootstrapping to con What is Infrastructure as Code? What is Infrastructure as Code? Difference of Infrastructure as Code Tools GUIs, CLI, APIs: Learn Basic Terms of Infrastructure-as-Code +Understanding Infrastructure as Code (IaC) in less than 10 minutes diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md index bd36074cc..e14ec7e5b 100644 --- a/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md +++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md @@ -5,3 +5,4 @@ JSX stands for JavaScript XML. It allows writing HTML in JavaScript and converts Free Content Introduction to JSX JSX in React – Explained with Examples +JSX in React on w3school \ No newline at end of file diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md index a05e6674c..248fda045 100644 --- a/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md +++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md @@ -1,6 +1,7 @@ # Hooks -Hooks were introduced in React 16.8 and they let us use state and other React features without writing a class +Hooks were introduced in React 16.8 and they let us use React's features-like managing your component's state and or performing an after effect when certain changes occur in state(s) without writing a class. + Free Content Introduction to Hooks diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/104-axios.md b/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/104-axios.md index 11df9df19..9038fe541 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/104-axios.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/104-axios.md @@ -6,4 +6,5 @@ Axios is a client HTTP API based on the XMLHttpRequest interface provided by bro Free Content Axios Getting Started +How To Use Axios With React: The Definitive Guide How to make HTTP requests with Axios diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/readme.md b/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/readme.md index a2ff0b485..baf3ab469 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/readme.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/103-api-calls/readme.md @@ -1,5 +1,6 @@ # API Calls +APIs, short for Application Programming Interfaces, are software-to-software interfaces. Meaning, they allow different applications to talk to each other and exchange information or functionality. This allows businesses to access another business’s data, piece of code, software, or services in order to extend the functionality of their own products — all while saving time and money. There are several options available to make API calls from your React.js applications. Free Content diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/106-testing/103-vitest.md b/content/roadmaps/103-react/content/102-react-ecosystem/106-testing/103-vitest.md index 6febec7b0..6ec90c584 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/106-testing/103-vitest.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/106-testing/103-vitest.md @@ -5,3 +5,4 @@ Works on React, Vue, Svelte and more projects created with Vite Free Content Vitest Website +Testing with Vitest diff --git a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md index 673e1ed90..45bc23254 100644 --- a/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md +++ b/content/roadmaps/103-react/content/102-react-ecosystem/107-state-management/101-redux.md @@ -3,7 +3,10 @@ Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as [live code editing combined with a time traveling debugger](https://github.com/reduxjs/redux-devtools). Free Content + Official Website Official Getting Started to Redux +Redux Toolkit Official Website Official Tutorial to Learn Redux Fundamentals of Redux Course from Dan Abramov +Redux Tutorial - Beginner to Advanced diff --git a/content/roadmaps/104-angular/content/102-angular-basics/105-services.md b/content/roadmaps/104-angular/content/102-angular-basics/105-services.md index a28f916e0..e6e4db7c6 100644 --- a/content/roadmaps/104-angular/content/102-angular-basics/105-services.md +++ b/content/roadmaps/104-angular/content/102-angular-basics/105-services.md @@ -3,4 +3,7 @@ Services let you define code or functionalities that are then accessible and reusable in many other components in the Angular project. It also helps you with the abstraction of logic and data that is hosted independently but can be shared across other components. Free Content -Services \ No newline at end of file +Services +What is an Angular Service +Service for API Calls +Service Tutorial with Example diff --git a/content/roadmaps/105-vue/content/101-advanced-topics/112-plugins.md b/content/roadmaps/105-vue/content/101-advanced-topics/112-plugins.md index bfe283b86..969dcf00e 100644 --- a/content/roadmaps/105-vue/content/101-advanced-topics/112-plugins.md +++ b/content/roadmaps/105-vue/content/101-advanced-topics/112-plugins.md @@ -4,3 +4,4 @@ Plugins are self-contained code that usually add app-level functionality to Vue. Free Content Plugins in Vue.js +How to Write Your Own Vue.js Plugin diff --git a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md index c90894d0f..791a98f27 100644 --- a/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md +++ b/content/roadmaps/106-javascript/content/101-javascript-variables/103-scopes/readme.md @@ -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. + Free Content JavaScript Scope diff --git a/content/roadmaps/106-javascript/content/105-javascript-equality-comparisons/100-equality-algorithms/readme.md b/content/roadmaps/106-javascript/content/105-javascript-equality-comparisons/100-equality-algorithms/readme.md index ee672a371..6a001fed6 100644 --- a/content/roadmaps/106-javascript/content/105-javascript-equality-comparisons/100-equality-algorithms/readme.md +++ b/content/roadmaps/106-javascript/content/105-javascript-equality-comparisons/100-equality-algorithms/readme.md @@ -1 +1,5 @@ -# Equality algorithms \ No newline at end of file +# 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. + +Which JavaScript equality algorithm should you use? diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md b/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md index eec09fe2f..76e3b72b4 100644 --- a/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md +++ b/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md @@ -1,6 +1,6 @@ # Functions -Functions are blocks of code that execute whenever they are invoked. They are useful for placing code snippets executed in different places in the code. +Functions exist so we can reuse code. They are blocks of code that execute whenever they are invoked. Each function is typically written to perform a particular task, like an addition function used to find the sum of two or more numbers. When numbers need to be added anywhere within your code, the addition function can be invoked as many times as necessary. Free Content Functions - MDN Docs diff --git a/content/roadmaps/106-javascript/content/112-javascript-asynchronous-javascript/100-event-loop.md b/content/roadmaps/106-javascript/content/112-javascript-asynchronous-javascript/100-event-loop.md index b953c11dd..d98bc9f37 100644 --- a/content/roadmaps/106-javascript/content/112-javascript-asynchronous-javascript/100-event-loop.md +++ b/content/roadmaps/106-javascript/content/112-javascript-asynchronous-javascript/100-event-loop.md @@ -2,6 +2,6 @@ The Event Loop is one of the most important aspects to understand about Node.js. Why is this so important? Because it explains how Node.js can be asynchronous and have non-blocking I/O, it explains the "killer feature" of Node.js, which made it this successful. -The Node.Js Event Loop +The Node.Js Event Loop JavaScript Visualized: Event Loop -What the heck is the event loop anyway? \ No newline at end of file +What the heck is the event loop anyway? diff --git a/content/roadmaps/107-nodejs/content/107-nodejs-apis/102-nest-js.md b/content/roadmaps/107-nodejs/content/107-nodejs-apis/102-nest-js.md index d26511fa6..14371ff5f 100644 --- a/content/roadmaps/107-nodejs/content/107-nodejs-apis/102-nest-js.md +++ b/content/roadmaps/107-nodejs/content/107-nodejs-apis/102-nest-js.md @@ -5,4 +5,4 @@ NestJS is a progressive Node.js framework for creating efficient and scalable se Free Content NestJS Website NestJS Official Documentations -Beginner NestJS Tutorial +Beginner NestJS Tutorial diff --git a/content/roadmaps/107-nodejs/content/110-nodejs-databases/101-document/100-mongoose.md b/content/roadmaps/107-nodejs/content/110-nodejs-databases/101-document/100-mongoose.md index 95b968cea..1e354291e 100644 --- a/content/roadmaps/107-nodejs/content/110-nodejs-databases/101-document/100-mongoose.md +++ b/content/roadmaps/107-nodejs/content/110-nodejs-databases/101-document/100-mongoose.md @@ -4,3 +4,5 @@ Mongoose is an Object Data Modeling (ODM) library for MongoDB and Node.js. Mongo Free Content Mongoose Website +Introduction to Mongoose for MongoDB +Getting Started with MongoDB and Mongoose diff --git a/content/roadmaps/108-python/content/102-python-advanced-topics/100-oop/readme.md b/content/roadmaps/108-python/content/102-python-advanced-topics/100-oop/readme.md index ed4e61ca1..78502bd5f 100644 --- a/content/roadmaps/108-python/content/102-python-advanced-topics/100-oop/readme.md +++ b/content/roadmaps/108-python/content/102-python-advanced-topics/100-oop/readme.md @@ -5,4 +5,5 @@ In Python, object-oriented Programming (OOPs) is a programming paradigm that use Free Content Object Oriented Programming in Python Python OOP Concepts - +Object Oriented Programming (OOP) In Python - Beginner Crash Course +OOP in Python One Shot \ No newline at end of file diff --git a/content/roadmaps/108-python/content/102-python-advanced-topics/102-decorators.md b/content/roadmaps/108-python/content/102-python-advanced-topics/102-decorators.md index 8c6891f66..ace7c8348 100644 --- a/content/roadmaps/108-python/content/102-python-advanced-topics/102-decorators.md +++ b/content/roadmaps/108-python/content/102-python-advanced-topics/102-decorators.md @@ -5,3 +5,4 @@ decorator is a design pattern in Python that allows a user to add new functional Free Content Python Decorators Decorators in Python +Decorators in Python diff --git a/content/roadmaps/110-java/content/103-java-web-frameworks/100-spring.md b/content/roadmaps/110-java/content/103-java-web-frameworks/100-spring.md index ac6dcce7c..4ecc07f78 100644 --- a/content/roadmaps/110-java/content/103-java-web-frameworks/100-spring.md +++ b/content/roadmaps/110-java/content/103-java-web-frameworks/100-spring.md @@ -6,4 +6,5 @@ Spring is a powerful open-source Java platform (framework), that is used to crea Official Site Quickstart guide Official guides +Spring Framework Documentation Different Spring tutorials diff --git a/content/roadmaps/110-java/content/103-java-web-frameworks/103-spark.md b/content/roadmaps/110-java/content/103-java-web-frameworks/103-spark.md index ffaf7d38f..dd6af38d8 100644 --- a/content/roadmaps/110-java/content/103-java-web-frameworks/103-spark.md +++ b/content/roadmaps/110-java/content/103-java-web-frameworks/103-spark.md @@ -2,10 +2,7 @@ Spark is a micro framework for creating web applications in Kotlin and Java 8. Sinatra, a popular Ruby micro framework, was the inspiration for it. -Reference Resource -Play Framework Website -Intro to Spark framework +Free Content +Spark Java +Intro to Spark Java Framework What is Spark java? -What is Apache spark? -Apache Spark Tutorial -Apache Spark Full Course \ No newline at end of file diff --git a/content/roadmaps/110-java/content/104-java-orm/102-hibernate.md b/content/roadmaps/110-java/content/104-java-orm/102-hibernate.md index 0947645ba..4fca2898d 100644 --- a/content/roadmaps/110-java/content/104-java-orm/102-hibernate.md +++ b/content/roadmaps/110-java/content/104-java-orm/102-hibernate.md @@ -1,6 +1,6 @@ # Hibernate -Hibernate is an open source object-relational mapping ([ORM](https://theserverside.techtarget.com/definition/object-relational-mapping)) tool that provides a framework to map object-oriented domain models to relational databases for web applications. +Hibernate is an open source object-relational mapping tool that provides a framework to map object-oriented domain models to relational databases for web applications. Free Content Hibernate diff --git a/content/roadmaps/110-java/content/107-testing-java-apps/104-junit.md b/content/roadmaps/110-java/content/107-testing-java-apps/104-junit.md index c463cffa7..b892e9e37 100644 --- a/content/roadmaps/110-java/content/107-testing-java-apps/104-junit.md +++ b/content/roadmaps/110-java/content/107-testing-java-apps/104-junit.md @@ -3,7 +3,8 @@ JUnit is a testing framework for Java. Free Content -Official Documentation +JUnit +JUnit Documentation JUnit tutorial Basic JUnit tutorial Testing with JUnit crash course diff --git a/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/100-functional-testing/exploratory-testing.md b/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/100-functional-testing/exploratory-testing.md index 40813fb9e..882d1303f 100644 --- a/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/100-functional-testing/exploratory-testing.md +++ b/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/100-functional-testing/exploratory-testing.md @@ -1,6 +1,6 @@ # Exploratory testing -Exploratory testing is evaluating a product by learning about it through exploration and experimentation, including to some degree: questioning, study, modeling, observation, inference, etc.) +Exploratory testing is evaluating a product by learning about it through exploration and experimentation, including to some degree: questioning, study, modeling, observation, inference, etc. Free Content Exploratory Testing diff --git a/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/101-non-functional-testing/load-testing.md b/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/101-non-functional-testing/load-testing.md index 7578df565..5d78e05de 100644 --- a/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/101-non-functional-testing/load-testing.md +++ b/content/roadmaps/113-qa/content/100-qa-basics/107-testing-techniques/101-non-functional-testing/load-testing.md @@ -4,4 +4,4 @@ Load Testing is a type of Performance Testing that determines the performance of Free Content Software Testing: Load Testing -Load testing and Best Practises \ No newline at end of file +Load testing and Best Practices \ No newline at end of file diff --git a/content/roadmaps/113-qa/content/101-qa-sdlc/102-agile-model/readme.md b/content/roadmaps/113-qa/content/101-qa-sdlc/102-agile-model/readme.md index ff2d16eb9..396330fd3 100644 --- a/content/roadmaps/113-qa/content/101-qa-sdlc/102-agile-model/readme.md +++ b/content/roadmaps/113-qa/content/101-qa-sdlc/102-agile-model/readme.md @@ -6,4 +6,5 @@ The Agile software development methodology is one of the simplest and most effec Free Content Agile Methodology: What is Agile Model in Software Testing? -Agile Model \ No newline at end of file +Agile Model +Manifesto for Agile Software Development \ No newline at end of file diff --git a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/100-basic-introduction/responsive-vs-adaptive.md b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/100-basic-introduction/responsive-vs-adaptive.md index bd6848a9c..6adb58d0b 100644 --- a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/100-basic-introduction/responsive-vs-adaptive.md +++ b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/100-basic-introduction/responsive-vs-adaptive.md @@ -1 +1,18 @@ -# Responsive vs adaptive \ No newline at end of file +# 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. diff --git a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/101-ghost-inspector.md b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/101-ghost-inspector.md index fd5731e65..14c637a2f 100644 --- a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/101-ghost-inspector.md +++ b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/101-ghost-inspector.md @@ -1 +1,7 @@ -# Ghost inspector \ No newline at end of file +# 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. + +Free Content +Ghost Inspector Website +What Is Ghost Inspector? Overview & Tour Of Features \ No newline at end of file diff --git a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/qa-wolf.md b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/qa-wolf.md index d3a9dbbf4..b4da7534c 100644 --- a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/qa-wolf.md +++ b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/qa-wolf.md @@ -1 +1,9 @@ -# Qa wolf \ No newline at end of file +# QA Wolf + +QA Wolf is a hybrid platform & service that helps software teams ship better software faster by taking QA completely off their plate. + +Free Content +QA Wolf +QA Wolf Official Docs +Getting started with QA Wolf +QA Wolf Tutorial diff --git a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/webdriver-io.md b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/webdriver-io.md index 5343b66c7..46bdef988 100644 --- a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/webdriver-io.md +++ b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/102-automation-frameworks/webdriver-io.md @@ -1 +1,13 @@ -# Webdriver io \ No newline at end of file +# 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. + +Free Content +WebdriverIO Website +A brief overview of WebdriverIO +Getting started with WebdriverIO +WebdriverIO Tutorial diff --git a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/103-check-my-links.md b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/103-check-my-links.md index 7014e9903..8d29ca97f 100644 --- a/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/103-check-my-links.md +++ b/content/roadmaps/113-qa/content/103-qa-automated-testing/100-frontend-automation/103-check-my-links.md @@ -1 +1,6 @@ -# Check my links \ No newline at end of file +# 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. + +Free Content +Check My Links Official Docs diff --git a/content/roadmaps/113-qa/content/103-qa-automated-testing/102-backend-automation/102-soap-ui.md b/content/roadmaps/113-qa/content/103-qa-automated-testing/102-backend-automation/102-soap-ui.md index 55b6f6438..27fcad88b 100644 --- a/content/roadmaps/113-qa/content/103-qa-automated-testing/102-backend-automation/102-soap-ui.md +++ b/content/roadmaps/113-qa/content/103-qa-automated-testing/102-backend-automation/102-soap-ui.md @@ -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. Free Content -Soap UI Official Website -Soap UI Docs +SoapUI Official Website +SoapUI Docs diff --git a/content/roadmaps/113-qa/content/104-qa-non-functional-testing/101-accessibility-testing/101-wave.md b/content/roadmaps/113-qa/content/104-qa-non-functional-testing/101-accessibility-testing/101-wave.md index 9232aa898..a98ee5fe2 100644 --- a/content/roadmaps/113-qa/content/104-qa-non-functional-testing/101-accessibility-testing/101-wave.md +++ b/content/roadmaps/113-qa/content/104-qa-non-functional-testing/101-accessibility-testing/101-wave.md @@ -1 +1,3 @@ -# Wave \ No newline at end of file +# 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. diff --git a/content/roadmaps/113-qa/content/104-qa-non-functional-testing/readme.md b/content/roadmaps/113-qa/content/104-qa-non-functional-testing/readme.md index 078331f09..4a9c199a2 100644 --- a/content/roadmaps/113-qa/content/104-qa-non-functional-testing/readme.md +++ b/content/roadmaps/113-qa/content/104-qa-non-functional-testing/readme.md @@ -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. diff --git a/content/roadmaps/113-qa/content/105-qa-email-testing/100-mailinator.md b/content/roadmaps/113-qa/content/105-qa-email-testing/100-mailinator.md index 082391688..92231c256 100644 --- a/content/roadmaps/113-qa/content/105-qa-email-testing/100-mailinator.md +++ b/content/roadmaps/113-qa/content/105-qa-email-testing/100-mailinator.md @@ -1 +1,7 @@ -# Mailinator \ No newline at end of file +# 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. + +Free Content +Mailinator +Mailinator Official Docs diff --git a/content/roadmaps/114-software-architect/content/111-web-and-mobile/105-w3c-and-whatwg-standards.md b/content/roadmaps/114-software-architect/content/111-web-and-mobile/105-w3c-and-whatwg-standards.md index 1c08df458..9ddc72514 100644 --- a/content/roadmaps/114-software-architect/content/111-web-and-mobile/105-w3c-and-whatwg-standards.md +++ b/content/roadmaps/114-software-architect/content/111-web-and-mobile/105-w3c-and-whatwg-standards.md @@ -1,6 +1,6 @@ # W3c and WHATWG Standards -World Wide Web Consortium (W3C) standards define the best practises for web development to enable developers to build rich interactive experiences that are available on any device. Theses standards range from recommended web technologies such as HTML, CSS, XML to the generally accepted principles of web architecture, semantics and services. +World Wide Web Consortium (W3C) standards define the best practices for web development to enable developers to build rich interactive experiences that are available on any device. Theses standards range from recommended web technologies such as HTML, CSS, XML to the generally accepted principles of web architecture, semantics and services. Web Hypertext Application Technology Working Group (WHATWG) is another set of web standards that came into existence after W3C announced that it was going to be focusing on XHTML over HTML. diff --git a/readme.md b/readme.md index 4ccd5bb5f..574d740db 100644 --- a/readme.md +++ b/readme.md @@ -1,6 +1,6 @@

-

roadmap.sh

+

roadmap.sh

Community driven roadmaps, articles and resources for developers

diff --git a/scripts/readme.md b/scripts/readme.md index eed95486e..e85857ef0 100644 --- a/scripts/readme.md +++ b/scripts/readme.md @@ -8,7 +8,7 @@ Here is the list of scripts available: ## Sitemap -Generates the sitemap with all the pages and guides +The below mentioned command generates the sitemap with all the pages and guides ```shell npm run meta:sitemap @@ -16,7 +16,7 @@ npm run meta:sitemap ## Roadmaps Meta -Generates the `content/roadmaps.json` file by combining the `content/raodmaps/**/meta.json` content in each roadmap +The below mentioned command generates the `content/roadmaps.json` file by combining the `content/raodmaps/**/meta.json` content in each roadmap ```shell npm run meta:roadmaps