vonglory176.github.io Open in urlscan Pro
2606:50c0:8003::153  Public Scan

Form analysis
1 forms found in the DOM

POST https://formsubmit.co/SkylerGConley@gmail.com

<form class="contact-form" action="https://formsubmit.co/SkylerGConley@gmail.com" method="POST"><input id="email" name="email" class="form-control" placeholder="Enter your email address.." type="email" required=""><input id="name" name="name"
    class="form-control" placeholder="Enter your name.." type="name" required=""><textarea id="textareaComments" class="form-control" rows="5" placeholder="Enter your message here.." required=""></textarea>
  <div class="contactFormAfterText-div"><input id="submit" class="btn btn-primary" type="submit" value="Submit">
    <div class="contactFormLogos-div">
      <a class="logoLink" href="https://www.linkedin.com/in/skyler-g-conley-1b6a33133/" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/LinkedIn_icon_circle.svg/800px-LinkedIn_icon_circle.svg.png"></a><a class="logoLink" href="https://github.com/Vonglory176" target="_blank" id="profile-link"><img src="https://www.svgrepo.com/show/512317/github-142.svg"></a>
    </div>
  </div>
</form>

Text Content

 * Welcome
 * Projects
 * Skills
 * References
 * Contact
 * 


HELLO, I'M SKYLER

A JUNIOR WEB-DEVELOPER

I've been pursuing Front-End Web Development for a couple years now, learning
both on my own and through my college classes while holding down a full-time
job.

Even with some bumps along the way, each project and every new hurdle taught me
a great deal, and I'm keen on ironing out my skills enough to land a place in
the industry. Discovering new and increasingly efficient ways to design and
create something beautiful has been a blast, and I'm excited to show I have what
it takes to do just that.

Down below you'll find a series of projects I've built as demonstration, their
focuses varying from programs utilizing advanced JavaScript concepts to web
pages with fully responsive content and layout


NOTEABLE PROJECTS


PreviousNext

AI IMAGE GENERATOR

This project is exactly as it sounds, that being a small React application
allowing you to use AI to easily create detailed artwork!

Through the use of Horde-AI API services and a series of fetch calls, clicking
the generate button will send whatever settings you've configured off to be
processed and returned as an image of your design. The work itself was of course
very heavily focused on fundamental React concepts (like useState and useEffect)
and Asynchronous Fetch calls in particular, though also involved extensive
utilization of React-Bootstrap for much of the UI.

With the “Batch Size” feature being the latest addition to my program, I'm also
planning on adding some basic Local Storage functions to allow easy reuse of
previous prompts. I'd like a gallery feature of sorts as well, though this looks
to require back-end work and is as such an idea on the shelf for now.

TOOLS:










--------------------------------------------------------------------------------

View ProjectView Github Repo

PreviousNext

NETFLIX CLONE

This is a recreation of Netflix's home page I built with HTML/SCSS/Bootstrap and
some minor React code. It's completely responsive across all viewports and
matches the original site almost perfectly, just needing some extra tweaks to
the email input for final touches.

Building this helped improve my CSS/SCSS quite a bit, and I learned a fair deal
more about more complicated positioning, niche selectors, videos, transitions
and so on. Beyond what I've done already, I'm also considering the addition of
one or two other pages (sign-in) to showcase proper page routing.

TOOLS:









--------------------------------------------------------------------------------

View ProjectView Github Repo

PreviousNext

ASTEROID GAUNTLET GAME

This was a final project I'd made for a college class in JavaScript. The coding
was done entirely by myself and the art assets very kindly drawn for me by my
friend Edva.

It was my first project of this type and it took me a few weeks to put together
as such, but I think that in the end that it came out pretty well! There are a
couple small imperfections with things like hit detection, optimization and so
on, but I'd gotten to what I could at the time and am very proud of the outcome.

The game runs within an HTML Canvas element nested within a simple bootstrap
frame, the game objects themselves drawn from a series of sprite-sheets and
animated through frame-requests and event triggers.

TOOLS:







--------------------------------------------------------------------------------

View ProjectView Github Repo

PreviousNext

OCULAR INSTRUMENTS BUSINESS PAGE

This is a project I started working on after seeing the rather static website of
the company I currently work for. Lacking any form of responsive code or flashy
graphics, it inspired me to sit down and see how I could improve things were I
to devote some time to it.

The page proved to be great practice for my SCSS / CSS skills, and I also
learned quite a lot about React-Bootstrap and Image-Optimization /
Progressive-Loading among other things.

TOOLS:









--------------------------------------------------------------------------------

View ProjectView Github Repo


SKILLS AND TOOLSET
WITH FUTURE PLANS SHOWN HERE..

HTML

Non-semantic elements (<h1>, <p>, lists, links, <img> vs. <picture>)
Semantic elements (<header>, <section>, <nav>)
Forms (<input> types, validation attributes, <input type=”text”> vs. <textarea>)
Metadata (viewport metadata, open graph metadata, link to stylesheet, link to
favicon, how to add Google Analytics or Tag Manager)
Accessible HTML (well-understood by screen readers)
SVG basics
CSS

The box model
Display value types (block, inline-block, inline, flex, grid)
Positioning (static, absolute, fixed, relative)
Selectors (a, .component, .component > a)
Pseudo-classNamees (:hover, :active)
Specificity, !important (and when to use !important responsibly)
Default stylesheet and reset.css
Animation basics (@keyframes)
Understanding of CSS frameworks and their trade-offs (experience with one
preferred)
Understanding of Sass (mixins, loops, conditions, functions)
Understanding of BEM methodology
Javascript

