JR Gumarin's IST 276 Portfolio

jr@portfolio:~$ Welcome!

JR

This portion of the site is dedicated to things directly related to IST 276 in the Spring of 2020

Final Project: secLounge

Test3: Project Presentation Prep: secLounge

Helpful client-side web dev tools

Atom

The Atom text editor is a pretty neat free and open-source text editor that can be used to edit webpages with HTML, CSS, and/or JS! It supports macOS, Linux, Windows, and supports plugins written in Node.js and embedded Git Control, developed by GitHub.

Download Atom here

Carbon

What's up with all these science terms!? Carbon is an open source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. It also has links to tutorials for Node and REACT JS.

Check out IBM's Carbon

Classmate portfolios

Classmate portfolios

Current trends in client-side web development

HTML

HypertText Markup Language

HyperText Markup Language, or HTML is the standard markup language for Web pages, that allows web developers to create websites. It is a standardized system for tagging text files to achieve font, color, graphic, and hyberlink effects. Overall, HTML is simple and easy to learn.

Top 6 HTML5 Trends For Webmasters
After W3C released HTML5 in 2014, HTML5 gained popularity among web developers because of its seamless and superior experience across all devices and screens. It became core technology markup language.

Click here to learn more

The HTML & CSS Security Checklist
Security is hard. Every developer needs to write some HTML/CSS at some point. Some of us might think that HTML and CSS can’t really be an attack vector. But modern web technologies bring them wide capabilities that can also be used for malicious purposes.

HTML Security Checklist

CSS

Cascading Style Sheets

Cascading Style Sheets, or CSS, is a language that describes the style of an HTML document, and how HTML elements should be displayed on screen, paper, or in other media. It can be used to define text styles, table sizes, and other aspects of web pages that previously could only be defined in a page's HTML. CSS saves a lot of work, and it can be used to control the layout of multiple web pages all at once. External stylesheets are stored in CSS files.

CSS injection(reflected)
CSS injection vulnerabilities arise when an application imports a style sheet from a user-supplied URL, or embeds user input in CSS blocks without adequate escaping.

CSS injection

7 Top CSS Trends for 2019
CSS gives style to normal, boring webpages, and enables everything that makes websites enjoyable to interact with. 2019 brings with it plenty of new horizons for web design, and these are the 7 CSS trends that will define the year.

Click here to learn more

JS

JavaScript

Javascript,or JS, is the programming language of HTML and the Web. Originally developed by Netscape, it is an object-oriented computer programming language commonly used to create interactive effects within web browsers. Like server-side scripting languages, such as PHP, JavaScript code can be inserted anywhere within the HTML of a webpage.

7 Tools to Secure Node.JS Application from Online Threats
A node.js core is secure but when you install third-party packages, the way you configure, install and deploy may require additional security to protect web applications from the hacker.

Secure your node.js today!

JavaScript Trends in 2020
For years in a row, JavaScript is the most sought-after and fast-growing programming language. It remains one of the smartest choices when it comes to the development of interactive web interfaces since it’s supported by all modern browsers.

Click here to learn more

Enjoy the view!

drive