Difference between revisions of "Interactive web"
| Line 1: | Line 1: | ||
During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It will give you the possibility to turn the web browser into an interactive space, where not only you will create web interfaces that respond to the users' action, but also to data coming from sensors (the constructions of a sensor box backend will be done in your classes with Javier). It will be your introduction to programming in the browser. Unlike HTML and CSS that mainly describe what content, structure and appearance web pages has, programming a webpage can it make perform actions, which can turn a webpage in a game, or a VJ platform, or drawing canvas, a visualization, and much much more. To do that we'll use '''Javascript''' - a computer language for web browsers. Because we are starting, we'll keep it simple, so we get familiar with the basics. | During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It will give you the possibility to turn the web browser into an interactive space, where not only you will create web interfaces that respond to the users' action, but also to data coming from sensors (the constructions of a sensor box backend will be done in your classes with Javier). It will be your introduction to programming in the browser. Unlike HTML and CSS that mainly describe what content, structure and appearance web pages has, programming a webpage can it make perform actions, which can turn a webpage in a game, or a VJ platform, or drawing canvas, a visualization, and much much more. To do that we'll use '''Javascript''' - a computer language for web browsers. Because we are starting, we'll keep it simple, so we get familiar with the basics. | ||
In practical terms, '''we'll work on the | In practical terms, '''we'll work on the construction of interactive interfaces, where you will be able to materialize your "navigation" concepts, that will react to borth the user input and data input coming from the sensor boxes'''. | ||
You will be working in groups of 5. In 2 hours sessions. On Tuesdays | |||
In conjunction with learning how to program webpages we will reflect upon the notion of the interface. What is a interface? Most immediate image is most likely going to be a screen. Although a screen is a interface - between what goes on side a computer and our sensory organs of vision - an interface can most simple be described as the connection between one world and another. Like the screen, keyboard and mouse are interfaces between humans and computers. So is our skin and other sensory organs. They are interfaces between our bodies and the exterior world, which allow us to sense, react and ultimately navigate our environment. | In conjunction with learning how to program webpages we will reflect upon the notion of the interface. What is a interface? Most immediate image is most likely going to be a screen. Although a screen is a interface - between what goes on side a computer and our sensory organs of vision - an interface can most simple be described as the connection between one world and another. Like the screen, keyboard and mouse are interfaces between humans and computers. So is our skin and other sensory organs. They are interfaces between our bodies and the exterior world, which allow us to sense, react and ultimately navigate our environment. | ||
Latest revision as of 14:02, 1 April 2018
During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It will give you the possibility to turn the web browser into an interactive space, where not only you will create web interfaces that respond to the users' action, but also to data coming from sensors (the constructions of a sensor box backend will be done in your classes with Javier). It will be your introduction to programming in the browser. Unlike HTML and CSS that mainly describe what content, structure and appearance web pages has, programming a webpage can it make perform actions, which can turn a webpage in a game, or a VJ platform, or drawing canvas, a visualization, and much much more. To do that we'll use Javascript - a computer language for web browsers. Because we are starting, we'll keep it simple, so we get familiar with the basics. In practical terms, we'll work on the construction of interactive interfaces, where you will be able to materialize your "navigation" concepts, that will react to borth the user input and data input coming from the sensor boxes.
You will be working in groups of 5. In 2 hours sessions. On Tuesdays
In conjunction with learning how to program webpages we will reflect upon the notion of the interface. What is a interface? Most immediate image is most likely going to be a screen. Although a screen is a interface - between what goes on side a computer and our sensory organs of vision - an interface can most simple be described as the connection between one world and another. Like the screen, keyboard and mouse are interfaces between humans and computers. So is our skin and other sensory organs. They are interfaces between our bodies and the exterior world, which allow us to sense, react and ultimately navigate our environment.
Subjects
- Javascript x2 sessions
- jQuery & DOM manipulations x2 sessions
- Rest API x1 session