Functions
Pass by value vs. pass by reference
Values, types, and basic operators (arithmetic, assignment, comparison,
difference between == and ===)
Truthiness and it's quirks
The Document Object Model (getElementById, onClick, window.location.reload)
Data structures (Objects, arrays, arrays as queues, arrays as stack, Set) and
how to manipulate them (loops, map, filter, reduce, Object.keys)
How to send and handle HTTP requests using fetch
Promises and asynchronous programming (chaining promises, handling errors,
awaiting multiple promises in order, await keyword)
Basics of regular expressions (matching characters, wildcards, anchors,
quantifiers, greediness)
How to encode and decode text (base64, url encoding)
Cloning objects
ES6 syntactic sugar (arrow functions, destructuring assignments, object
initializer shorthand, rest parameters, spread operator)
Prototypes (constructor functions and new keyword, this keyword, basics of
prototypical inheritance)
Cookies, local storage, session storage

BOOTSTRAP

SASS

REACT

JQUERY

VITE

EXPRESSJS

SQL

NODE.JS

NPM

GIT

GITHUB

RESTFUL API

WEB ACCESSIBILITY

RESPONSIVE DESIGN


KIND WORDS   FROM COOL PEOPLE

LAWRENCE CONLEY, MY DISNEY SDET INTERNSHIP BOSS

--------------------------------------------------------------------------------

Skyler's 4.0 GPA and Phi Theta Kappa honors society membership won him a summer
internship with the Global Quality Engineering team here at Disney Parks
Technology Services. We needed a JavaScript-centric SDET with solid knowledge of
the node.js framework, and he blew through our white-boarding session without a
hiccup. His JavaScript skills are actually much more worthy of a senior level
SDET than an entry level intern and we were very happy to bring him onboard!

During his time with us he helped us to write and re-factor step-definitions for
our node.js test automation framework, but was most beneficial in helping to
rewrite an in-house Chrome extension originally used for gathering data from our
ALM database, and re-tooling it to work with our new qTest test case management
tool.

The process was very complex and required plowing through tons of poorly
commented spaghetti code, making sense of it all, and then methodically
rebuilding all functions to work with the new database. His code easily passed
review and was merged swiftly. His work on the tool actually unblocked the team!
If we had the headcount available, we would have hired him as a cast member! He
will be an excellent addition to any development team in need of a JavaScript
pro!

Lawrence Conley
SDET Lead
Walt Disney Attractions Technology
lconley@mindspring.com


--------------------------------------------------------------------------------

KEITH ROWLEY, MY BATECH-289 PROFESSOR

--------------------------------------------------------------------------------

To whom it may concern,

Skyler Conley was a student in my Spring 2023 BATECH 289 Front End Web
Development class. He was an outstanding student, and has a unique perspective
on both the coding process and the visual design process. I met one-on-one with
him weekly, and was constantly amazed at his enthusiasm for coding and by the
fluency of his web development. Our meetings were exciting, honest, forthright,
fun, and unpredictable. I never knew what cool new code he would throw at his
projects and assignments. He taught me a lot of new processes and pushed my
ideas of what is possible.

He was also a good listener, and was quite often inspired by my perspectives and
feedback. I enjoyed the easy way we were able to toss ideas around, and loved
seeing him work in front of my eyes in real time.

I must also toss in the fact that he earned perfect scores on every single
assignment. In short, Skyler is a model student and, I believe, a model front
end developer. His communication skills, enthusiasm for learning, and friendly
personality will allow him to serve quite well within any web development team.

Feel free to contact me directly if you'd like to further discuss Skyler and his
work.

Sincerely,

Keith Rowley
Senior Adjunct
School of Business & Technology
Bellevue College
k.rowley@bellevuecollege.edu


--------------------------------------------------------------------------------

KURT FRIEDRICH, MY PROG-209 PROFESSOR

--------------------------------------------------------------------------------

To whom it may concern,

Skyler Conley was a student of mine a web programming class at Bellevue College.
Back in January of 2023 the course was called PROG209, it has since been renamed
to DEV209. It is a 2nd year course which focuses on writing a complete web app,
both the client code and the server-side code. For the client, the course
requires appropriate use of JavaScript objects and constructors, HTML, CSS, a
SPA (Single Page Application) JavaScript framework, and making RESTful calls to
the server to persist and retrieve data. The sever side code was done in a
Virtual Machine hosting Linux with the Node.js server. Data was persisted to the
Linux file system. All sources were kept in GitHub. For a second project, Skyler
was required to write a web-based game using the HTML Canvas features.

Skyler was a solid programmer, and he had no difficulty comprehending new
material. He received perfect scores on every homework and test. In addition, he
always went well beyond the actually assignment, writing considerable extra code
to make his solution to a problem much more eloquent and user friendly. His web
app project and his Asteroid Gauntlet game project (see his resume), were
substantially better than the average games from other students.

Because this was an online class, there was very little student to student
interaction. However, what I observed in his interactions with me in class was a
friendly, articulate, and responsible student, a real pleasure to have in my
class.

Sincerely,

Kurt Friedrich
Faculty at Bellevue College
kurt.friedrich@bellevuecollege.edu


--------------------------------------------------------------------------------


WANT TO GET IN TOUCH?

CONTACT ME HERE