Code and design your landing page in only 2 hours! A very satisfying workshop where students will code and design their own landing page using HTML/CSS & the Twitter Bootstrap CSS library. We will also cover lots of design pro-tips to find icons, fonts, colours.
What you will learn:
HTML / CSS core notions
Lots of graphical tips and tools (fontawesome, Google Fonts, coolors, etc.)
Introduce Bootstrap and its responsive grid system
Learn to quickly build a set of icons, a logo, a newsletter banner or even a mockup for your app. We'll cover everything you need to know to build your graphical assets using the latest and coolest resources for the best pictures, icons, colours, fonts, and patterns. You will also get general knowledge about standard UI components as well as designer tricks and secrets.
What you will learn:
Use Sketch, a popular graphical tool used in startups, to refine your icons, change their colour and shape, export them, and customise any assets (logo, icons, newsletter banner, etc.)
Discover UI components and how they are built.
Design tricks and tips: how to build a nice shadow? Add a filter to a cover pic? resize pictures with different proportions? Create masks? etc...
Let's go through JavaScript core notions together. This programming language is very popular. It's been used by all web browsers for more than 15 years and every web developer will code some JS during his career. In addition to that, lots of cool JS frameworks were built recently, like React.js from Facebook.
Learn to quickly build a set of icons, a logo, a newsletter banner or even a mockup for your app. We'll cover everything you need to know to build your graphical assets using the latest and coolest resources for the best pictures, icons, colours, fonts, and patterns. You will also get general knowledge about standard UI components as well as designer tricks and secrets.
What you will learn:
Use Sketch, a popular graphical tool used in startups, to refine your icons, change their colour and shape, export them, and customise any assets (logo, icons, newsletter banner, etc.)
Discover UI components and how they are built.
Design tricks and tips: how to build a nice shadow? Add a filter to a cover pic? resize pictures with different proportions? Create masks? etc...
