Willow's IST 276 Portfolio

Work related to IST 276 during the Spring semester of 2020.

My Work

Hobbies Page

This assignment was to write an HTML5 file to create a page that shows three of my favorite hobbies. The HTML5 file contains validated code, text, links to external sites, and references to pictures.
This is the link to my page: Hobbies

Styled Hobbies Page

This assignment was to write an HTML5 file and a CSS file to create and style a page that shows three of my favorite hobbies. The HTML5 file contains validated code, text, links to external sites, and references to pictures. The CSS file contains validated CSS code that styles the HTML5 file.
This is the link to my page: Styled Hobbies

JavaScript Hobbies Photo Collage

This assignment was to write an HTML5 file with the script tag containing only JavaScript to create a photo collage. (12+ photos) The JavaScript must utilize a randVal function, for loop with makeDiv function, header, and ask the user how many images will be in the collage.
This is the link to my collage: Collage

Scalable Vector Graphic

This assignment was to create an SVG graphic that represents a notable landmark with samples of rect, circle, ellipse, line, and poly tags.
This is the link to my graphic: Sydney Opera House

Test 2

This assignment was to create a formal proposal for the final project in the form of a styled HTML5 page.
This is the link to my page: Test 2

Test 3

This assignment was to create a Google Slides powerpoint containting information about the final project in preparation for the final presentation.
This is the link to my slideshow: Test 3

Bootstrap Hobbies Page

This assignment was to write a new version of my hobbies page (may include different hobbies) that uses 5 or more Bootstrap features. I used cards, carousel, colors, container, jumbotron, and navbar.
Ths is the link to my page: Bootstrap Hobbies

Final Presentation

Google Slides powerpoint to present my final project.
This is the link to my slideshow: Presentation

Project

This assignment demonstrates my understanding of HTML5, CSS, and JavaScript and how they work together.
This is the link to my project: Project

Helpful Tools

SublimeText Logo
jQuery

jQuery is a cross-platform JavaScript library.
Link: jQuery

Sass

I am especially interested in working with Sass because it is a CSS preprocessor. That is, it helps users reduce the amount of CSS they write.
Link: Sass

Sublime Text

Sublime Text is a code editor praised for its keyboard shortcuts and efficient user-interface.
Link: Sublime Text

Class Portfolios

Networking
These are the links to my classmates' portfolios.
________________________________

Current Trends in Client-Side Web Development

HTML

HTML, or Hyper Text Markup Language, defines the structure of a web page and uses tags to tell browsers how to display information.

How to Make Your Website Acessible to People with Disabilities

According to the World Wide Web Consortium (W3C), the web represents a unique opportunity to use technology to provide unprecedented levels of access to written, audio, and video content to those affected by disabilities. With the explosion of education, employment, government, business, healthcare, and entertainment services online, accessible website design is a critical issue, and will determine whether disabled users have equal access to the services those of us without disability take for granted.

Link: WhoIsHostingThis

HTML5 Speech Recognitions API

As a web developer I was excited about the specification, as it opens up a whole new world of opportunities for web apps and new interaction features in existing apps. And since Google opened its own speech recognition engine to support that API, we are able to incorporate one of the best speech recognition technologies out there. At this point — the API is free in conjunction with Google, but there is no guarantee it will continue to be in the future.

Link: codeburst

Speech-to-Text Gif

CSS

CSS, or Cascading Style Sheets, are written in a language similar to HTML. Their purpose is to style HTML documents.

8 innovative web design trends for 2020

Web design trends are constantly changing. In 2020, the technical possibilities seem endless and we’re seeing designers play with extremes, reinvent previous styles and ceaselessly experiment with new techniques. At the same time, there are some popular styles that just won’t go away, such as the ever-present minimalism and colorful flat illustrations we’ve been seeing for some time now.

Link: 99designs

Get Moving (or not) with CSS Motion Path

With the release of Firefox 72 on January 7, 2020, CSS Motion Path is now in Firefox, new Edge (slated for a January 15, 2020 stable release), Chrome, and Opera (and other Blink-based browsers). That means each of these browsers supports a common baseline of offset-path: path(), offset-distance, and offset-rotate.

Link: Daniel's Blog

dark mode 3d web design

JavaScript

JavaScript is an internet programming language that allows web pages to run programs. (Note: JavaScript has nothing to do with Java)

JavaScript Trends in 2020

JavaScript frameworks have become an integral part of the development of every contemporary web project. For better or worse, the tools’ choice is quite extensive burdening developers with questions on which one to use. The issue will remain relevant in 2020.

Link: school.geekwall

New to JAMStack? Everything You Need to Know to Get Started.

The JAMstack isn’t a specific set of tools, but a new, modern way of building websites & apps. Where does “J-A-M” come from, you may ask? From these three core concepts:
JavaScript: Any dynamic programming during the request/response cycle is handled by JavaScript, running entirely on the client.
APIs: All server-side functions or database actions are abstracted into reusable APIs, accessed over HTTPS with JS. Be it SaaS, third-party services or custom-built.
Markup: Templated markup should be prebuilt at build time, usually using a site generator for content sites, or a build tool for web apps.

Link: snipcart

java