Get to know a little about me and how I got into coding.

Hello, I’m Conner

At a young age never would I have thought that my education and potential career would have gone the way it has. Growing up my only interests were really sports and the outdoors. The only thing technology wise that I enjoyed or took an interest in was video games.

Throughout elementary, middle school, and high school I had taken some computer classes and knew how to work one but again, never really found a passion for them or anything technology related really. At the time, I was pretty set on becoming an athletic trainer so I could work in something…


Photo by Jessica Lewis on Unsplash

Below are a variety of VR projects and assignments that that are hosted on different platforms. Some are single nodes and some are tours with multiple nodes and interactivity including audio and popups. I completed all of these in the Spring 2021 semester at UVU. Be sure to check them all out!

Self Hosted


Icon made by Freepik from flaticon

While there are many different factors that can make a website take forever to load, one of the biggest ones (and also one of the ones that is in your control as a developer) is images. Several studies show that you only have a few seconds to get a webpage to load before the user decides to leave and try somewhere else. People do not have the patience.

One of the ways you can help speed up your website’s load time is by optimizing your images. Choosing the right formats and compressing them down to a small enough size where…


Image courtesy of Scott Graham on Unsplash

One of the most important things you can do in Web Design and Development before you even start anything else, including the design process, is to do user research. By doing user research you can better understand users and their needs, which in turn helps you and your team identify what the product needs to look like and how it’s going to work. You also find out who the target audience/user is. You’ll have the data to back your design/development strategy and decision making. Many people think it’s a waste of time and money but in reality, if done correctly…


Image courtesy of Javarevisited

Both textContent and innerHTML can be used interchangeably at times to add content to an element/tag. However, it’s important to know the difference between the two so you don’t make the same mistake I did and spend forever trying to figure out why your code isn’t working the way you want it to. I hope to explain the difference in this article.

innerHTML

<body>   <div id="exampleDiv"></div>
<script> const myDiv = document.querySelector('#exampleDiv') myDiv.innerHTML = `Hello my name is <strong>Conner</strong>` </script></body>

In the simple example above I have created a div with the id of “exampleDiv”. In my script I have created…


JavaScript project using an external JSON file, a try…catch block, async…await and displaying the data based on which hotel is selected.

Conner Chappell is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Web & App Development. The following article relates to the Unit 10: Hotel Booking assignment in the DGM-2760 course and is representative of the skills learned.


Project that uses a css preprocessor, mobile hamburger menu, an image slider, and other fun css techniques for the plan your visit cards.

Conner Chappell is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Web & App Development. The following article relates to the Unit 9 assignment in the DGM-2740 course and is representative of the skills learned.


Project that uses Star Wars JSON data. Filter the characters by gender and click for a fun opening crawl

Conner Chappell is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Web & App Development. The following article relates to the Final Project in the DGM-1600 course and is representative of the skills learned.


Fun little project using fetch to get data from an api and displaying it in the DOM.

Conner Chappell is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Web & App Development. The following article relates to the Final Project in the DGM-1600 course and is representative of the skills learned.


JavaScript project that manipulates arrays and implements error checking, event handlers, and event listeners.

Conner Chappell is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Web & App Development. The following article relates to the Unit 5: Events and Arrays Project in the DGM-2760 course and is representative of the skills learned.

Conner Chappell

Front-End Web Development student who loves sports, the outdoors, and code.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store