Shelly Falconer

Front-End Web Developer

As a Web Developer I enjoy creating responsive front-end architecture with HTML, CSS and JavaScript. How did I get here? While working full-time during the day as an Administrative Assistant, by night I studied HTML, CSS, XML, and JavaScript in an area just north of Silicon Valley in Santa Rosa, California. Back then we were developing in plain text with Notepad. This helped me master the front-end of web development because I didn’t get to lean on hints from an IDE or help from WYSIWYG editors like Dreamweaver or a plug-in for WordPress.

After earning my Associate degree, HTML Developer and XML Developer certifications, I moved back to New York and quickly found myself in a Help Desk position and eventually moved into a Quality Assurance Analyst position testing software.

My work history as an Administrative Assistant helped me master my organizational skills. My Help Desk positions helped me master trouble shooting and researching technical solutions. My Quality Assurance Analyst position helped me develop skills to work closely on a team, document defects, and allowed me the opportunity to learn Agile SDLC while mastering test methodologies. I’m so grateful for all these opportunities.

Code Examples

You'll find some code examples I've put together to show my front-end web development skills.

old portfolio page

xHTML1.1 / CSS / Vanilla JavaScript Example

This is my old portfolio. I used xHTML1.1 tables and CSS float! There is some vanilla javascript on the home page too. This example is not responsive.

View xHTML1.1
flexbox exmaple page

Flexbox Example

An example using CSS Flexbox responsive layout in HTML5. I used media queires to accomodate different screen widths. I have some CSS in the head, as well as an external stylesheet.

View Flexbox Layout
grid example page

Grid Example

An example using CSS Grid responsive layout in HTML5. I used media queires to accomodate different screen widths. I have some CSS in the head, as well as an external stylesheet.

View Grid Layout
placeholder code

DOM Manipulation

An example of manipulating the Document Object Model(DOM) with JavaScript rendered in HTML using template literals.

View DOM Manipulation

Education

Santa Rosa Junior College - Santa Rosa, CA

Associate Degree, 2003

General Studies.

XML Developer Certificate, 2003

I studied XML formats - parent / children, XSLT stylesheets and DTD definitions.

HTML Web Developer Certificate, 2004

I studied HTML, CSS and principals of screen design.