Turorial Project Information
For this project we were placed into a group of two people and we worked together in order to use an API to create dynamic and complex web applications.
A link to the tutorial site can be found here.
A link to the application webpage can be found here.
We used the API named p5 in order to create a web application that allows the user to draw images onto the screen with variaous tools and to save the image that they created onto their computer. We go over how to implement the major functions from the API that we used into another website that he/she could be working on. We allowed the user to change the colors that they would be using, the size of the brush that they are using, as well as allowing the user to create shapes using our shape tool.
A link to the tutorial site can be found here.
A link to the application webpage can be found here.
We used the API named p5 in order to create a web application that allows the user to draw images onto the screen with variaous tools and to save the image that they created onto their computer. We go over how to implement the major functions from the API that we used into another website that he/she could be working on. We allowed the user to change the colors that they would be using, the size of the brush that they are using, as well as allowing the user to create shapes using our shape tool.
-Created 12/02/2019
Lab 3 Information
In this lab we were instructed to create a single-page website that simulates a coffee shop's store checkout system using Javascript.
A link to the third lab can be found here.
I mainly wanted to create a webpage using the general layout plan of a header, content, and footer section. I initially setup my project to not require the use of objects by organizing my assests under specific directories and names. I was not able to create the most efficient website because I was instructed to create an object array to hold all of the coffee shop information. I still feel as though the user experience from the website is great and I think overall the lab was great.
A link to the third lab can be found here.
I mainly wanted to create a webpage using the general layout plan of a header, content, and footer section. I initially setup my project to not require the use of objects by organizing my assests under specific directories and names. I was not able to create the most efficient website because I was instructed to create an object array to hold all of the coffee shop information. I still feel as though the user experience from the website is great and I think overall the lab was great.
-Created 10/18/2019
Lab 2 Information
In this lab we were instructed to create a single-page website that implements responsive web development practices.
A link to the second lab can be found here.
I made a website using styles taken from this website. I really liked the visual feel of the page and I felt as though implementing responsive design to the site would be easy.
I also made use of background images in my Lab 2 website. I used an image tinting program to try and make the background images fit with my color scheme. Even though the inclusion of a selected color scheme isn't required, I am interested in web design as much as web development.
A link to the second lab can be found here.
I made a website using styles taken from this website. I really liked the visual feel of the page and I felt as though implementing responsive design to the site would be easy.
I also made use of background images in my Lab 2 website. I used an image tinting program to try and make the background images fit with my color scheme. Even though the inclusion of a selected color scheme isn't required, I am interested in web design as much as web development.
-Created 9/26/2019
Lab 1 Information
I would like to assume that I have pretty intermediate skill with HTML and CSS.
I have very very little experience using Javascript and I have never used a client-side framework for web development.
I have heard of Django and the use of jQuery; some seem to say jQuery is not a framework for web development or doesn't belong in the same category with Django but due to my lack of experience, I will group them together.
In this assignment I wanted to make use of the box model when creating my website. I also used some shadow effects when creating content on my site to give the webpages more of an impact to the user/viewer.
I definitely liked the assignment. I had used a previous site that I created in order to get ideas for this project. In a past semester I lead a technical workshop that focused on creating websites using HTML and CSS. I presented this website to middle school and high school students and had them create a website similar to this one using the techniques that I went over in the workshop. I really like how there are so many tutorials out there that go over many design and development techniques in order to make your website as creative and informative to the users/viewers as possible. I plan on using W3Schools a whole lot more for reference throughout the semester.
I have very very little experience using Javascript and I have never used a client-side framework for web development.
I have heard of Django and the use of jQuery; some seem to say jQuery is not a framework for web development or doesn't belong in the same category with Django but due to my lack of experience, I will group them together.
In this assignment I wanted to make use of the box model when creating my website. I also used some shadow effects when creating content on my site to give the webpages more of an impact to the user/viewer.
I definitely liked the assignment. I had used a previous site that I created in order to get ideas for this project. In a past semester I lead a technical workshop that focused on creating websites using HTML and CSS. I presented this website to middle school and high school students and had them create a website similar to this one using the techniques that I went over in the workshop. I really like how there are so many tutorials out there that go over many design and development techniques in order to make your website as creative and informative to the users/viewers as possible. I plan on using W3Schools a whole lot more for reference throughout the semester.
-Created 9/16/2019