It may have been a while, I’ve been coding for games but let’s focus for the moment on front end web development. The project I’m working on incorporates java, css and html - for the purpose of creating an interactive website.
Examples of interactive websites include Gucci décor site http://decor.gucci.com/
The website features detailed eclectic illustrations by British artist Alex Merry appear in the Gucci Décor digital catalogue, where the collection’s products come alive in whimsical animations.
Check out other amazing interactive websites on awwwards.com
https://xn--h1aoaa.xn--p1ai/en/index
Goodbye to the Middle Ages! By Possible Moscow is an interactive site about sexually transmitted infections inspired by Hieronymus Bosch’s medieval triptych “The Garden of Earthly Delights”, where each infection has its own face (how lovely)
I’ll start by looking at “good HTML” that follows convention and keeps the HTML readable. If you don’t know by now what HTML stands for, I suggest this is an appropriate moment to look it up (I won’t judge).
Following this will be HTML5 and API’s to be aware of. [A good API makes it easier to develop a computer program by providing all the building blocks, which are then put together by the programmer.] The HTML technologies I will look at and API’s are great to have in your tool belt and are essential for a good front end web developer to be able to implement easily. First, audio and visual which allows users to access rich content in your apps. Then I’ll look at storage - which often is being placed in cookies that shouldn’t be there.
After, I’ll focus on the canvas, which allows us to draw in a web application. As well as this, there’s the offline API which can make applications work when the user is disconnected - this matters to apps that are accessible on mobile devices.
Finally is the history API which is a core piece of single page applications and then the Geolocation API (which is under used) it defaults the location search to the users current location.
This wraps up the HTML agenda, which is follwed by CSS which is a technology which has rapidly advanced in the last few years.
We’ll look at where we should place our CSS, which will improve performance and maintenance. Next we’ll look at how CSS resets and how normalisation works.
Next is CSS pre-processors which turn CSS from a scooter into a bullet bike.
Then comes the fundamentals of responsive design. A site without responsive design can lose a lot of users and customers.
Next is CSS grid systems, which are the foundations of most responsive design.
Followed by a short introduction to Bootstrap the most popular CSS framework.
Finally, I’ll look at icon fonts - how they work and how they can make things significantly easier.