Common Security Vulnerabilities in Web Applications
1. CSRF
2.XSS
Tuesday, April 25, 2023
Web1.0 vs Web2.0 vs Web3.0
Web1.0 vs Web2.0 vs Web3.0
Web1.0 - website is only readable.
Web2.0 - website is readable as well user can create it.
Web3.0 - website is readable, creatable and users own control on it.
Web & Mobile App Testing
Web Testing
1.Functional Testing
a.Functional Testing
b.UI Testing
c.Localization Testing for mobile applications
d.Cross Browser Testing for Web Apps
2.Test Automation using Selenium Web Driver for Web Application
3.MobileTest Automation using Appium
4.API Testing using Postman Tool
5.Other Testing
a. Load Testing
b. Usability Testing
c. Database Testing
d. User Acceptance Testing
e. Non Functional Testing
Web Terminologies
Web Terminologies
1.Cookies
2.Headers
3.Session
4.CDN
5.Web Requests
6.Redirects
7.HTTP Status Codes
8.Service
9.Client
10.Browsers
11.AJAZ
12.Java Script
13.CSS
14.HTML
15.SSL.
16.DNS
17.Server Send Events (SSE)
https://kennethnnalue.medium.com/introduction-to-server-sent-events-sse-d0b7590503a5
https://bunny.net/academy/http/what-is-sse-server-sent-events-and-how-do-they-work/
Server-Sent Events are a Rest API driven event-based subscription flow
18.Web Sockets
19.WebTransport
https://ably.com/blog/can-webtransport-replace-websockets#:~:text=WebTransport%20is%20a%20new%20specification,but%20WebTransport%20may%20change%20that.
20.Prisma
Prisma is an open-source ORM for Node.js and TypeScript. It is used as an alternative to writing plain SQL, or using another database access tool such as SQL query builders (like knex.js) or ORMs (like TypeORM and Sequelize).
21.Astro 4.0
Astro’s architecture is often described as “islands architecture”—it delivers most pages as static HTML with minimal JavaScript by default, injecting interactivity only into necessary parts of the UI. This focus on performance and flexibility makes Astro a prominent part of the Jamstack and modern serverless stack.
Backend Technologies
Backend Technologies
1. Programming Languages
2. APIS
3. Database
4. Servers
5. Backend Frameworks
Frontend Technologies
Frontend Technologies
1.HTML
2.CSS
3.JavaScript
4.Frontend JS Frameworks
5.Frontend JS Libraries
SEO ( Search Engine Optimization)
SEO Concepts
1.Page Meta Data
2.URL Structure and Internal Linking
3.Crawling Process
4.Content and Keyword Discovery
5.Google Master Tools
6.Other SEO Concepts
Search Engines:
1.Google 2.Bing 3.Yahoo
SEO Widgets
SEO Tools
SEO Best Practices
Technical SEO
Web/UI/UX Designing
Web/UI/UX Designing
UI -> User Interface
UX -> User Experience
UI Design Tools
1. Figma
2.Sketch
3.InDesign
UX Design Resources
1. Logo
2.Graphics
3.Mocks
4.Figma Templates
5.Icons
6.Illustrations
7.Image Library
Web Technology Stacks
Web
Technology Stacks
A tech stack is the set of technologies
used to develop an application, including programming languages, frameworks,
databases, front-end and back-end tools, and APIs.
https://www.fingent.com/blog/top-7-tech-stacks-that-reign-software-development/
https://enkonix.com/blog/web-development-stacks/
https://radixweb.com/blog/top-web-development-stacks
1. LAMP (Linux APACHE MYSQL
PHP/Perl/Python)
2. MERN (MongoDB Express React
Node)
3.MEAN (MongoDB Express Angular
Node)
4.MEVN (MongoDB Express Vue Node)
5. MERN (MongoDB Express
React Node)
6. The Serverless Technology Stack
7. Ruby on Rails (RoR)
8. Flutter for Web (Dart, Mobile Framework)
9. Django (Python)
10. Microsoft Stack
11.PERN ( PostgresSQL, Express.js, React.js,Node.js)
12.MEEN ( (MongoDB Express Ember Node)
13.Web3 Developer Stack
14.JAM Stack
Companies
and their Stacks
1. Facebook/Meta
2. Ebay
3. Slack
4. Atlassian
https://maddevs.io/blog/tech-stack-of-prominent-companies/
Frameworks Comparisonhttps://stackshare.io/frameworks/stackups
Modern Web Concepts
Modern Web Concepts
A. Web Designing
B. Web Development
C. Web Hosting
D. Web Infrastructure
E. Web Platform
F. Web Engineering
G. UI/UX Engineering
H. Web Hooks
I. Web Frameworks
J. Web Analytics
K. Web Metrics Reporting
L. Web Engagement
M. Web Templates
N. Web Portals
O. Web Vital
P. Web Ecosystem
Q. Web Master Tools
R. Webpage Rendering Patterns
S. Web Crawlers
T. Website Traffic Management
U. Web Canary
V. Web Scraping
W. Webpage Annotations
X. Website Data Collector
Y. Webpage Clustering
Z. Website Authorizer
1. Webiste Localization
2. Website Internationalization
3.Web Views
4. WebGL
5. Web Assembly
6.Web AR
7.Web Maps
8. Webkit
9.WebAudio
10. WebAPI
11. Web Components
12. Web Client
13.WebL (A/B) Testing
14. Webflow
15.Webmethods
16.Web XR
17.Web RTC
18.Web Console
19.Web Sockets
20.Web System Design
21.Web Components
22.Web Publishing
23.Web Workers
24.Web Site
25.Web Application
Modern Web Development
Modern Web Development
Modern web development is a term for the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services.
1.WEB BASICS
1.1 Web User Interface Design Techniques
1.2 HTML5 Semantic Elements
1.3 Styling with CSS3
1.4 JavaScript Essentials
1.5 JSON
1.6 YAML
2. SERVER SIDE SCRIPTING
2.1 Lua Programming
2.2 JS Qualis
2.3 Ruby on Rails
2.4 Node.js
2.5 Clojure
2.6 Erlang Essentials
2.7 Node.js with Express Framework
2.8 Rust Ingress
2.9 Ruby Programming
3. JAVASCRIPT LIBRARIES
3.1 Handlebars.js
3.2 Backbone.js
3.3 jQuery
3.4 ECMAScript6
3.5 TypeScript - JavaScript's Superset
4. MV* FRAMEWORK
4.1 Vue JS
4.2 Flask - Python Web Framework
4.3 ReactJS - Mail Client Application
4.4 Angular
4.5 Polymer JS
5. HYBRID APP DEVELOPMENT
React Native
Ionic Framework
NativeScript
6.BUILD SYSTEMS
Bundling with Webpack
Workflow Automation with Gulp
NPM - Package Manager
Automation with Grunt.JS
Package Management with Bower
Subscribe to:
Comments (Atom)