Portfolio: My Web Development Projects
Welcome to my portfolio. This is my "show and tell" place for the work I have completed at Bradley Tech. I provide information about some of the big and small projects that I have completed in Web I, Web II, and mobile apps classes. I have learned a lot and I am proud of work, which I can use as evidence and prove the skills that I am developing in this important area of technology.
This page provides links to show those projects and, most importantly, describes how I completed them and what I actually learned in the process.
Portfolios are a place of constant construction. My portfolio will continue to grow with future work, both at school and at work. I plan to keep working on it over the years to come.
Periodic Table
Using "old school" <table> methods, I created and styled a really cool periodic table.
This was my first big project. At first it seemed complicated but after I recognized the common tags necessary for the row, headers, and the table data cell needed for each element, I could see a pattern to the process. Analyzing and planning my table directed me to applying these patterns in the necessary order to build each of the 12 rows of the same periodic table I see in the science labs.
Coding requires that I recognize patterns and rules of the programming language. We call these rules the syntax of that language. A lot of code was applied in a recognizably repetitive fashion.
Duplicating this scientific masterpiece helped me learn how each of the 118 individual chemical elements are organized and that all of them have an atomic number. The table is created by periods being horizontal and groups being vertical.
PBIS Project
The PBIS (Postitive Behavior Intervention Strategies) project connects my growing HTML skillls with building the Bradley Tech culture of being responsible, being respectful, and being self-discipined.
This project introduced me to using user input buttons and provide an interactive web page with the audience. When the user clicks one of the buttons below the table, a bit of Javascript programming instructions are called which changes the background colors of the rows to emphasize the specific trait we want to students to follow. The <script> tag was used as a container for the programming instructions. Script simply refers to "instructions" that the user's computer will follow when it is read by the browser.
My Recipe Project
I continued using my <table> skills to organize the display of information, this time the infomration is a favorite family recipe. I started to apply CSS (Cascading Style Sheets) to the page, and learned how much more powerful it is for a web developer to use. With CSS I gain more control over the placement of the elements and can improve the "style" or look of the entire web page or fine tune how each big or little element will look.
Hour of Code Project
Part of the annual Hour of Code project was to use MIT's Scratch program and make an animated holiday card. The programming tool really helps understand the basics of planning and developing a computer program.
Bradley Tech
School of Technology & Trade
Milwaukee, WI