A Step-Towards Web Development

Image for post
Image for post

Figuring how to connect these elements into an organized structure and bring it to the internet is the sensation of modern-era expanse.

HyperText: Structuring Code for Publishing

Image for post
Image for post

Atypical Structure

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
</body>
</html>

Modern Boilerplate

Cascading Style Sheets: Presenting Architecture

Image for post
Image for post

Atypical Structure

<head>
<style>
#background-style {

}
.text-style {
}
</style>
</head>

Modern Generation

JavaScript: Movement and Functionality

Image for post
Image for post

Atypical Structure

/*!
* Immediately Invoked Function Expression Boilerplate
* (c) 2019 Chris Ferdinandi, MIT License, https://gomakethings.com
*/
;(function () {

'use strict';

// Code goes here...

})();

Modern Snippets

Web Development: Structured, Styled, and Shaped

Image for post
Image for post

Thanks for Reading, Keep Structuring!

Digital Developer @ Mr. Smith Agency. Engineering — WordPress, Shopify, React, JavaScript, Node & Cloud Native software experiences. collectedview.io

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store