Noel Hullfish - IST 276 Portfolio

This portion of the website contains related to IST 276 in the Spring Semester of 2020.

Here’s my work from class!

HTML5 Hobbies

This was an assignment to list some of our hobbies into a basic HTML5 webpage. See it here

CSS Hobbies

This was an assignment to add a CSS stylesheet to our HTML5 Hobbies webpage. See it here

JavaScript Collage

This was an assignment to create a collage using JavaScript that would be random and prompt for the number of images. See it here

Project Proposal

Proposal for Project 2. See it here

Bootstrap Hobbies

A remake of the hobbies page using Bootstrap. See it here

Test 3 - Project Presentation Prep

A Google Slides presentation of our final project. See it here

Here’s some helpful client side web tools to look at!

AngularJS AngularJS

AngularJS is an open-source structural framework based in JavaScript for web applications. It allows the user to use HTML as a template language and extend its syntax. It has a large community and is still actively maintained.See it here

React React

React is a JavaScript library that is used to build user interfaces. Similar to Angular, it is also open-source and used to build interactive elements on websites.See it here

Here’s other portfolios to check out!

Some current trends in client side web technology

HTML

Hypertext Markup Language is the standard language when it comes to creating Web pages. It is able to make use of other technologies, such as Cascading Style Sheets and JavaScript, in order to extend what it is capable of even further. HTML consists of multiple elements that tells the web browser how to display a web page.

Where Do You Learn HTML in 2019?

Nowadays, there are so many different ways to learn HTML and CSS that it can get overwhelming to figure out where to start. There are plenty of places to begin with learning more about HTML and CSS, regardless of current experience and skill level.

CSS

Cascading Style Sheets is a language that is used to define the style of an HTML file. It contains elements that tell the browser how to display the HTML file in a web browser, which allows for more creative web pages.

5 New CSS Techniques to Master in 2020

As creators search for more ways to implement their vision of their websites, they create new techniques to push what CSS is capable of. Some new features include cool things such as making grids responsive or scroll snapping.

How to use CSS breakpoints to create responsive designs

In the age of mobile phones, pulling up a webpage that doesn't resize for a mobile platform can be annoying. CSS can use breakpoints to have content determine its layout based on the screen width to give the user the best possible layout for their device.

JavaScript

JavaScript is a programming/scripting language that allows the user to implement more complex additions on their webpage, such as interactive elements and animated graphics. It can be used to create dynamic content, compared to the static elements found in HTML and CSS.

Taming Data with JavaScript

While JavaScript and data are often considered to be exclusive, JavaScript can offer different ways of displaying data. It can be used to create a more dynamic or interactive way of viewing datasets, while maintaining the integrity of the data.

Modern JavaScript Explained For Dinosaurs

Like most different forms of programming, JavaScript is something that is continuously growing and expanding. As a result, it can be become confusing to people who may only be familiar with older types of JavaScript, but it can be easy to come back to.