Hello, I'm Jenna.
My home is Phoenix, AZ, and I'm a front end web developer who loves everything about coding. Finding Treehouse was a defining moment in my life, and it made switching careers from accounting to web development a reality for me. To further my knowledge and experience, in January of 2016 I enrolled in Treehouse's Front End Web Development Techdegree. You can see some of the projects I've worked on displayed below along with what I learned.
In my free time, I enjoy swimming laps, getting lost in a book, scrapbooking, playing Pokemon Go with my husband, and watching my miracle niece grow up.
Portfolio
Online Portfolio
In this project, I built an online portfolio that showcases the work I've created as part of the Front End Web Development Tech Degree. The portfolio is hosted using GitHub Pages, uses a Twitter Bootstrap framework, and brings together my talents with HTML, CSS, JavaScript, and jQuery.
Portfolio
Optimizing a Site for Performance
In this project, I took a poorly optimized page and reduced the total load size to under 1.3MB and number of requests to no more than 23. I analyzed the provided assets to see where optimizations could be made and made the changes.
Portfolio
Use a Public API to Create a Gallery
In this project, I used an API to grab 8 items and displayed them on a page in an attractive gallery of images. Clicking the image opens a lighbox with detailed information about the item.
Portfolio
Web App Dashboard
In this project, I took a mockup and a few icons and build a beautiful, web dashboard complete with JavaScript-driven charts and graphs.
Portfolio
Accessibility Refactor
In this project, I modified the website files provided in order to improve the site's accessibility for users, which often makes sites faster to download and easier to parse for software like search engines.
Portfolio
Interactive Video Player
In this project, I used the supplied mockups, video files, and transcript and built an interactive video player that synchronizes the video and the transcript using jQuery and the HTML5 Video API. The transcript highlights as the video progresses, and when a user clicks any part of the transcript it takes them to the appropriate place in the video.
Portfolio
SVG Site Update
In this project, I optimized a web page by replacing png files with svg images and added some transition effects.
Portfolio
CSS to Sass
In this project, I converted a CSS stylesheet to Sass. I refactored the stylesheet from the Responsive Layout project using SCSS partials, variables, extends, and mixins.
Portfolio
Interactive Photo Gallery
In this project, I created an interactive photo gallery using JavaScript and jQuery. There is a search bar at the top that filters the images based on the user input, and when you click on an image, a lightbox appears that allows you to click through the images.
Portfolio
Online Registration Form
In this project, I built a responsive, mobile-first registration form using a wide variety of HTML form input types and attributes. Using the supplied mockup files, I built a mobile and desktop version of the form using media queries.
Portfolio
Responsive Layout
In this project, I built a responsive, mobile-first layout using HTML and CSS. It responds to small, medium, and large viewport sizes and devices, and it demonstrates an understanding of responsive design.
Portfolio
Personal Profile Page
In this project, I customized a web page to create a personal profile page. I modified the HTML and CSS for a basic web page by adding graphics, custom text, and CSS.
Online Portfolio
In this project, I built an online portfolio that showcases the work I've created as part of the Front End Web Development Tech Degree. The portfolio is hosted using GitHub Pages, uses a Twitter Bootstrap framework, and brings together my talents with HTML, CSS, JavaScript, and jQuery.
View Project View FilesOptimizing a Site for Performance
In this project, I took a poorly optimized page and reduced the total load size to under 1.3MB and number of requests to no more than 23. I analyzed the provided assets to see where optimizations could be made and made the changes.
View Project View FilesUse a Public API to Create a Gallery
In this project, I used an API to grab 8 items and displayed them on a page in an attractive gallery of images. Clicking the image opens a lighbox with detailed information about the item.
View Project View FilesWeb App Dashboard
In this project, I took a mockup and a few icons and build a beautiful, web dashboard complete with JavaScript-driven charts and graphs.
View Project View FilesAccessibility Refactor
In this project, I modified the website files provided in order to improve the site's accessibility for users, which often makes sites faster to download and easier to parse for software like search engines.
View Project View FilesInteractive Video Player
In this project, I used the supplied mockups, video files, and transcript and built an interactive video player that synchronizes the video and the transcript using jQuery and the HTML5 Video API. The transcript highlights as the video progresses, and when a user clicks any part of the transcript it takes them to the appropriate place in the video.
View Project View FilesSVG Site Update
In this project, I optimized a web page by replacing png files with svg images and added some transition effects.
View Project View FilesCSS to Sass
In this project, I converted a CSS stylesheet to Sass. I refactored the stylesheet from the Responsive Layout project using SCSS partials, variables, extends, and mixins.
View Project View FilesInteractive Photo Gallery
In this project, I created an interactive photo gallery using JavaScript and jQuery. There is a search bar at the top that filters the images based on the user input, and when you click on an image, a lightbox appears that allows you to click through the images.
View Project View FilesOnline Registration Form
In this project, I built a responsive, mobile-first registration form using a wide variety of HTML form input types and attributes. Using the supplied mockup files, I built a mobile and desktop version of the form using media queries.
View Project View FilesResponsive Layout
In this project, I built a responsive, mobile-first layout using HTML and CSS. It responds to small, medium, and large viewport sizes and devices, and it demonstrates an understanding of responsive design.
View Project View FilesPersonal Profile Page
In this project, I customized a web page to create a personal profile page. I modified the HTML and CSS for a basic web page by adding graphics, custom text, and CSS.
View Project View Files