3 PAGES in 3 WEEKS

Workshop episode 2

TIME: January 13, 2014

HOSTER: SI XiaoJing, CHEN HaiZhou

CONSULTANT: QIU JunTao

Samples to be implemented

  • Week 1: Find an agent

    In the very first week, we will learn how to setup the most modern and effective envrionment first. We use Sublime + Emmet plugin for HTML/CSS code composing, and Compass + SCSS for css, then Guard + LiveReload for quick feedback and enhancement.

    During the workshop, people learn how to implement the mockup from scrath, how to structure the HTML document, how to float element, how to use pesudo elements, etc.

    Also, we highly recommended people work in pairs, then they can learn from each other, and get comfortable when blocked by some details.

  • Week 2: Themes for wordpress

    In this week, we are looking into HTML5 elements, and also learn new features in CSS3, like transition, gradient and transform. And also we talk more about responsive web design.

    The design we chosen is very suitable for responsive web development.

    Students from different background are keeping pair and learn stuff from each other, more people are joining, we are running out of table. Many students stay very late to do their assignment. As a coach, I was very moved.

Week 3 showcase

In week 3, we changed the plan, and get started to do some design work. Attenders are required to design their own Web page, it could be any topic basically. And people were showing creative and productive, they worked very hard and effecitvely During the workshop, we also learn some basic design princples. We talked about how to use image, how to do basic typograghy, and hierachy.