Sameal's IST 276 Portfolio

IST 276 Course, Spring 2020

Styled hobbies

The assignment was to create a webpage that talked about three or more of your hobbies using html and css.

JS Collage

The assignment was to create a collage using JavaScript that will generate all the necessary html with inline CSS to produce a randomly formatted photo collage.

Introduction to SVG

The assignment was to create a create an SVG graphic that represents a notable landmark.

Client-Side Web Development Tools

Novi Builder

This is a tool that allows you to design a webpage without coding

Atom

A text editor with a great amount of customizable features

Bootstrap

An open source CSS framework to design websites

Classmate's Portfolio

  1. Liam Bassett
  2. Kyle Cutchens
  3. Boris Elton
  4. Evan Gambill
  5. Alvaro Garcia
  6. Jose Edison Gumarin
  7. Cathy Hu
  8. Noel Hullfish
  9. Georgios Iakovidis
  10. Kyra Idris
  11. Jared Johnson
  12. Trevor Langill
  13. Rabun Leicht
  14. David Mayfield
  15. Daniel Mitchel
  16. Jeremiah Pulliam
  17. Anish Rangan
  18. Spencer Rasmuson
  19. Andrew Robinson
  20. Siriah Sampson
  21. Benjamin Sexton
  22. Willow Stuckey
  23. Ian Vaughan
  24. Gabriel Weber
  25. Karen Wessells

Client Side Web Technology

HTML

Hyper Text Markup Language creates webpages.
They can contain images, videos and links to other webpages

HTML5

HTML5 is the latest evolution of the standard that defines HTML.
The term represents two different concepts. It is a new version of
the language HTML, with new elements, attributes,
and behaviors, and a larger set off technologies that allows
the building of more diverse and powerful Web sites and
applications. This set is sometimes called HTML5 & friends and
often shortened to just HTML5.

The canvas element

The canvas element provides scripts with a resolution
dependent bitmap canvas, which can be used for
rendering graphs, game graphics, art, or
other visual images on the fly.

CSS

Cascading Style Sheets design web pages.

A Complete Guide to Grid

CSS Grid Layout is the most powerful layout system available in CSS.
It is a 2-dimensional system, meaning it can handle both columns and
rows, unlike flexbox which is largely a 1-dimensional system. You work
with Grid Layout by applying CSS rules both to a parent element (which becomes
the Grid Container) and to that element's children (which become Grid Items).

CSS Animation Libraries

There are an awful lot of libraries that want to
help you animate things on the web. These aren't
really libraries that help you with the syntax or
the technology of animations, but rather
are grab-and-use as-is libraries.

Javascript

Javascript is a programming language that makes webpages interactive.

Single-page application vs. multiple-page application

SPA is fast, as most resources (HTML+CSS+Scripts) are only loaded once
throughout the lifespan of application. Only data is transmitted back and
forth. The development is simplified and streamlined. There is no need
to write code to render pages on the server. It is much easier to get started
because you can usually kick off development from a file file://URI,
without using any server at all. SPAs are easy to debug with Chrome,
as you can monitor network operations, investigate page elements and
data associated with it. It’s easier to make a mobile application because the
developer can reuse the same backend code for web application and native
mobile application.SPA can cache any local storage effectively. An
application sends only one request, store all data, then it can use this data
and works even offline.

JavaScript Trends in 2020

JavaScript developers view TypeScript as a tool that results in fewer bugs
while also being easier to read code with the types and object interfaces
offering self-documentation.In the Stack Overflow survey released in 2019.
TypeScript is rated as one of the top three most loved languages, falling
behind Python and Rust. Moreover, GitHub stats show this language
continues to gather momentum, and its community is growing.
picture of different webdev picture of the word html a picture of the word css picture of a JavaScript abbreviation