Mahammed Zishan Khan's GitHub page for "Webtech2" assignments
###CSS3 Animations
In our first assignment, we had to make a couple of animations with CSS3 transforms and keyframes.
The first part is with the CSS3 transform property and some translateX or Y. The second part is with keyframes.
What have I learned?
How to make animations with CSS3(transform and keyframes) and how to optimize them for mobile devices.
###Advanced Javascript (Todo app)
We had to make a todo list in JS and we had to work with prototyping in JS. At first I had to get used to it because I'm used to working with classes(PHP, AS3/Flex). We also had to write the selector ability from jQuery(just so we understand how it works).
In the todo app, you are able to mark things as done and there are different priorities(high, medium, low).
What have I learned?
Working with JS prototypes
###Weather app
We had to make a weather app in JS. I worked with the Forecast.io API to fetch weather information and I used Google Maps API to fetch the location. For some reason the Forecast api doesn't store the location so I used Google Maps for that. I also used Fastclick(to remove the 300ms delay for touch events), PACE progress bars to show that the app is loading and Skycons as the weather icons. Bootstrap is used to make it responsive. The background also changes depending on the weather forecast.
What have I learned?
Working with JS prototypes in a real life project
Using API's with AJAX calls
Working with other JS libraries/scripts
Todo: Minify CSS
###Terrappke app
A bit similar to the weather app but in this case we don't see the actual forecast. Instead it shows a message about wether or not the weather is good enough to relax and have a drink at the Creativity Gym.
Todo: Minify CSS
###IMD-Wall app (askMongo)
We had to create an app using NodeJS where it would be possible to ask questions during an event to the speaker at the event. The speaker would then be able to moderate and delete questions.
We used Websockets to make it realtime, I used Faye for that. We worked with the Express framework which also includes Jade for templates. We used MongoDB to store the questions in the database and I connected to my DB with Mongoose. I also used Gulp to minify any CSS and to concat the CSS.
What have I learned?
Creating realtime NodeJS apps
Working with the Express framework
Using Websockets in JS (I have used them in Flex with a Java server in the past)
Working with MongoDB
Using a task runner such as Gulp
Understanding how Express, Gulp and Mongoose work