HTML / CSS & Responsive

Welcome to the world wide web! The internet has become ubiquitous in our daily lives, transcending desktops and extending connectivity to smartphones, tablets, cars, household appliances and other electronics.

Accordingly, conventional web design no longer meets the requirements of an increasingly connected society that have demands for responsive flexibility and a great user experience.

In this 6 week course, learners will learn the principles and practice of becoming a modern web developer by taking a device­agnostic approach to web design in order to compete across multiple platforms (i.e. desktops, smartphones, tablets and phablets).

Starting from the very basics, learners will be introduced to the latest versions of HTML and CSS – ­the two core front­end languages of the web – in order to effectively structure information and bring their own visual web designs to life.

By taking part in this course you will gain technical insight about the web design process, learn how to structure a flexible website, handle typography and hierarchies, place images and media, create forms, build layouts and learn to use HTML frameworks (such as Twitter Bootstrap).

With latest techniques in CSS3 you will learn how to effectively adapt a web page to multiple device sizes using media queries and enhance the experience with custom typefaces, animations and effects all using little or no JavaScript.

In this course you will learn the following skills:

Working With HTML5 / CSS:

• Working in a web environment | Working with tags | Connecting CSS to HTML | The box model | Web typography | Web color | Static web layout | Basic Menu generation | Working with background images | Advanced CSS selectors | Building forms | Adding basic javascript plugins to HTML

Responsive Design:

• Understanding responsive design | Responsive layout techniques | Pure CSS responsive menus | CSS filters and effects | Transitions | Transforms | CSS animation | Introduction to Bootstrap

Wrapping It Up: 

• Cleanup | MIN | FTP | Going live