Rabun Leicht IST 276 Portfolio Fall 2020

Ist 276 info and links

HTML5 hobbies

Our first piece of work, just a simple webpage with no css of my favorite hobbies.

CSS Hobbies

Our second piece of work, taking the simple webpage and adding our own flair with a self-made CSS file.

JS Collage

My first javascript program. Designed to take pictures of my favorite hobbies and randomly display the amount of pictures you want on the screen.

SVG

My first work with SVG. I tried to draw an image of the Space Needle during a usual rainy day in Seattle.

Test 2

Our second test is a webpage outlining everything that my gourp is going to include on the final project.

Bootstrap Hobbies

Restyled my html hobbies utilizing Bootstrap, hopefully it looks better.

Test 3

Test 3 features a google slide presentation of how my project will be structured.

Final Project

Our team's final project.

Final Presentation

Final Presentation


Client-Side Web Development Tools

W3 Schools

An amazing tool that has tons of documentation on everything you could possibly want to know pertaining to HTML.

Google Cloud Platform

The Google Cloud Platform allowed us to have a virtual machine to post our html files on.


Classmates Work



Client-Side Web Technology

HTML

Stands for "Hypertext Markup Language." HTML is the language used to create webpages. "Hypertext" refers to the hyperlinks that an HTML page may contain. "Markup language" refers to the way tags are used to define the page layout and elements within the page.

HTML5 vs HTML6

Developments in coding HTML5 brought the ability to create dynamic faster and robust web apps and mobile optimized solutions. In fact, HTML5 is a great mobile application template and has enabled support for video and audio, JavaScript API’s such as local Storage, geolocation and drag and drop, along with new organizational tags like header, footer, article, and section. But it has technical limitations and still leaves a lot to be desired.
Read More

HTML5 Basics for Everyone Tired of Reading About Deprecated Code

You've probably seen many references to HTML5, along with mentions of certain features being “Deprecated” or “New” in HTML5. This can sometimes be confusing, as you find out that the way you thought you were “supposed” to do something is now not the right way at all.
Read More

CSS

Stands for "Cascading Style Sheet." Cascading style sheets are used to format the layout of Web pages. They can be used to define text styles, table sizes, and other aspects of Web pages that previously could only be defined in a page's HTML.

CSS Trends 2019: Your Ultimate Guide to Follow the Latest CSS Trends

An amazing way to add spice to your website layouts and animations is CSS. CSS has the power to turn your boring webpages into the pleasurable visitor experience.
Read More

The Future of Css: Flexbox

HTML5 and CSS 3 offer web developers new semantic tags, native animation tools, server-side fonts and much more, but that’s not the end of the story. In fact, for developers slogging away in the web design trenches, one of the most promising parts of CSS 3 is still just over the horizon — true page layout tools.
Read More

JavaScript

JavaScript is a programming language commonly used in web development. It was originally developed by Netscape as a means to add dynamic and interactive elements to websites. While JavaScript is influenced by Java, the syntax is more similar to C and is based on ECMAScript, a scripting language developed by Sun Microsystems.

Design Patterns in Modern JavaScript Development

In software development, architecture is the process of constructing an application in a healthy, robust and maintainable way and patterns provide a way of giving names to solutions for common problems. These solutions can range from abstract/conceptual to very precise and technical and allow developers to effectively communicate with each other.
Read More

Thanos Snap Effect JavaScript Tutorial

Thanos’ snap effect is one of the best Easter egg from Google that I really like. But since Google obfuscate their code, it’s a little bit hard to see the technique they used. So in the past couple days, I spent some time trying create one on my own. So in this tutorial, I’m going to show and explain to you how I did it. Let’s check it out!
Read More