ScottDevOps.com

S
c
o
t
t
'
s

P
o
r
t
f
o
l
i
o

L
a
n
d
i
n
g

P
a
g
e

This website showcases just some of the accomplishments and skills I have acquired along my journey through life and the world of Information Technology such as: software and hardware I have worked on || companies and projects I have created or managed || testimonials and reference letters I have received over the years || websites and applications I built || passion projects I designed and created || online versions of my resume || list of skills I possess || technical youtube videos I have made || an online blog I created and maintain || a few applications I created that are available for sale.

With all that said, I can use all these experiences and knowledge to help you in many areas of problem solving with technology (my Programmers-on-demand.com website). Please: click here to see a detailed list of my various skill sets grouped together by category.

This website explains in words, and visually shows you in diagrams and flowcharts my experiences with DevOps and other related technology. I explain why it is so important to use various devops practices in projects whether you have existing software or are planning on undertaking new projects. Additionally, here are a few samples of some work I have completed recently. View Sample Article from my new Blog Site that I created recently. It is where I will be writing new Blog Articles in the near future about awesome technology! Click here to see the new CRT IS IT Website that I created using open-source software, javascript, next.js, node.js, postgres, SQLite and the very best Headless CMS called STRAPI. Here you can see my previous Project Diagram (Site Map). Old Site Map

My Skills List

View many different types of hardware, software, networking, applications, tools and frameworks I have worked with. Click here

Kubernetes Cluster

I designed and built a four-node kubernetes cluster using Ubuntu Linux server operating system and Raspberry Pi 4

YouTube Videos

View list of my YouTube videos about topics like Strapi CMS, Chartbrew, DevOps, Cloud Providers, etc Click here

Blogging Site

View Scott's Blogging Site that was built using C#, .Net Core, and the Piranha CMS framework

Current Resume

Here you can view an online version and download a copy of Scott's most up-to-date resume

Testimonials

Here you can view reference letters, and testimonials written about Scott both as an individual and as a business owner

Passion Projects

View some of the cool and interesting projects that Scott created with both software and hardware in some cases

Websites & apps

Here is a list of screenshots of some of the various web applications, and websites that Scott has worked on over the years

Trends in Tech

Here is a list of some newer technology and trends in the world of software and technology

ToDo Project Tracker

Here are a few applications you can try out for free, and purchase a subscription if you find them useful enough

Membership Database

Need web-based software to help manage your organization and its list of members and activities? Review this web page to find out more

FUEL KB

This is an application that can help organizations get a handle on managing and reducing technical debts thereby saving costs

My Experiences with DevOps & More

This is a responsive and secure website that I have designed and built myself using modern technology. DevOps is very exciting and increasingly important in our rapidly changing world, and is linked directly to the success or failure of companies (depending on how it is utilized). We must take into account the associated business processes (requirements, user stories, agile, backlogs, QA, Testing, etc) that go along for the ride. Cloud-based DevOps is the fuel providing energy and motion to the process of modern software development and deployments and on-going maintenance.

There are so many awesome tools and technologies at our fingertips today (must be implemented wisely) that can be used to dramatically and drastically cut costs normally associated with building, managing and maintaining software over its lifetime. Software could be in production for months or even a decade or more. It is always important to talk about using DevOps whether it is to be used for new applications, older applications, and even legacy systems that require much attention to help reduce the backlog of technical debt.

Mobile First

Flexbox makes building responsive and mobile friendly layouts much easier

CSS Positioning

Flexbox can solve various css problems including how to position or dynamically resize elements on a page

Layouts & and Spacing

Handles lay outs, alignments, and space distributions among items in a container

More Conceptual Details

This web page was created to show how to use some of the basics of flexbox using a custom css file I called flexbox.css. Flexbox is a very important and useful tool within the world of cascading stylesheets technology and frameworks or CSS tools. We have things like Flexbox (2009+), CSS Grid (2017+), and Bootstrap 4 (2018) to help with the layout and styling of content on web pages.

Please take note, that I am using some of the font awesome icons in this web page.

Let us learn more about the typical use cases of Flexbox: Click here to learn more about flexbox.

What is Microsoft up to these days?: Click here to learn more about Microsoft Corporation Inc.

The

DevOps

Infinity

Loop

This graphic (see below) depicts the sequence of events that I follow when creating software applications using an Agile approach (starting with the PLAN). It is an infinite loop that is continously being followed and advances to the next step, as work is completed on the software application or project. When the defined and approved tasks are completed, the project is deployed into production and monitored, allowing the devops loop to begin again at the planning stage.

The basic idea of agility, is to continue making rapid iterations of approved changes and deploying them into production, based on the changing customer requirements. The end users and customers always have access to a 'live' version of the work-in-progress, that allows a constant feedback loop to be established, which quickens the pace of change. That is the basis of being 'agile' in my opinion.

Keep in mind that some of this devops work is done manually by programmers and other teams members, and other work is automated. I show a working example of a real project implementation in the process flowchart below.

What about Agile Development?

Going to briefly discuss benefits of a general agile mindset when it comes to software development. We have things like Flexbox (2009+), CSS Grid (2017+), and Bootstrap 4 (2018) to help with the layout and styling of content on web pages.

Let us learn more about the typical use cases of Flexbox: Click here to learn more about flexbox.

Azure Devops Information Layout Demo

There are five grid tiers to the Bootstrap grid system, one for each range of devices supported. I am using them to display some of my DevOps Information. Each tier starts at a minimum viewport size and automatically applies to the larger devices unless overridden.

(CI/CD)

Continuous

Integration

(CI/CD)

Continuous

Deployment

Agents

Perform

DevOps

Processing

local

in-house

server

DevSecOps

Development

Security

and

Operations

Azure

Portal

the

main

site

Architecture

Cloud-native

apps

Azure

App

Service

publish

your

web

apps

quickly

and

easily

Azure

Pipelines

place

Azure

that

allows

you

create

automation

tasks

and

repeat

them

easily

Workflows

github

allows

you

create

these

automation

steps

GitHub

Actions

part

the

CI/CD

processing

that

Github

provides

Repositories

secure

location

the

internet

where

you

can

colloborate

source

code

and

applications

development

Artifacts

devops

agents

create

these

components

and

make

them

available

deployed

servers

environments

Git

commands

used

developers

push

their

code

changes

central

repositories

Microsoft

IIS

web

server

where

the

compiled

application

hosted

inside

on-premise

server

App

Service

Plan

resource

Azure

host

your

web

applications

and

web

api's

What about Flexbox?

The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities. This article gives an outline of the main features of flexbox, which we will be exploring in more detail in the rest of these guides.

When we describe flexbox as being one dimensional we are describing the fact that flexbox deals with layout in one dimension at a time either as a row or as a column. This can be contrasted with the two-dimensional model of CSS Grid Layout, which controls columns and rows together.

Popover - Hover over me to see effects

Scott's Portfolio Landing Page

S
c
o
t
t
'
s

P
o
r
t
f
o
l
i
o

L
a
n
d
i
n
g

P
a
g
e