techstacktable/ORGIZ_webdev_appdev_devops_DETAILED.html at main · dist1/techstacktable · GitHub

1
<!DOCTYPE html><html><head>  <title>Technology Stacks and Tools</title>  <link rel="stylesheet" type="text/css" href="ORGIZ_webdev_appdev_devops_DETAILED.css"></head><body>    <h1>Technology Stacks and Tools</h1>	    <nav>        <ul>            <li><a href="#webdev" class="active">Web Development</a></li>            <li><a href="#appdev" class="active">App Development</a></li>            <li><a href="#devops" class="active">DevOps</a></li>        </ul>    </nav>	    <section id="webdev">    <h2>Web Development</h2>    <h3>Technology Stacks</h3>    <table>        <tr>            <th>Technology/Stack</th>            <th>Frontend</th>            <th>Backend</th>            <th>Database</th>            <th>Description</th>        </tr>        <tr>            <td>MEAN</td>            <td>Angular</td>            <td>Node.js, Express.js</td>            <td>MongoDB</td>            <td>MongoDB, Express.js, Angular, Node.js</td>        </tr>        <tr>            <td>MERN</td>            <td>React</td>            <td>Node.js, Express.js</td>            <td>MongoDB</td>            <td>MongoDB, Express.js, React, Node.js</td>        </tr>        <tr>            <td>MEVN</td>            <td>Vue.js</td>            <td>Node.js, Express.js</td>            <td>MongoDB</td>            <td>MongoDB, Express.js, Vue.js, Node.js</td>        </tr>        <tr>            <td>PERN</td>            <td>React</td>            <td>Node.js, Express.js</td>            <td>PostgreSQL</td>            <td>PostgreSQL, Express.js, React, Node.js</td>        </tr>        <tr>            <td>Serverless</td>            <td>React, Vue.js</td>            <td>AWS Lambda, Firebase Functions</td>            <td>Various</td>            <td>Building apps with serverless architecture</td>        </tr>        <tr>            <td>Flutter & Dart</td>            <td>Flutter</td>            <td>Dart</td>            <td>SQLite</td>            <td>Google's UI toolkit for multi-platform apps</td>        </tr>        <tr>            <td>React Native</td>            <td>React</td>            <td>Node.js, Express.js</td>            <td>SQLite</td>            <td>Facebook's framework for building mobile apps using React</td>        </tr>        <tr>            <td>LAMP</td>            <td>HTML, CSS, JavaScript</td>            <td>PHP</td>            <td>MySQL</td>            <td>Linux, Apache, MySQL, PHP stack</td>        </tr>        <tr>            <td>Ruby on Rails</td>            <td>HTML, CSS, JavaScript</td>            <td>Ruby</td>            <td>PostgreSQL</td>            <td>Ruby on Rails with PostgreSQL</td>        </tr>        <tr>            <td>Django</td>            <td>HTML, CSS, JavaScript</td>            <td>Python</td>            <td>PostgreSQL</td>            <td>Python-based Django with PostgreSQL</td>        </tr>    </table>        <h3>Enhancement Tools</h3>	<p>Enhancement tools are used to improve the performance, security, and development process of web applications. These tools include:</p>	<div class="dropdown" onclick="toggleDropdown(this)">        <button class="dropdown-btn">Click to view Enhancement Tools</button>        <div class="dropdown-content">		<ul>			<li><strong>Cloudflare:</strong> A content delivery and DDoS protection service.</li>			<li><strong>CDN:</strong> Content Delivery Network for fast content delivery.</li>			<li><strong>NPM:</strong> Node Package Manager for JavaScript.</li>			<li><strong>Yarn:</strong> Fast, reliable, and secure dependency management.</li>			<li><strong>Snap:</strong> Package format for easy software installation on Linux.</li>			<li><strong>Ajax:</strong> Asynchronous JavaScript and XML for dynamic web content.</li>			<li><strong>Webpack:</strong> Module bundler for managing assets and optimizing code.</li>			<li><strong>Babel:</strong> JavaScript compiler for converting modern JS into backward-compatible versions.</li>			<li><strong>SASS/SCSS:</strong> CSS preprocessors for enhanced styling capabilities.</li>			<li><strong>ESLint:</strong> JavaScript linter for identifying and fixing code issues.</li>			<li><strong>Prettier:</strong> Code formatter to enforce consistent code style.</li>			<li><strong>PostCSS:</strong> CSS tool for transforming styles with plugins.</li>			<li><strong>Gulp:</strong> Task runner for automating development workflows.</li>			<li><strong>Grunt:</strong> JavaScript task runner for building and automation.</li>			<li><strong>Browser DevTools:</strong> Built-in browser tools for debugging, profiling, and inspecting web applications.</li>			<li><strong>Google PageSpeed Insights:</strong> Analyzes websites and suggests performance optimizations.</li>			<li><strong>GTmetrix:</strong> Offers insights into website performance with recommendations for improvements.</li>			<li><strong>Google Analytics:</strong> Tracks website traffic and user behavior for data-driven decisions.</li>			<li><strong>Google Tag Manager:</strong> Manages and deploys marketing tags without code changes.</li>			<li><strong>HTTPS & SSL Certificates:</strong> Provides encrypted and secure connections for user data protection.</li>			<li><strong>Content Security Policy (CSP):</strong> Prevents cross-site scripting and other code injection attacks.</li>			<li><strong>Web Application Firewall (WAF):</strong> Filters and blocks malicious traffic to enhance security.</li>			<li><strong>OWASP Security Tools:</strong> Collection of tools for identifying and mitigating web security risks.</li>		</ul>        </div>    </div>	    <h3>Hosting a Site</h3>	<div class="dropdown" onclick="toggleDropdown(this)">        <button class="dropdown-btn">Click to view steps for hosting a site</button>        <div class="dropdown-content">		<ol>			<li><strong>Choose a Domain Name:</strong> Select a memorable domain name that reflects your website's purpose.</li>			<li><strong>Select a Hosting Platform:</strong> Choose a hosting provider based on your needs (e.g., shared hosting, VPS, cloud).</li>			<li><strong>Configure Domain:</strong> Link your domain to the hosting server by updating DNS settings.</li>			<li><strong>Build Your Website:</strong> Develop your website using the chosen technology stack.</li>			<li><strong>Upload Files:</strong> Transfer your website files to the hosting server via FTP, cPanel, or other methods.</li>			<li><strong>Configure Databases:</strong> Set up and configure databases for dynamic content.</li>			<li><strong>Test Your Site:</strong> Ensure your site functions correctly and is responsive on various devices.</li>			<li><strong>Enable SSL Certificate:</strong> Secure your site with an SSL certificate to use HTTPS.</li>			<li><strong>Adjust Domain Settings:</strong> Verify DNS settings and allow propagation time.</li>			<li><strong>Go Live:</strong> Once DNS propagates, your site is live and accessible via your domain.</li>		</ol>        </div>    </div>	</section>        <section id="appdev">    <h2>App & Game Development</h2>    <h3>App Development</h3>    <table>        <tr>            <th>Technology/Stack</th>            <th>Frontend</th>            <th>Backend</th>            <th>Database</th>            <th>Description</th>        </tr>        <tr>            <td>Android Studio</td>            <td>XML</td>            <td>Java, Kotlin</td>            <td>SQLite</td>            <td>Official IDE for Android app development</td>        </tr>        <tr>            <td>iOS (Swift)</td>            <td>Swift, Objective-C</td>            <td>Swift, Node.js</td>            <td>Core Data</td>            <td>App development for the iOS ecosystem</td>        </tr>        <tr>            <td>Desktop (Java)</td>            <td>JavaFX, Swing</td>            <td>Java</td>            <td>SQLite, MySQL</td>            <td>Creating desktop applications using Java</td>        </tr>        <tr>            <td>Web (JavaScript)</td>            <td>HTML, CSS, JS</td>            <td>Node.js, Express.js</td>            <td>MongoDB, MySQL</td>            <td>Building web applications using JavaScript stack</td>        </tr>        <tr>            <td>Flutter</td>            <td>Flutter</td>            <td>Dart</td>            <td>SQLite</td>            <td>Google's UI toolkit for multi-platform app development</td>        </tr>        <tr>            <td>React Native</td>            <td>React</td>            <td>Node.js, Express.js</td>            <td>SQLite</td>            <td>Facebook's framework for building mobile apps using React</td>        </tr>        <tr>            <td>Ionic</td>            <td>HTML, CSS, JS</td>            <td>Angular, React, Vue.js</td>            <td>SQLite</td>            <td>Framework for building hybrid mobile apps</td>        </tr>        <tr>            <td>Xamarin</td>            <td>C#</td>            <td>.NET, Xamarin.Forms</td>            <td>SQLite, SQL Server</td>            <td>Cross-platform app development with C#</td>        </tr>        <tr>            <td>PhoneGap / Cordova</td>            <td>HTML, CSS, JS</td>            <td>Node.js</td>            <td>SQLite</td>            <td>Build mobile apps using web technologies</td>        </tr>        <tr>            <td>NativeScript</td>            <td>JavaScript, TypeScript</td>            <td>Node.js</td>            <td>SQLite</td>            <td>Build native mobile apps using web technologies</td>        </tr>        <tr>            <td>Kotlin Multiplatform</td>            <td>Kotlin</td>            <td>Kotlin</td>            <td>SQLite</td>            <td>Share code between different platforms with Kotlin</td>        </tr>        <tr>            <td>Appgyver</td>            <td>Visual Development</td>            <td>No-code/Low-code platform</td>            <td>Built-in</td>            <td>Build apps quickly using visual development tools</td>        </tr>        <tr>            <td>OutSystems</td>            <td>Visual Development</td>            <td>No-code/Low-code platform</td>            <td>Built-in</td>            <td>Build web and mobile apps with minimal coding</td>        </tr>    </table>	<h3>Game Development</h3>	<table>		<tr>			<th>Technology/Stack</th>			<th>Frontend</th>			<th>Backend</th>			<th>Database</th>			<th>Description</th>		</tr>		<tr>			<td>Unity</td>			<td>Unity UI</td>			<td>C#</td>			<td>SQLite, MySQL</td>			<td>Popular game development platform using C#</td>		</tr>		<tr>			<td>Unreal Engine</td>			<td>Unreal UI</td>			<td>C++</td>			<td>SQLite, MySQL</td>			<td>Powerful game engine with C++ development</td>		</tr>		<tr>			<td>Godot</td>			<td>Godot UI</td>			<td>GDScript, C#</td>			<td>Built-in</td>			<td>Open-source game engine with visual scripting</td>		</tr>		<tr>			<td>Cocos2d</td>			<td>Cocos2d UI</td>			<td>Python, C++, JS</td>			<td>Built-in</td>			<td>Framework for building 2D games</td>		</tr>		<tr>			<td>GameMaker Studio</td>			<td>Drag-and-Drop</td>			<td>GML (GameMaker Language)</td>			<td>Built-in</td>			<td>Easy-to-use game development environment</td>		</tr>		<tr>			<td>Phaser</td>			<td>HTML5 Canvas</td>			<td>JavaScript</td>			<td>Built-in</td>			<td>Framework for creating 2D games in the browser</td>		</tr>		<tr>			<td>Löve2D</td>			<td>Lua</td>			<td>Lua</td>			<td>Built-in</td>			<td>Framework for building 2D games</td>		</tr>		<tr>			<td>Pygame</td>			<td>Python</td>			<td>Python</td>			<td>Built-in</td>			<td>Library for building simple 2D games in Python</td>		</tr>		<tr>			<td>Roblox</td>			<td>Lua</td>			<td>Roblox Studio</td>			<td>Built-in</td>			<td>Platform for creating and sharing games</td>		</tr>		<tr>			<td>Source Engine</td>			<td>Hammer Editor</td>			<td>C++, Lua</td>			<td>Built-in</td>			<td>Powering games like Half-Life, Counter-Strike</td>		</tr>		<tr>			<td>Frostbite Engine</td>			<td>FrostEd</td>			<td>C++, Lua</td>			<td>Built-in</td>			<td>Used in Battlefield series, Star Wars Battlefront</td>		</tr>		<tr>			<td>Id Tech Engine</td>			<td>Radiant</td>			<td>C++</td>			<td>Built-in</td>			<td>Known for games like Doom, Quake</td>		</tr>	</table>	</section>	    <section id="devops">	<h2>DevOps</h2>	<table>	  <tr>		<th>Technology/Stack</th>		<th>Description</th>	  </tr>	  <tr>		<td>DevOps Practices</td>		<td>Set of practices for efficient software development</td>	  </tr>	  <tr>		<td>OWASP</td>		<td>Security standards and tools for web applications</td>	  </tr>	  <tr>		<td>CI/CD Tools</td>		<td>Jenkins, Travis CI, CircleCI, GitLab CI/CD, TeamCity</td>	  </tr>	  <tr>		<td>Configuration Management</td>		<td>Ansible, Puppet, Chef</td>	  </tr>	  <tr>		<td>Containerization</td>		<td>Docker</td>	  </tr>	  <tr>		<td>Container Orchestration</td>		<td>Kubernetes, Openshift</td>	  </tr>	  <tr>		<td>Infrastructure as Code</td>		<td>Terraform, CloudFormation</td>	  </tr>	  <tr>		<td>Monitoring</td>		<td>Prometheus, Grafana, ELK Stack</td>	  </tr>	  <tr>		<td>Cloud Platforms</td>		<td>AWS, Azure, GCP</td>	  </tr>	  <tr>		<td>Scripting Languages</td>		<td>Bash, Python</td>	  </tr>	  <tr>		<td>Continuous Monitoring</td>		<td>Nagios, Zabbix</td>	  </tr>	  <tr>		<td>Log Management</td>		<td>Splunk, Loggly, Sumo Logic</td>	  </tr>	  <tr>		<td>Continuous Deployment</td>		<td>Spinnaker, Argo CD</td>	  </tr>	  <tr>		<td>Serverless Computing</td>		<td>AWS Lambda, Azure Functions, Google Cloud Functions</td>	  </tr>	  <tr>		<td>Infrastructure Automation</td>		<td>Ansible, Puppet, Chef</td>	  </tr>	  <tr>		<td>Orchestration</td>		<td>Kubernetes, Docker Swarm, Nomad</td>	  </tr>	  <tr>		<td>Infrastructure as Code</td>		<td>Terraform, AWS CloudFormation, Azure Resource Manager</td>	  </tr>	  <tr>		<td>Container Registry</td>		<td>Docker Hub, Amazon ECR, Google Container Registry</td>	  </tr>	</table>	</section><script src="ORGIZ_webdev_appdev_devops_DETAILED.js"></script></body></html>