Evan Gambill's IST 276 Portfolio

Mercer University's IST 276 - Spring 2020

My Work

1. Hobbies

   A small page dedicated to a few of my hobbies.

2. Hobbies (with style)

   The same page as above, but with CSS styles.

3. Portfolio Page

   The page you are on now.

4. JS Collage

   A randomized collage of hobbies images in Javascript.

5. SVG Assignment

   An attempt at hand-writing SVG

6. IST 276 Project Proposal

   My proposal for the last project of the class.

7. Hobbies Page: Bootstrap Edition

   Recreating my hobbies page using the Bootstrap 4 framework.

8. Test 3: PortaPong Presentation

   A presentation progress report on PortaPong.

9. PortaPong - A Javascript Pong Clone

   A Pong clone as my final project for IST 276

Clientside Web Development Tools

• 

  SASS is a CSS extension language that makes working with responsive, content-rich pages easier.

• 

  HTML5 Boilerplate provides you with a flexible starting point for a wide variety of online projects

Classmate Portfolios

Full List

• Liam Bassett
• Sameal Con-Roma
• Kyle Cutchens
• Boris (Sandy) Elton
• Alvaro Garcia
• JR Gumarin
• Cathy Hu
• Noel Hullfish
• Georgios Iakovidis
• Kyra Idris
• Jared Johnson
• Trevor Langill
• Rabun Leicht
• David Mayfield
• Daniel Mitchell
• Jeremiah Pulliam
• Anish Rangan
• Spencer Rasmuson
• Andrew Robinson
• Siriah Sampson
• Benjamin Sexton
• Willow Stuckey
• Ian Vaughan
• Gabriel Weber
• Karen Wessells

Current Trends in Clientside Web Development

• HTML

  HTML Trends

  HTML (short for Hypertext Markup Language) is the primary language for writing content on webpages. It is used to designate the different sections of the website and what information will go there.

  HTML attributes to improve your users' two factor authentication experience

  As developers we should be building applications that support the need for account security but don't detract from the user experience.

  Article on Twilio.com

  ✨ HTML Share Buttons

  Share buttons are a great way to make sharing content easier, leading to make engagement and visitors down the road. Unfortunately, most first-party share widgets are ugly and require loading external scripts. Yuck.

  Article on Schier.co

  Universal Design

  Accessibility has come a long way over the last few years. It used to be a niche discipline focused on people with disabilities, but recently this focus has shifted towards inclusive design and the understanding that websites and apps need to work for everyone regardless of disabilities, hardware or software in use, or internet speed.

  Article on Shopify's Web Design and Development Blog
• CSS

  CSS Trends

  CSS (or Cascading Stylesheets) are the technologies that power how the web looks.

  The CSS Cascade

  The CSS Cascade is one of the most powerful parts of CSS. But it can also be very frustrating, if not well understood.

  Article on Wattenberger.com

  BEM Methodology

  BEM methodology was invented at Yandex to develop sites which should be launched fast and supported for a long time.

  BEM.info

  Getting Started with CSS Grid

  Well, CSS Grid is the first real layout system for the web. It's designed for organizing content both into columns and rows and it finally gives developers almost God-like control of the screens before us. That means that we can finally ditch decades of hacks and workarounds for setting elements on a web page – ultimately it means that complex layouts and beautifully typeset pages are now not only possible but easy and maintainable.

  Article on CSS-Tricks
• Javascript

  Javascript Trends

  Javascript is the language in which the vast majority of online interactivity is written.

  React

  React makes it painless to create interactive UIs.

  ReactJS.org

  Angular

  Angular turns your templates into code that's highly optimized for today's JavaScript virtual machines, giving you all the benefits of hand-written code with the productivity of a framework.

  Angular.io

  TypeScript

  TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code. Any browser, any OS, anywhere JavaScript runs. Entirely Open Source.

  TypeScript official site