Ian Vaughan's IST 276 Portfolio

nice face

IST 276 Spring 2020

Class Assignments

HTML Hobbies
Styled Hobbies
Picture Collage
SVG Graphics
Test 2
  • Webpage Descibing my group and I's plan for the project
  • Link to Test 2
BoostrapHobbies
Test 3
Group Project

Client-Side Web Development Tools

Novi Builder
  • Novi Builder is a drag and drop builder that also provides links to the source code. Allowing experienced developers to save time with the simple things while still being able to customize anything to their liking.
  • Link to tool
NPM or "Node Package Manager
  • NPM is a package manager for JavaScript that helps discover packages of reusable code and assemble them in new ways that makes them more powerful.
  • Link to tool
TypeScript
  • TypeScript is an open-source front end scripting language. It is a strict syntactical superset of JavaScript which adds optional static typing. It is specially designed for development of large applications and compiles to JavaScript.
  • Link to tool

Link to Classmates' portfolios

Current Trends in Client-Side Technology

HTML Trends

HTML is the base programming language that creates a web page. It provides the information and base structure of the page.

3D Folding Layout Technique for HTML Elements

This illusion is created by lining up multiple elements together to give the impression that it is a single piece. Then, rotating the elements on the edges making it look like the single piece is bending.
Link to Article

Stop using so many divs! An intro into semantic HTML

We all love our div tags. They've been around for decades, and for decades they've been the go-to element when you need to wrap some stuff in a block for styling or structural purposes. It's still very common to look through production websites and see stuff like this:
Link to article

HTML 5 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. But it has technical limitations and still leaves a lot to be desired.
Link to article

CSS Trends

CSS works in conjuction with HTML to 'style' a web page. It allows the creator to customize fonts, colors, borders, and many more parts of the webpage.

CSS - position: sticky

At some point in your career as a web developer you will be asked to “just make it stay at the top while they scroll.” This has been something javascript has solved for us in past, but no more! position: sticky to the rescue!
Link to article

CSS only Web Chat

This is an asynchronous chat that sends + receives messages in the browser with no reloads and no javascript
Link to article

The Future of CSS: Flexbox is a Game Changer

Soon, however, you’ll be able to throw out your floats and embrace a better way — the CSS Flexible Box Model, better known as simply Flexbox. Flexbox enables you to create complex layouts with only a few lines of code — no more floats and “clearfix” hacks.
Link to article

JavaScript Trends

JavaScript is a programming language used to create simple programs inside a webpage. Similar to Java but it does not need a JRE to run, only a webpage.

JavaScript is the most in-demad IT skill

The surging popularity of JavaScript shows that the overwhelming need for developers to build web apps has eclipsed the need for developing large back-end systems, the report said
Link to article

What is Cross-Site Scripting?

Cross-site scripting, commonly referred to as XSS, occurs when hackers execute malicious JavaScript within a victim’s browser.
Link to article

What is the Future of JavaScript?

According to Stack Overflow, a popular website used by developers to share their skills, JavaScript is used by 69.8%.
Link to article